/* CSS Document */

BODY {
	FONT-SIZE: medium;
	MARGIN: 0em;
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fff;
	padding: 0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#213B74;
	font-size:100%;
	margin: 10px 0px 8px 0px;
	padding:0px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:90%;
	margin: 25px 0px 8px 0px;
	padding:0px;
	font-style: italic;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#C86635;
	font-size:85%;
	font-weight:bold;
	margin: 15px 0px 8px;
	padding:0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:80%;
	font-weight:bold;
	margin: 15px 0px 0px 0px;
	padding:0px;
}

p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:130%;
	margin: 4px 0px 8px 0px;
}
ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 4px 0px 8px 0px;
}
ul ul {
	margin-top: 8px;
}
UL {
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 1em; 
	PADDING-TOP: 0px;
	list-style: url(../images/buller_c86635.gif) none;
}
DT {
	FONT-WEIGHT: bold
}
DD {
	MARGIN-BOTTOM: 1em; 
	MARGIN-LEFT: 1.5em;
}

	

/* Banner Top ------------------------------------------------*/
.fhwa-bar {
	BACKGROUND-COLOR: #000066;
	padding: 4px 20px 4px 4px;
	border-bottom: solid 3px #000000;
}
#dot-logo.fhwa-bar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	line-height:1%;
	}
#fhwa-links, #fhwa-links a, #fhwa-links a:hover, #fhwa-links a:visited {
	TEXT-ALIGN: right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:bottom;
	padding-bottom:10px;
}
#mainHead {
	background-color: #000000;
	text-align: left;
	padding: 4px 8px;
	margin: 0px;
}
#mainHead h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #FFFFFF;
	padding: 8px 8px 0px;
	font-weight: bold;
	margin: 0px;
}
#mainHead h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	padding: 0px 8px 8px;
	font-weight: normal;
	margin: 8px 0px 0px;
	font-style: italic;
}
#with {
	background-color: #C86635;
	color: #FFFFFF;
	padding: 2px 2px 2px 20px;
	margin: 0px;
	font-size: 100%;
	line-height: 1%;
}
#photoBanner {
	margin:0px;
	padding:0px;
	width:100%;
	height:120px;
	background:#C86635;
}

/* Editable Regions --------------------------------------- */
#content {
	PADDING: 0px 20px 20px 20px; 
	MARGIN: 0px 0px 0px 0px;
}
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	border-bottom:solid 1px #213B74;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 8px 0px;
}
#breadcrumb {
	FONT-SIZE: 70%; 
	MARGIN: 15px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	}
.navigationTop {
	FONT-SIZE: 70%; 
	MARGIN: 4px 0px 0px 0px;
}
.navigationTop a {
	text-decoration:none;
 }
.navigationTop a:hover {
	color:#EDDCC1;
	text-decoration:none;
 }

#nextprevious {
	MARGIN-TOP: 15px;
	width:100%;
	float:left;
	clear:both;
}


/* Links ------------------------------------------------*/
A:link {
	COLOR: #213B74; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #213B74; TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: none
}
#skiplink A:link {
	FONT-SIZE: 11px; COLOR: #213B74; BACKGROUND-COLOR: #213B74
}
#skiplink A:visited {
	FONT-SIZE: 11px; COLOR: #213B74; BACKGROUND-COLOR: #213B74
}
#skiplink A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #213B74; BACKGROUND-COLOR: white
}

/* ----------box styles-----------*/

.section {
	clear: both;
	width:100%;
}
.sidebar {
	float:right;
	width:20%;
	}
.bodyContent {
	float:left;
	width:72%;
	padding-right: 30px;
	}	
#photoTop {
	margin: 0px;
	padding: 0px 0px 20px 20px;
	float: right;
	clear:right;
	background:#FFFFFF;
}
#box1 {
	padding: 10px;
	border: 1px solid #213B74;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#box1 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:80%;
	color:#333333;
	padding:0px;
	margin:0px 0px 5px 0px;
	}
.boxSidebar {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:100%;
	float:right;
	clear: right;
}
.boxSidebar h2 {
	padding: 8px;
	margin:0px;
	background:#C86635;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:85%;
	font-weight:normal;
	font-style: normal;
}
.boxSidebar h3 {
	padding: 8px 8px 0px 8px;
	margin:0px;
	background:#213B74;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:78%;
	font-weight:bold;
}
.boxSidebar p {
	padding: 8px 8px 0px 8px;
	margin:0px;
	background:#213B74;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:75%;
	font-weight:normal;
}
.boxSidebar ul {
	padding: 4px 8px 8px 15px;
	margin:0px;
	background:#213B74;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:85%;
	font-weight:normal;
	list-style:square;
}
.boxSidebar ul li {
	padding: 0px;
	margin:10px;
	background:#213B74;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:85%;
	font-weight:normal;
}
.boxSidebar ul ul {
	list-style:circle;
}
.boxSidebar ul ul li {
	padding: 0px;
	margin:4px 10px 0px 4px;
	background:#213B74;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:118%;
	font-weight:normal;
}
.boxSidebar li a, #boxSidebar p a {
	color:#FFFFFF;
}
.boxSidebar li a:hover, #boxSidebar p a:hover {
	color:#FFFFFF;
}
.boxSidebar li a:visited, #boxSidebar p a:visited {
	color:#FFFFFF;
}

/*------------------Footnotes/Longdesc--------------------------*/
dl#content-footnotes {
	position:absolute;
	left:-1000em;
	width:900em;
}
a.dLink {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.dLink {
	color: #FFFFFF;
	text-decoration: none;
}
.footnote {
	font-size: 65%;
}
	
/*--------------------- Data Table Styles ----------------*/
.dataTable {
	margin:10px 0px 10px 0px;
	padding:0px;
}	
.dataTable caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#213B74;
	text-align:left;
	margin:0px 0px 10px 0px;
}
.dataTable th {
	padding:4px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	background:#213B74;
	font-size:80%;
	text-align:left;
	}
.dataTable td {
	padding:4px 8px 4px 8px;
	margin:0px;
	border-bottom:solid 1px #C86635;
	background-color:#EDDCC1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	vertical-align:text-top;
	}
.dataTable td.black {
	padding:4px 8px 4px 8px;
	margin:0px;
	border-bottom:solid 1px #C86635;
	background-color:#000000;
	padding:0px;
	color:#FFFFFF;
	font-size:100%;
	vertical-align:text-top;
	}
.dataTable td.black p {
	padding:4px 8px 4px 8px;
	margin:0px;
	font-size:76%;
	vertical-align:text-top;
	}
.dataTable td h2 {
	padding:4px 8px 4px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	font-weight:normal;
	color:#FFFFFF;
	border:none;
	}
.dataTable td p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	}
tr.odd {
	background:#FFFFFF;
	}
.rightBorderBlue {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #213B74;
}

	
/* Footer elements ---------------------*/
#footer-bar {
	HEIGHT: 0.25em; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center
}
#javadate {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 70%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif}
#footer-links {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif}
#footer-logo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 70%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif}
#footer-logo {
	WIDTH: 195px
}
#javadate {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 75%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: right
}
#footer-links {
	TEXT-ALIGN: center
}
.footer-links {
	MARGIN-TOP: 0px
}
.end {
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	vertical-align: text-top;
	margin-right: 6px;
}