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

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. Page-specific Classes and IDs

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

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

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background-color: #fff;
	margin: -1em;
	padding: 0;
	}
	
p, li, ul, ol, td, th, div {
	font-family: verdana, arial, helvetica, sans-serif;
	}


ul {
	padding-top: 5px;
	margin-top: 0;
	}
	
li {
	margin-top: 10px;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
h1 {
	font-size: 139%;
	color: #006;
	margin: 0;
	padding: 0;
	}
	
h2 {
	font-size: 115%;
	color: #000;
	padding: 0;
	margin: 20px 0 0 0;
	}
	
h3 {	
	font-size: 100%;
	color: #000;
	padding: 0;
	margin: 20px 0 0 0;
	}
	
p {
	margin: .5em 0; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	margin: 20px 0 0 0;
	}
	
address {
	font-style: normal;
	margin: .5em 0; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	margin: 20px 0 0 0;
	}
	
/* ******** SECTION 2: Lists. ********* */
	
ul.navlink {
	margin: -1em 0 0 0;
	padding: 0;
	font-size: 80%;
	}
	
/* ******** SECTION 4: Links ******** */

a:link {
	text-decoration: underline;
	color: blue;
	}

a:visited {
	text-decoration: underline;
	color: purple;
}

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;
	}
	
#dot-logo {
	}
	
#fhwa-links {
	text-align: right;
	}
	
#rwmbanner {
	background-color: #005994;
	text-align: left;
	}
	
#header-pics {
	background-color: #999;
	}
	
#tagline {
	background-color: #005994;
	text-align: left;
	padding-right: 13px;
	}
	
.navcat {
	padding: 1px 1px 1px 20px;
	margin: 0 0 -1em 0;
	font-weight: bold;
	}

#content {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 20px;
	font-size: 80%;
	margin: 0;
	}
	
#footer-bar {
	background-color: #006;
	text-align: center;
	}
	
#javadate, #footer-links, #footer-logo {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	padding-top: 10px;
	}
	
#footer-logo {
	width: 195px;
	}
	
#javadate {
	background-color: white;
	font-size: 75%;
	padding: 10px 0;
	text-align: right;
	}
	
#footer-links {
	text-align: center;
	}
	
#curve {
	display: none;
	}
	
#search {
	margin: 20px 0 0 25px;
	padding: 0 5px 0 0;
	}
	
/********* SECTION 6:  Classes *********** */
	
.inset-photo {
	display: none;
	}
	
span.required {
	color: red;
	font-weight: bold;
	}
	
div.footnotes /* For any page that requires footnotes, place them inside a DIV 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%;
	}