/*This is one of the style sheets for FHWA Operations.  These are styles that need to be hidden from older browsers, mostly Netscape 4x.  

This style sheet is divided into the following sections: 

1. Elements
2. Lists
3. Tables
4. Links
5. Major sections of the template. This section has several sub-sections.
6. Classes
7. HOTM specific styles
8. HOTM - ITS Architecture Implementation specific styles
9. EMP - specific styles

More information is available in the FHWA Operations Style and Maintenance Guide and the FHWA Operations Developer's Guide.  */

/* ******** SECTION 1: Elements ******** */

body {
	margin: 0;
	}

/* ******** SECTION 2: Lists ******** */

/* ******** SECTION 3: Tables ******** */

/* ******** SECTION 4: Links ******** */

.backto {
	font-size: 85%;
	}

/********* SECTION 5:  Major sections of the template. *********** */

#header-pics {
	background: #000 url(../images/header_footer/road_background.jpg) no-repeat top left;
	}

/********* Changed from original style **********/
#tagline, .opsbanner, .tagline, .quicklinks {
	background: #666633 url(../images/header_footer/pm_bkgd_tall.gif) repeat top left;
	}
/********* End Change **********/

.quicklinks form {
	display: inline;
	}

.quicklinks {
	padding-right: 18px;
	padding-bottom: 3px;
	padding-top: 3px;
	}

.quicklinks select, .quicklinks input {
	font-size: 70%;
	}

.quicklinks input {
	padding: 0;
	margin-left: 2px;
	}

#navigation {
	background: url(../images/header_footer/leftnav_bkgd2.gif) top left repeat;
	border-right: 2px solid #666633;
	font-size: 70%;
	margin-left: 0;
	margin-top: 0;
	}
	
#navigation2 {
	background: /*#FBECCF*/ url(../images/header_footer/leftnav_bkgd.gif) top left repeat;
	font-size: 70%;
	margin-left: 0;
	margin-top: 0;
	}

#content {
	padding: 20px;
	}

#curve {
	display: inline;
	}	

form.search {
	margin: 0 0 10px 0;
	}

div.search {
	padding-left: 15px;
	font-size: 90%;
	margin: 0;
	}

.search, .button {
	font-size: 80%;
	padding: 0;
	}

/* following code (#sterms and #search styles) added for new fhwa search engine */
#sterms {
	width: 105px !important;
	width: 120px;
	}

#search form {
	margin: 0 0 10px 0;
	}

#search  {
	padding-left: 15px;
	font-size: 90%;
	margin: 0;
	}

#search .button {
	font-size: 80%;
	padding: 0;
	}

/* end new styles */

.navlink {
	padding: 0 0 0 6px;
	}

.navlink a:link, .navlink a:visited {
	font-weight: bold;
	color: #000063;
	text-decoration: none;
	display: block;
	padding: .5em;
	}
	
.navlink2 {
	padding: 0 0 0 12px;
	}

.navlink2 a:link, .navlink2 a:visited {
	font-weight: normal;
	color: #000063;
	text-decoration: none;
	display: block;
	padding: .5em;
	}

.navlink2 a:hover {
	font-weight: normal;
	color: #000063;
	text-decoration: underline;
	display: block;
	padding: .5em;
	}
	
.home {
	font-size: 1.2em;
	margin-top: -.5em;
}
	
.navtitle {
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: .5em;
	margin-left: 6px;
	margin-top: .5em;
	margin-bottom: .5em;
}

.navlink a:hover, #navigation .navtitle {
	color: #fff;
	background: #666633;
	text-decoration: none;
	display: block;
	}
	
#navigation2 a:hover, #navigation2 .navtitle {
	color: #fff;
	background: #666633;
	text-decoration: none;
	display: block;
	}

#otmlinks {
	margin-top: 5px;
	}

#otmlinks .navlink {
	margin: 3px 0;
	}

#otmlinks .navlink a:link, #otmlinks .navlink a:visited, #otmlinks .navlink a:hover  {
	font-size: 90%;
	}

#otmlinks .thispage {
	font-size: 90%;
	}

#footer {
	background-color: white;
	font-size: 75%;
	padding: 10px 2px;
	text-align: left;
	border-top: #000063 6px solid;
	}

#footer-links {
	background-color: white;
	font-size: 70%;
	padding: 10px 2px;
	text-align: center;
	border-top: #000063 6px solid;
	}

#javadate {
	background-color: white;
	font-size: 70%;
	padding: 10px 0;
	text-align: right;
	border-top: #000063 6px solid;
	}

.thispage {
	color: #fff;
	background: #666633 url(../images/header_footer/pm_bkgd.gif) repeat top left;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 6px;
}

.thispage a:link, .thispage a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	}

div.breadcrumb {
	font-size: 85%;
	margin-bottom: 20px;
	}

div.navigation {
	padding-bottom: 20px;
	}

/* Home Page Styles */

.tidbits p {
	padding: 5px; 
	font-size: 100%;
	}

/* Insets (floating boxes, mostly images for garnish */

.inset {	
	float: right;
	margin: 0 0 5px 10px;
  	padding: 0;
	background-color: #fff;
	width: 227px;
	}
	
.inset-content, .inset-ucr {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #666633;
	background-color: #fff;
	width: 215px;
	}
	
.inset-ucr {
	width: 190px;
	float: left;
	text-align: center;
	margin-right: 1em;
}
	
