/*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;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
	
h1 {
	font-size: 139%;
	color: #9F0724;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 120%;
	color: #9F0724;
	padding: 0;
	margin: 32px 0 0 0;
	}
	
h2.headlineSpan {
	margin-top: 0;
	margin-bottom: 0; 
}

h3 {	
	font-size: 100%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #9F0724;
	}
	
p {
	margin: .5em 0; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	color: #000;
	}
	
/* ******** 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 ******** */

.datatable, .datatable-scoperow {
	font-size: 90%;
	font-family:  verdana, arial, helvetica, sans-serif;
	}
	
.datatable-scoperow th {
	text-align: left;
	font-weight: normal;
	padding: 4px 10px 4px 10px;
	/*border-right: 2px solid #fff;*/
	}

.datatable th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px 12px;
	/*border-right: 2px solid #fff;*/
	}
	
.datatable td, .datatable-scoperow td {
	padding: 6px 12px 5px 12px;
	}
	
.datatable caption, .datatable-scoperow caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	}
	
table.texttable td, table.texttable th, table.texttable caption {
	font-size: 80%;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	}

table.texttable th {
	font-weight: bold;
	}

table.texttable td, table.texttable caption  {
	font-weight: normal;
	}

.newstable, .newstable-scoperow {
	font-size: 10px;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #ccc;
	text-align: left;
	margin-top: 0 !important;
	margin-top: 15px;
	}
	
.newstable-scoperow th {
	text-align: left;
	font-weight: bold;
	padding: 4px;
	background-color: #fff;
	}

.newstable th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	}
	
.newstable td.empty-header-cell {
	background-color: #e4e4e4;
}
	
.newstable td, .newstable-scoperow td {
	padding: 5px 10px;
	background-color: #fff;
	}
	
.newstable caption, .newstable-scoperow caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	margin-top: 15px;
	}
		
/* ******** 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;
	}
	
.fhwa-bar {
	background-color: #006;
	}
	
#fhwa-links {
	text-align: right;
	}
	
#fhwa-home {
	text-align: right;
	padding-bottom: 10px;
	}
	
#header-pics {
	background-color: #ccc;
	}
	
#tagline, .opsbanner, .tagline, .quicklinks {
	background: #9F0724;
	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;
	}	

#contenttext {
	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;
	}
	
#tollcorner {
	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: 120%;
	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: 120%;
	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;
	}

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%;
	}