/*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
8. ITS Architecture Implementation specific styles

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; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	}
	
p, li, ul, ol {
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
ul {
	padding-top: 15px;
	margin-top: 0;
	}
	
li {
	margin-top: 10px;
	}	
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
	
h1 {
	font-size: 139%;
	color: #666633;
	color: #036;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 125%;
	color: #666633;
	color: #036;
	padding: 0;
	margin: 1em 0;
	}
	
h2.headlineSpan {
	margin-top: 0;
	margin-bottom: 0; 
}

p {
	margin: .5em 0; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	}
	
abbr, acronym {
	border: none;
}
	
/* ******** SECTION 2: Lists ******** */

h2 a:link, h2 a:visited {
	text-decoration: none;
	padding-bottom: 0;
	color: #9F0724;
	}
	
h2 a:hover {
	text-decoration: underline;
	padding-bottom: 0;
	color: #9F0724;
	}
	
img a:link, img a:visited {
	border: none;
	}
		
/* ******** SECTION 3: Tables ******** */


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

a:link, a:visited {
	color: #000063;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
/********* SECTION 5:  Major sections of the template. *********** */

#dot-logo {
	text-align: left;
	vertical-align: middle;
	}
	
.fhwa-bar {
	background-color: #006;
	}
	
#fhwa-links {
	text-align: right;
	vertical-align: middle;
	}
	
#fhwa-home {
	text-align: right;
	padding-bottom: 10px;
	}
	
#header-pics {
	background-color: #ccc;
	}
	
#tagline, .opsbanner, .tagline, .quicklinks {
	background: #666633;
	padding: 0;
	margin: 0;
	}
	
.opsbanner {
	text-align: left;
	}
	
#tagline { 
	text-align: left;
	padding-right: 13px;
	}

.quicklinks {
	text-align: right;
	}
					
#navigation {
	margin-left: 10px;
	margin-top: 25px;
	}
	
.navlink, .thispage {
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
#curve {
	display: none;
	}	

#content {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 20px 20px 20px 40px;
	font-size: 80%;
	margin: 0;
	}
		
#javadate, #footer-links {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	}
	
		
/********* SECTION 6:  Classes *********** */

/* Use span class="doc" for the text that describes what file format a link is in. Example: <a href="foo.pdf">Document foo</a> <span class=doc">(PDF)</span> */

.doc {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	}
		
	
/********* SECTION 7:  Page-specific Classes and IDs. *********** */

/* this ID applies to the box on ND_action_plan/edialogue.htm */
#thevision {
	border: #2B97FF outset 3px;
	text-align: center; 
	margin: 15px 20%; 
	padding: 5px; 
	font-weight: bold;
	}
	
.tidbits {
	margin-left: 20px;
	}
	
#opscorner {
	padding-top: 35px;
	}
	
/********* SECTION 8:  ITS Architecture Implementation specific styles *********** */
h1.arch-imp {
	font-size: 139%;
	color: #0000CC;
	margin: 0;
	padding: 0;
	}
	
h2.arch-imp {
	font-size: 125%;
	color: #0000CC;
	padding: 0;
	margin: 32px 0 0 0;
	}

h3.arch-imp {	
	font-size: 110%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #0000CC;
	}

h4.arch-imp {	
	font-size: 100%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #1147d7;
	}
	
/********* SECTION 9:  Facilitating Integrated ITS Deployment specific styles *********** */
h1.deploy {
	font-size: 139%;
	color: #0000CC;
	margin: 0;
	padding: 0;
	}
	
h2.deploy {
	font-size: 125%;
	color: #0000CC;
	padding: 0;
	margin: 32px 0 0 0;
	}

h3.deploy {	
	font-size: 110%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #0000CC;
	}

h4.deploy {	
	font-size: 100%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #1147d7;
	}