.inset-content img {
	margin: -5px -5px 1px -5px;
	border-bottom: 1px solid #666633;
	width: 225px;
	}

.inset-content h2 {
	font-size: 100%;
	margin: -5px -5px 5px -5px;
	padding: .5em .5em .5em 10px;
	color: #000066;
	background-color: #CCCC99;
	/*color: #666633;
	background-color: #FFFFCC;*/
	border-bottom: 1px solid #666633;
	}
	
.inset-content p, .inset-ucr p {
	margin: 5px;
	}

.inset-content li {
	margin: 0 10px 0 -.4em;
	}
	

.inset-photo {	
	margin: 5px 0;
	width: 225px;
	}

.inset-photo img {
	border: 1px solid #000066;
	}

/* ******** Datatables ******** */

.datatable, .datatable-ctr {
	font-size: 86%;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #ccc;
	}

.datatable-ctr {
	text-align: center;
}
	
.datatable th, .datatable-ctr th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px 12px;
	vertical-align: top;
	}

.datatable-ctr th {
	text-align: center;
}
	
.datatable td.empty-header-cell, .datatable-ctr td.empty-header-cell {
	background-color: #e4e4e4;
	}
	
.datatable td, .datatable-ctr td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
	}
	
.datatable caption, .datatable-ctr caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	}

.datatablebn {
	font-size: 86%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ccc;
	}

.datatablebn h1 {
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	}	

.datatablebn h2 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	margin: 0;
	}

.datatablebn h3 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	margin: 0;
	}

.datatablebn th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px 12px;
	vertical-align: top;
	}
	
.datatablebn td.empty-header-cell {
	background-color: #e4e4e4;
	}
	
.datatablebn td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
	}
	
.datatablebn caption {
	font-size: 115%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	}

.tablenote {
	font-size: 90%;
	padding: 10px 0px 20px 0px;
	text-align: left;
	}

/* ******** SECTION 2: Lists. ********* */

ul {
	margin-top: -.5em;
	margin-bottom: 1em;
	}
	
li {
	margin-top: .25em;
	margin-bottom: .45em;
	}
	
#navlinks ul {
	list-style-type: none;
	}

#navlinks li {
	display: block;
	line-height: 125%;
	margin: 0;
	padding: 3px 0;
	background-color: transparent;
	font-weight: bold;
	border: none;
	}


/* ******** SECTION 8: Architecture Implementation-specific styles and other new styles ******** */

/*li {
	margin-bottom: 8px;
	}*/
	
/*ul li ul li {
	margin-top: 4px;
	list-style-type: disc;
	font-size: .85em;
	}*/
	
h3 {	
	font-size: 120%;
	padding: 0;
	margin: 1em 0;
	color: #666633;
	}

h4 {	
	font-size: 110%;
	padding: 0;
	margin: 1em 0;
	color: #666633;
	}
	
h5 {
	font-size: 100%;
	margin: 1em 0 -.5em 0;
}

h6 {
	font-size: 100%;
	font-style: italic;
	margin: 1em 0 -.5em 0;
	}
	
address {
	font-style: normal;
	margin: 0 auto 1em auto;
	}
	
ol.decimal 
{
list-style-type: decimal;
}

ol.lroman 
{
list-style-type: lower-roman;
}

ol.uroman 
{
list-style-type: upper-roman;
}

ol.lalpha 
{
list-style-type: lower-alpha;
}

ol.ualpha 
{
list-style-type: upper-alpha;
}

dt {
	font-weight: bold;
	margin-bottom: 1em;
	}
	
dd {
	margin-left: 0;
	}
	
.float-right {
	float: right;
}

.float-left {
	float: left;
}
	
.aligncenter {
	text-align: center;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.small {
	font-size: .8em;
}

.small2 {
	font-size: .9em;
}

.bigger {
	font-size: 1.2em;
}

.margin-top {
	margin-top: 1em;
}

.margin-right {
	margin-right: 1em;
}

.margin-bottom {
	margin-bottom: 2em;
}

.margin-left {
	margin-left: 1em;
}

.padding-top {
	padding-top: 1em;
}

.padding-right {
	padding-right: 1em;
}

.padding-bottom {
	padding-bottom: 2em;
}

.padding-left {
	padding-left: 1em;
}

.photocaption {
	font-weight: bold;
	font-size: .9em;
}

.pdf {
	margin: 25px 0 0 0;
	border-top: 1px solid #cccccc;
	padding: 10px 0 10px 0;
	font-size: .8em;
}

.green {
	color: #009900;
}

.red {
	color: #CC0000;
}
.red2 {
	color: red;
}

.blue {
	color: #1277b5;
}

.allcaps {
	text-transform: uppercase;
}

.clear {
	clear:both;
}
	
.overflow-auto {
	overflow: auto;
}
	
/********* SECTION 9:  EMP - specific styles *********** */

.content-emp-table {
	font-size: 100%;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	}
	
div.inset-emp-photo {	
	padding: 5px; 
	font-size: 100%;
	}
	
.footnotes /* For any page that requires footnotes, place them inside a DIV or P element with this class. The following styles will apply to that DIV. */ {
	border-top: 1px solid #ccc;
	width: 100%;
	text-align: left;
	padding-left: 2em;
	padding-top: .5em;
	font-size: 95%;
	}