/*This is the base style sheet for FHWA Work Zone. 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

More information is available in the FHWA Work Zone Style and Maintenance Guide and the FHWA Work Zone 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;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
	
h1 {
	font-size: 139%;
	color: #334D80;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 115%;
	color: #0B2354;
	padding: 0;
	margin: 32px 0 0 0;
	}

h3 {	
	font-size: 100%;
	padding: 0;
	margin: 29px 0 0 0;
	}
	
h4 {
	font-size: 95%;
	padding: 0;
	margin: 15px 0 0 0;
	}

p {
	margin: .5em 0; /* this style is specific to N4x and is overridden for other browsers in workzone.css */
	padding: 0;
	}
	
/* the <sup> element is short for superscript, and is used on this Web site for footnote numbers. The vertical-align sets line-height to be 35% above the baseline of the parent element -- in other words, the bottom footnote number wil be 35% above the surrounding text. */

sup  {
	font-size: 75%;
	vertical-align: 35%;
	}

/* Use the <cite> element for any article or book titles, or similar citations */
	
cite  {
	font-weight: normal;
	font-style: italic;
	}
	
span.campaign {
	font-weight: bold;
	font-style: normal;
	}
	
input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	}
	
/* ******** SECTION 3: Tables ******** */

	td.textTable {
	font-size: 95%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	}

th.textTable {
	font-size: 95%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}

caption.textTable {
	font-size: 95%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	}

/*  These next styles are for the Workshops  */
	
th {
	font-weight: normal;
	background-color: #f4f4f4;
	border-right: 1px solid #ccc;
	text-align: left;
	}
	
.toc-table caption, .author-table caption {
	text-align: left;
	font-size: 100%;
	color: #000;
	font-weight: bold;
	}

.toc-table, .author-table {
	border: #ccc 1px solid;
	border-right: none;
	margin-bottom: 1em;
	font-size: 95%;
	}
	
/* ******** SECTION 4: Links ********* */

/* These are the default link styles for the entire template. */

a:link {
	/* [disabled]color: #000063; */
	background-color: transparent;
	text-decoration: underline;
	}
	
a:visited  {
	/* [disabled]color: #993366; */
	background-color: transparent;
	text-decoration: underline;
	}
	
a:hover {
	color: #CC4800;
	text-decoration: none;
	}

.dlink a:link, .dlink a:visited, .dlink a:hover {
	color: #fff;
	}
	
/********* SECTION 5:  Major sections of the template *********** */

/* Each section has beeen assigned its own ID or class */

/* Banner */

.fhwa-bar {
	background-color: #006;
	}

#dot-logo {
	text-align: left;
	}
	
#fhwa-links {
	text-align: right;
	}

#tagline, #wzbanner, .quicklinks {
	background: #F74918;
	}
	
#tagline { 
	text-align: left;
	padding-right: 13px;
	}
	
#wzbanner {
	text-align: left;
	}
	
#header-pics {
	background-color: #666;
	}
	
/* Search */

#search {
	font-size: 71%;
	padding: 8px 0 8px 13px;
	text-align: left;
	margin: 0;
	}
	
#search form.search {
	margin: 0;
	padding: 0;
	}
	
/* Navigation */
	
#navigation {
	width: 164px;
	padding: 0 0 0 10px;
	font-size: 71%;
	line-height: 150%;
	margin: 0;
	background-color: #f4f4f4;
	}
	
td.navigation-header {
	margin: 0;
	padding: 3px 3px 3px 13px;
	width: 164px;
	background-color: black;
	color: white;
	text-decoration: none;
	font-weight: bold;
	}
	
td.navigation-header a:link,  td.navigation-header a:visited, 
td.wzhome a:link, td.wzhome a:visited {	
	color: white;
	text-decoration: none;
	font-weight: bold;
}

td.navigation-header a:hover, td.wzhome a:hover {
	text-decoration: underline;
	}
	
td.navigation {
padding: 5px 0 5px 13px;
margin: 0;
		/* the following style added for NN7 to td.navigation  */  width: 139px
	}

div.navigation {
	line-height: 100%;
	margin: 3px 0;
	}
	
#contact {
	margin-top: 15px;
	}
	
td.wzhome {
	margin: 0;
	padding: 3px 3px 3px 13px;
	width: 164px;
	background-color: #F74918;
	color: white;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	}

td.subject {
	padding: 2px 0 2px 13px;
	margin: 0;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	background-color: white;
	}

/* Main Content */
	
#content {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 100%;
	padding: 30px 40px 30px 40px;
	font-size: 80%;
	margin: 0;
	}

img.map-us {
	margin-bottom: 15px; 
	}	
	
div.inset-photo {	
	float: right;
	}
	
/* breadcrumb trail */
.breadcrumb {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
/* Footnotes */

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: 80%;
	}
	
/* Footer */
	
#footer-bar {
	background-color: #000063;
	text-align: center;

	}

#javadate, #footer-links {
	font-family: verdana, arial, helvetica, sans-serif;
	}

#footer {
	background-color: white;
	font-size: 75%;
	padding: 2px;
	text-align: left;
	}

#footer-links {
	background-color: white;
	font-size: 75%;
	padding: 2px;
	text-align: center;
	}

#javadate {
	background-color: white;
	font-size: 75%;
	padding: 2px;
	text-align: right;
	}

/* ******** SECTION 6: Classes  ********* */
	
.submit {
	padding: 0;
	}
	
.guidebook td.navigation-header, .quickzone td.navigation-header {
border-top: 10px white solid;
	}
#skiplink a {
	
	left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
	}
	
#skiplink a:hover, #skiplink a:focus {
	
	color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 20%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid black;
    text-align:center;
    font-size:1.2em;
    z-index:999;
	}