/*This is the base style sheet for reports on the FHWA Office of Operations site. It contains all the styles understood by Netscape 4x.  Styles that are only for Netscape 4x (and are overridden by other Operations Report style sheets) are noted in the comments.  

This style sheet is divided into the following sections: 

1. Elements
2. Lists
4. Links
5. Major sections of the template. This section has several sub-sections.


More information is available in the FHWA Operations Style and Maintenance Guide */

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

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background-color: #fff;
	margin: -1em; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	}
	
p, li, ul, ol, td, th, div, table, caption, span, address, cite, dd, dt, dl, form, input, label, blockquote, q {
	font-family: verdana, arial, helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	}

h1 {
	font-size: 139%;
	color: #9F0724;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 115%;
	color: #9F0724;
	padding: 0;
	margin: 30px 0 5px 0;
	}

h3 {	
	font-size: 100%;
	color: #006;
	padding: 0;
	margin: 20px 0 0 0;
	}

h4 {
	font-size: 95%;
	color: #000;
	padding: 0;
	margin: 10px 0 0 0;
	}

h5 {
	font-size: 85%;
	color: #000;
	padding: 0;
	margin: 0;
	}
	
address {
	font-style: normal;
	}
	
/* ******** SECTION 2: Lists. ********* */

ul {
	padding-top: 15px;
	margin-top: 0;
	padding-top: 0;
	}
	
li {
	margin-top: 10px;
	}
	

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

a:link {
	text-decoration: underline;
	color: #006;
	}

a:visited {
	text-decoration: underline;
	color: #006;
	}

a:hover {
	text-decoration: none;
	}

#skiplink a:link, #skiplink a:visited {
	color:  #006;
	font-size: 11px;
	background-color: #006;
	}
	
#skiplink a:hover {
	color:  #006;
	font-weight: bold;
	background-color: white;
	font-size: 11px;
	}
	
/********* SECTION 5:  Major sections of the template. *********** */

.fhwa-bar {
	background-color: #006;
	}
	
#fhwa-links {
	text-align: right;
	}
	
#opsbanner {
	background-color: #9F0724;
	text-align: left;
	}
	
	#opsbannercentury {
	background-color: #9F0724;
	text-align: left;
	}
	
#content {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 20px 20px 20px;
	font-size: 80%;
	margin: 0;
	}
	
div.breadcrumb {
	font-size: 90%;
	margin: 1em 0;
	}

#nextprevious {
	margin-top: 15px;
	}
	
#footer-bar {
	background-color: #006;
	text-align: center;
	height: .25em;
	}
	
#javadate, #footer-links, #footer-logo {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	padding: 10px 0;
	}
	
#footer-logo {
	width: 195px;
	}
	
#javadate {
	background-color: white;
	font-size: 75%;
	padding: 10px 0;
	text-align: right;
	}
	
#footer-links {
	text-align: center;
	}
	
.footer-links {
	margin-top: 0;
	}
	
.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: 90%;
	}
	
	.caption {  
	font-size: /*10pt;*/ 90%;
	font-weight: bold; 
	padding: 0px 0 5px 0;
	}
	
/* Tell NS4 to ignore these styles.... */
/*/*/
div.inset-photo {	
	float: right;
	margin: 30px;
	width: 255px;
	}

div.inset-photo img, div.photo img {
	margin-bottom: 0;
	border: 1px solid #000;
	}
/* Okay, we can let NS4 see the rest.... */
	
div.inset-photo p.caption, div.photo p.caption { 
	margin-top: 3px;
	padding: 0;
	}

.casestudy {
	/*float: right;
	margin: 30px;*/
	padding: 5px 10px;
	width: /*325px*/95%;
	border: solid 2px #9F0724;
	background-color: #ffc;
	}
	
.casestudy h2 {
	font-size: 100%;
	color: #9F0724;
	margin: 0;
	padding: 0;
	}

div.exhibit, div.resources {
	padding: 5px 10px;
	border: solid 2px #006;
	background-color: #DDEFF5;
	}
	
div.exhibit h2, div.resources h2 {
	font-size: 100%;
	color: #006;
	margin: 0;
	padding: 0;
	}

div.resources {
	float: none;
	width: 95%;
	}

/********* SECTION 6:  Architecture Implementation specific styles. *********** */

h1.arch-imp {
	font-size: 150%;
	color: #006;
	margin: 0;
	padding: 0;
	}

h2.arch-imp {
	font-size: 125%;
	color: #006;
	padding: 0;
	margin: 30px 0 5px 0;
	}

h3.arch-imp {	
	font-size: 110%;
	color: #006;
	padding: 0;
	margin: 20px 0 0 0;
	}

h4.arch-imp {
	font-size: 100%;
	color: #1147d7;
	padding: 0;
	margin: 10px 0 0 0;
	}

h5 {
	font-size: 85%;
	color: #1147d7;
	padding: 0;
	margin: 0;
	}