/* The most prevalent styles are listed in the beginning of this sheet and the least prevalent at the end */
.header {background:    url("Images/banner.gif") left top;}
.border_all {border:1px solid black;}
.border_rl {border-right:1px solid black;border-left:1px solid black;}
.border_rl_body {border-right:1px solid black;border-left:1px solid black;padding-left:10px;}
.border_l {border-left:1px solid black;}

/* DOMINANT STYLES DOMINANT STYLES DOMINANT STYLES*/
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-variant: normal;}
/* Basic font used for any paragraph of text throughout the site; paragraphs can be aligned and have a space after them */
a:link {color: #000066;  text-decoration: underline}
a:visited {color: #660066;  text-decoration: underline}
a:hover {color: #990000;  text-decoration: underline}
a:active {color: #990000;  text-decoration: underline}

.body {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-variant: normal;}
	/* Navy blue links that light up in red that are used throughout the body text of the site */
	a.body:link {color: #000066; font-size: 10pt; text-decoration: underline}
	a.body:visited {color: #660066; font-size: 10pt; text-decoration: underline}
	a.body:hover {color: #990000; font-size: 10pt; text-decoration: underline}
	a.body:active {color: #990000; font-size: 10pt; text-decoration: underline}

/* Basic font used for any block of text throughout the site; anything within the span tag cannot be aligned and will not have space after */

/* Same as body links above except smaller font -- used for document links on Basics pages */
a.docs:link {color: #000066; font-size: 8pt; text-decoration: underline}
a.docs:visited {color: #660066; font-size: 8pt; text-decoration: underline}
a.docs:hover {color: #990000; font-size: 8pt; text-decoration: underline}
a.docs:active {color: #990000; font-size: 8pt; text-decoration: underline}

/* Same as body links above except larger font -- these are used for the special navigation at the top of the TE Basics pages */
a.basics {
	color: #000000;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.basics:link {color: #000066; font-size: 10pt; text-decoration: underline}
a.basics:visited {color: #660066; font-size: 10pt; text-decoration: underline}
a.basics:hover {color: #990000; font-size: 10pt; text-decoration: underline}
a.basics:active {color: #990000; font-size: 10pt; text-decoration: underline}

/* Large grey font used for page titles */
.PageBodyHead {
	text-align: left;
	
	font-family: Tahoma, Trebuchet MS, Verdana, Arial;
	font-size: 14pt;
	color:#808080;
	text-decoration: none;
	left: 200px;
	position: absolute;
	top: 172px;
	width: 207px;
}
/* Large grey font used for page titles and should not be used*/

/* This font is bold and centered, used as a subheading to for the document listings at the end of TE Basics pages */
p.subhead {text-align: center; font-family: Georgia, Trebuchet MS, Arial; font-size: 10pt; font-weight: bold; color:#000000}

/* Smaller font used for the document listings at the bottoms of the TE basics and other pages */
span.docs {font-family: Georgia, Trebuchet MS, Arial; font-size: 8pt}

/* Small light grey font used for the small links to the top of the page on the FAQ page and the State and FHWA Contacts pages */
a.top:link {color: #999999; font-size: 8pt; text-decoration: none}
a.top:visited {color: #999999; font-size: 8pt; text-decoration: none}
a.top:hover {color: #990000; font-size: 8pt; text-decoration: none}
a.top:active {color: #990000; font-size: 8pt; text-decoration: none}

/* RARE STYLES RARE STYLES RARE STYLES RARE STYLES RARE STYLES */

/* Special font color used only for state profile page */
p.profile {text-align: center; font-family: Georgia, Trebuchet MS, Arial; font-size: 12pt; color:#FFFFCC}

/* Styles used only in the left hand navigation used contained in the file leftnav.txt */
.menu {text-align: center; font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	background-position: center;
	text-align: right;
}
	a.menu:link {color: #FFFFFF; text-decoration: none}
	a.menu:visited {color: #FFFFFF; text-decoration: none}
	a.menu:hover {color: #CCCCCC; text-decoration: underline}
	a.menu:active {color: #FFFFFF; text-decoration: none}

/* Styles used only in the footer navigation contained in the file footer.txt */
.foot {color: #666666; text-align: center; font-family: "Verdana, Arial"; font-size: 10pt}
.foot {color: #666666; text-align: center; font-family: "Verdana, Arial"; font-size: 10pt}
	a.foot:link {color: #666666; text-decoration: none}
	a.foot:visited {color: #666666; text-decoration:none }
	a.foot:hover {color: #666666; text-decoration: underline}
	a:foot:active {color: #666666; text-decoration: none}

/* Style used only in the TE Seminar pages */
span.seminar {color: #666666; text-align: left; font-family: "Verdana, Arial"; font-size: 10pt}

.profile_b_wh {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}
span.profile_foot {
color: #666666; text-align: left; font-family: "Verdana, Arial"; font-size: 10pt
}
/* Styles used for the Project List page */
.SAFETEA-LU {color: #009900; font-size: 8pt}
.TEA-21 {color: #003399; font-size: 8pt}
.ISTEA {color: #993333;	font-size: 8pt}
.Future {color: #000000; font-size: 8pt}
.listCells {border-right-width: thin; border-left-width: thin; border-right-style: dashed;	border-left-style: dashed; border-right-color: #333333;	border-left-color: #333333}

/* Styles used for the Image captions */
.ImgCaption {color: #000000; font-size: 8pt}
	a.ImgCaption:link {color: #000066; font-size: 8pt; text-decoration: underline}
	a.ImgCaption:visited {color: #660066; font-size: 8pt; text-decoration: underline}
	a.ImgCaption:hover {color: #990000; font-size: 8pt; text-decoration: underline}
	a.ImgCaption:active {color: #990000; font-size: 8pt; text-decoration: underline}


.BasicsBold {color: #000000; font-size: 10pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal}

.BasicsItalic {color: #000000; font-size: 10pt;	font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal;	text-transform: none;	font-style: italic}
.BasicsNoLinkTitle {text-decoration: underline; color: #000000; font-size: 10pt; font-weight: Normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal}
.basicsHeadline {text-align: left; font-family: Tahoma, Trebuchet MS, Verdana, Arial; font-size: 14pt; color:#808080; text-decoration: none}


.Image_normal
{margin: 4px; border-width: thin;}

.captcha {	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
	a.captcha:link {color: #999999; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline}
	a.captcha:visited {color: #999999; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline}
	a.captcha:hover {color: #75708F; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline}
	a.captcha:active {color: #ABA8BB; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline}
	
.site_border_all {border: thin solid #990000;}
.site_border_r {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bg {
	background-image: url(Images/site-graphics/header7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
	color: #990000;
}
.site_border_r img {
	position: relative;
	top: 0px;
	right: 0px;
}
#bg-gra {
	background-image: url(Images/site-graphics/gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
	background-color: #990000;
	color: #990000;
}
#site_title {
	position: relative;
	top: 20px;
	right: 0px;
	visibility: visible;}
	
.site_border_bot {

	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}
.main_center_border {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	right: 100px;
}

hr {border: 0; color: #990000; background-color: #990000; height: 1px;  text-align: center}
#vert_banner {position: absolute; top: 145px;	right: 44px;	visibility: inherit;}
#rss_feed {
	position: absolute;
	top: 145px;
	left: 710px;
	visibility: inherit;
	padding: 2px;
	height: auto;
	width: 175px;
}
/* Chart positioning for Div  */
#Pg_disc {position: relative;left: 10px;visibility: inherit;padding: 2px;height: 467px;width: 546px;}
#st_list {
	position: relative;
	visibility: inherit;
	height: 450px;
	width: auto;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}