
/* DELTA TRUCK ROUTE CSS */

/* SITE-WIDE ELEMENTS */

body {
	font: normal x-small/1.5em Arial, sans-serif;
	color: #000000;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	margin: 0px;
	padding: 0px;
	background-color: #909192;
	background-image: url(/images/graphic_bkgd.gif);
	background-repeat: repeat-x;
}

html>body {
	font-size: small;
}

#banner {
	position: absolute;
	left: 50%;
	margin-left: -384px;
	margin-top: 0px;
}

/* PRIMARY NAVIGATION */

#navPanel {
	position: absolute;
	left: 50%;
	margin-left: -384px;
	margin-top: 83px;
	z-index: 1;
	width: 768px;
	height: 29px;
	background-color: #36427e;
}

#navPos {
	position: absolute;
	left: 50%;
	margin-left: -384px;
	margin-top: 83px;
	z-index: 2;
	width: 768px;
	height: 30px;
}

#navList {
	margin: 0;
	padding: 0;
}

#navList ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	white-space: nowrap;
}

#navList li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#navList A {
	color: #dee1f1;
	display: block;
	width: auto;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
	margin: 0;
	padding: 9px 13px;
	font: normal 85%/1em Verdana, sans-serif;
	letter-spacing: 1px;
	border-right: 1px solid #4a5796;
}

#navList A.active:link, #navList A.active:visited {
	position: relative;
	z-index: 102;
	background: #242d5d;
	font-weight: bold;
	text-decoration: none;
}

#navList A:hover, #navList A:active {
	background: #242d5d;
	text-decoration: none;
}

body.navP1 #navP1 a, body.navP2 #navP2 a, body.navP3 #navP3 a, body.navP4 #navP4 a, body.navP5 #navP5 a, body.navP6 #navP6 a, body.navP7 #navP7 a {
	background-color: #242d5d;
	color: #FFF;
}

/* SECONDARY NAVIGATION */

#secnavList {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #d6d7d9;
	font-size: 90%;
}

#secnavList ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	white-space: nowrap;
}

#secnavList li {
	list-style: none;
	margin: 0;
	padding: 4px;
	border-top: 1px solid #d6d7d9;
	list-style-image: none;
}

#secnavList li a {
	color: #a8233e;
	font-weight: bold;
	text-decoration: none;
}

#secnavList li a:link {
	color: #a8233e;
	text-decoration: none;
}

#secnavList li a:visited {
	color: #a8233e;
}

#secnavList li a:hover {
	color: #242d5d;
	background-color: #fff;
}

/* HYPERLINKS */

a {
	color: #ba1f3b;
	text-decoration: none;
}

a:link {
	color: #ba1f3b;
	text-decoration: none;
}

a:visited {
	color: #ba1f3b;
}

a:hover {
	color: #ba1f3b;
	text-decoration: underline;
}

/* HOME PAGE */

#bigPhoto {
	position: absolute;
	left: 50%;
	margin-left: -384px;
	margin-top: 112px;
}

#contentWrapper {
	position: absolute;
	left: 50%;
	width: 768px;
	margin-left: -384px;
	margin-top: 292px;
	background-color: #FFFFFF;
	border-bottom: 4px solid #a8233e;
}

#homeLeftColumn {
	margin: 20px 0px 35px 0px;
	padding: 0px 35px 0px 25px;
	width: 250px;
	float: left;
	clear: both;
	display: inline;
}

#homeRightColumn {
	margin: 20px 0px 35px 0px;
	padding: 0px 20px 0px 20px;
	width: 400px;
	float: left;
	clear: right;
	display: inline;
	border-left: 1px #e0e0e0 solid;
}


#footerHome {
font-size: 85%;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 25px 0px;
	color: #999999;
}

.footer {
	position: absolute;
	left: 50%;
	margin-left: -364px;
	margin-top: 618px;
	width: 600px;
}

.graph {
	position: absolute;
	left: 50%;
	margin-left: 162px;
	margin-top: 440px;
}

/* CHILD PAGE LAYOUT */

.boundingBox {
	position: absolute;
	left: 50%;
	margin-left: -385px;
	margin-top: 0px;
	padding: 0;
	width: 768px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 0px;
	border-bottom: 1px solid #999999;
}

.leftPanelChild {
	width: 289px;
	height: 345px;
	background-color: #f1f2f2;
	padding: 10px 15px 10px 12px;
	border-right: 1px solid #d6d7d9;
}

.contentWellChild {
	padding: 0px 55px 35px 35px;
	background-color: #FFF;
}

.footerChild {
	padding: 10px 15px 10px 15px;
	height: 40px;
	background-color: #FFF;
	border-top: 1px solid #d6d7d9;
}

/* TEXT STYLES */

p {
	font: normal 90%/1.5em Arial, sans-serif;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #2a2929;
}

p.name {
	font: normal 90%/1.5em Verdana, sans-serif;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p.news {
	color: #2a2929;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.lineHeight1 {
	line-height: 1.35em;
}

.lineHeight2 {
	line-height: 1.2;
}

h1 {
	font: normal 155%/1em Verdana, sans-serif;
	padding: 20px 0px 0px 0px;
	margin: 0;
	color: #17713b;
}

h2 {
	font: bold 115%/1em Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0;
	color: #3b4887;
	font-weight: bold;
}

h3 {
	font: 90%/1em Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: .25em;
	padding: 0;
	margin: 0;
}

h4 {
	font: normal 95%/1.5em Verdana, sans-serif;
	padding: 0 10px 15px 0;
	margin: 0;
}

h5 {
	font: normal 95%/1.5em Verdana, sans-serif;
	font-style: italic;
	padding: 8px 0px 8px 0;
	margin: 0;
}

h6 {
	font: normal 95%/1.4em Verdana, sans-serif;
	padding: 12px 0px 15px 0;
	margin: 0;
}

.font90 {
	font-size: 90%;
}

.font85 {
	font-size: 85%;
}

/* BULLETS */

ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 25px;
	list-style-image: url(/images/bullet_red.gif);
}

ul ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 25px;
	list-style-type: square;
	list-style-image: url(/images/bullet_green.gif);
}

/* COLORS */

.gray {
	color: #999999;
}

.darkGray {
	color: #757474;
}

.white {
	color: #FFFFFF;
}

.bkgdRed {
	background-color: #ba1f3b;
}

.blue {
	color: #3b4887;
}

.green {
	color: #037332;
}

.blueGray {
	color: #47639b;
}

.bkgdGray {
	background-color: #e6e5e5;
}

/* PADDING AND FLOATS */

.paddingTop0 {
	padding-top: 0px;
}

.paddingTop5 {
	padding-top: 5px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop15 {
	padding-top: 15px;
}

.paddingTop20 {
	padding-top: 20px;
}

.paddingTop30 {
	padding-top: 30px;
}

.paddingBottom10 {
	padding-bottom: 10px;
}

.paddingBottom15 {
	padding-bottom: 15px;
}

.paddingBottom20 {
	padding-bottom: 20px;
}

.paddingLeft15 {
	padding-left: 15px;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.width210 {
	width: 210px;
}

/* GRAPHICS */
.divider1 {
	width: 483px;
	height: 1px;
	border-bottom: 1px solid #c3c9e7;
}

.divider2 {
	width: 483px;
	height: 1px;
	border-bottom: 1px dotted #c3c9e7;
}

.divider3 {
	width: 285px;
	height: 1px;
	border-bottom: 1px solid #c3c9e7;
}

/* PULL QUOTE OR TABLE */
.pullWrapper {
	font-size: 85%;
	float: right;
	padding: 2px 2px 2px 2px;
	margin: 20px 10px 0px 10px;
	border: 1px solid #bbbcbc;
	z-index: 20;
}

/* PAGE SPECIFIC STYLES */

/* Overview */
.cdRequest {
	font: normal 85%/1.5em Verdana, sans-serif;
	padding: 10px 12px 10px 12px;
	margin: 15px 3px 3px 0px;
	width: 350px;
	background-color:#f1f2f2;
	border: 1px solid #c3c9e7;
}

.routestudy {
	float: right;
	padding: 15px 0px 0px 10px;
}

/* Frequently Asked Questions */
.question {
	color: #36427e;
	font-weight: bold;
}

/* Maps & Photos */
.map {
	float: right;
	padding: 20px 140px 10px 20px;
}

.photoWrapper {
	padding: 3px 3px 3px 3px;
	margin: 5px 0px 10px 0px;
	width: 382px;
	height: 286px;
	border: 1px solid #bbbcbc;
}

.photoWrapper2 {
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 463px;
	height: 198px;
	border: 1px solid #bbbcbc;
}

.mapWrapper {
	margin: 15px 0px 10px 0px;
	padding: 3px 3px 3px 3px;
	width: 463px;
	height: 198px;
	border: 1px solid #bbbcbc;
}

/* News & Events */
.newsHeader {
	font: normal 90%/1.5em Verdana, sans-serif;
	color: #515152;
	font-weight: bold;
}

.newsDate {
	font: 75%/1em Verdana, sans-serif;
	text-transform: uppercase;
	color: #47639b;
	padding: 3px 0px 0px 0px;
	margin: 0;
	letter-spacing: .15em;
}

/* Project History */

.caption {
	font-size: 85%;
	padding: 5px 0px 0px 0px;
	color: #757474;
}

.historyDate {
	font: 80%/1em Verdana, sans-serif;
	text-transform: uppercase;
	padding: 15px 0px 2px 0px;
	margin: 0;
	letter-spacing: .10em;
	font-weight: bold;
	color: #47639b;
}
