/*************************** Body **************************/


body  {
margin:0; 
padding:0; 
 font:100% Arial, Verdana, Helvetica, sans-serif; 
color:#000000; 
/*background-color:#CECECE; */
z-index:-2;
} 



* html body {
 border-left:0px solid #fff; 
 position:relative; 
 float:left; 
 z-index:1;
}

* html #container {margin-left:0px; position:relative; float:left; z-index:2;}




a:link, a:visited  {
color:#00529B;
text-decoration:underline;
font-weight:normal;
}

/* IE6 "filter" to make Cynthia happy */

* a:hover {
color:#F47735;
text-decoration:underline;
font-weight:normal;
}


a[href]:hover  {
color:#F47735; 
text-decoration:underline; 
font-weight:normal;
}

li  {
padding-bottom:0px;
}

ul  {
padding-top:0px;
}

ul.underh2 {
margin-top:0px;
padding-top:0px;
}

h1 { 
color: #000000;
font-weight:bold;
font-size : 180%; 
margin-bottom:15px;
padding-bottom: 2px;
padding-right: 5px;
}

h2 { 
color: #000000;
font-weight:bold;
font-size : 135%; 
padding-bottom: 5px; 
margin-bottom: 7px;
margin-top:5px;
}

h3 { 
color: #000000;
font-weight:bold;
font-size : 110%; 
padding: 0px; 
margin-bottom: 7px;
margin-top:5px;
}



hr  {
color:#00529B; 
} 

table  {
border-collapse:collapse;
font: 100% Arial Verdana, Helvetica, sans-serif;
}

.strongtext  {
font-weight: bold;
}

#noBorder img {
border: 0px;
}


/*************************** Header **************************/

#breadcrumb {
top:5px;
    background-color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:7px 5px 0 5px; 
color:#ffffff;
min-height:22px;
z-index:5;
}

* html #breadcrumb {
height:26px;

}

#breadcrumb .breadCrumbText {
margin-right:350px;
font-size:80%;
z-index:5;

}

* html #breadcrumb .breadCrumbText {
margin-right:350px;
font-size:80%;
position:relative;
top:-4px;

}


#breadcrumb p {
margin:0;
padding:0;
}

#breadcrumb a {
color:#ffffff; 
text-decoration:none; 
font-weight:bold;
}
 
#breadcrumb a:hover {
color:#ccc; 
text-decoration:none;
}

* html #breadcrumb #siteSearchForm {
margin: 0;
position:absolute;
top:139px;
right:5px;
font-size:80%;
}




#breadcrumb #siteSearchForm {
margin: 0;
position:absolute;
top:142px;
right:5px;
font-size:80%;
}

#breadcrumb #siteSearchForm p {
margin:0;
padding:0;
}

#breadcrumb #siteSearchForm #searchBoxSite {
    background:url("http://www.virginia.gov/images/virginia_seach_txt-bg.jpg") no-repeat;
background-color:transparent;
border:0;
font-weight:bold;
height:19px;
width:172px;
padding:3px;
}

* html #breadcrumb #siteSearchForm #searchBoxSite {
    background:url("http://www.virginia.gov/images/virginia_seach_txt-bg.jpg") no-repeat fixed;
background-color:transparent;
border:0;
font-weight:bold;
height:19px;
width:172px;
padding:3px;
}


#breadcrumb #siteSearchForm #siteSearchBtn {
    background:url("http://www.virginia.gov/images/virginia_seach_button-bg.jpg") no-repeat transparent;
border:none;
height:20px;
width:28px;
height:20px;
margin-left:2px;
}

#breadcrumb .alignLeft {
float:left;
}

#breadcrumb .clear {
clear:both;
}

#breadcrumb .hidden {
display:none;
visibility:hidden;
}

#header  {
position:absolute;
font:70% Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
padding:2px;
padding-top:2px; 
top:1px;
z-index:1;
} 

#header a  {
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
} 

#header a:hover  {
color:#FFFFFF; 
text-decoration:underline; 
font-weight:bold; 
} 

#header img {
border:0px;
} 

#aboutvdotlogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/aboutVDOTBanner.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#businesslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/businessHeader.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#infocenterlogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/infoCenterHardhat.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}


#jobslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/jobsright.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}



#newslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/newsCamera.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#programslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/programsWildflowers.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#projectslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/projectsBanner.gif'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#novaprojectslogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/projectsBanner.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#sitemaplogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/sitemapBanner.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#travellogo {
position:relative;
padding:0px;
margin:0px;
height:97px;
align:right;
text-align: left;
background-color:#FFFFFF;
background-image:url('../images/travelCenterBanner2.jpg'); 
background-repeat: no-repeat;
background-position:top right;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#vdotLogo {
text-align:left;
width:550px;
}

#vdotlogo img  {
border: 0px;
}

#search {
position:absolute;
top:13px;
text-align:left;
right:116px;
white-space:nowrap;
z-index:2;
width:184px;
height:50px;
background-image:url('../images/searchbox.gif'); 
background-repeat: no-repeat;
padding:0px;
}

#searchProjects {
position:absolute;
top:13px;
text-align:left;
right:76px;
white-space:nowrap;
z-index:2;
width:184px;
height:50px;
background-image:url('../images/searchbox.gif'); 
background-repeat: no-repeat;
padding:0px;
}

#search img  {
border: 0px;
}

#searchField {
position:absolute;
font:70% Arial, Verdana, Helvetica, sans-serif;
top:4px;
right:40px;
border: 0px;
height: 14px;
width: 95px;
}

#searchButton {
border: 0px;
}

#toplinks {
position:relative;
text-align:right; 
font:70% Arial, Verdana, Helvetica, sans-serif;
white-space:nowrap;
background-color:#000000; 
padding:2px; 
color:#FFFFFF;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
}

#toplinks a  {
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
} 

#toplinks a:hover  {
color:#FFFFFF; 
text-decoration:underline; 
font-weight:bold; 
}

#areaImage {
clear:both; 
padding:0px;
margin:0px;
width: 100px; 
text-align: right;
}

#hidden {
display:none;
}




/*************************** Left Nav **************************/

#leftNav {

display: none;

}

html > body #leftNav {
display: none;

}

#leftNav img {
border:0px;
}

#leftNav li {
font:90% Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
line-height:2em; 
}

#leftNav a  {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#leftNav a:hover  {
color:#F47735;
text-decoration:none;
font-weight:bold;
}



/*************************** Content Frame **************************/ 

#centerNav {
margin-left:40px;
margin-bottom:20px;
margin-right:20px;
padding-top:8px;
padding-bottom:3px;
min-width:535px;
width:expression(document.body.clientWidth < 555? "53px": document.body.clientWidth > 1202? "1200px" : "auto" );
text-align:center;
font: 80% Arial Verdana, Helvetica, sans-serif;
font-weight:normal;
color:#F47735;
}

#centerNav a  {
color:#999999; 
text-decoration:none; 
font-weight:bold; 
} 

#centerNav a:hover  {
color:#F47735; 
text-decoration:none; 
font-weight:bold; 
} 

#programsCenterNav {
margin-left:240px;
margin-bottom:20px;
margin-right:20px;
padding-top:8px;
padding-bottom:3px;
min-width:535px;
width:expression(document.body.clientWidth < 555? "553px": document.body.clientWidth > 1202? "1200px" : "auto" );
text-align:center;
font: 80% Arial Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#999999;
}

.programsDropDown { 
background-color: #CFD7E9;
font-weight: normal;
font: 90% Arial Verdana, Helvetica, sans-serif;
}

option.programsDropDown { 
color:#0D3692; 
text-decoration:none; 
background-color: #CFD7E9;
font-weight: normal;
font: 90% Arial Verdana, Helvetica, sans-serif;
}

option.programsDropDown:hover  {
background-color:#0D3692;
color:#FFFFFF; 
text-decoration:none; 
font-weight: normal;
font: 90% Arial Verdana, Helvetica, sans-serif;
}

#contentFrame {
background-image:url('../images/background2.gif'); 
background-repeat:repeat-y;
background-position:top left;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
min-height:391px;
background-color:#FFFFFF;
}

#contentFrameTertiary {
background-image:url('../images/background2.gif'); 
background-repeat:repeat-y;
background-position:top left;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
min-height:391px;
background-color:#FFFFFF;
}

* html #contentFrame2 {
height:51px;
}

#content {
margin-left:29px;
margin-right:20px;
padding-left:10px;
padding-bottom:20px;
min-width:535px;
width:expression(document.body.clientWidth < 555? "553px": document.body.clientWidth > 1202? "1200px" : "auto" );
min-length:545px;
font-size:80%;
background-color:#FFFFFF;
}

#note { 
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
position:relative;
z-index:2;
background-color: #F2F2F2;
}

#newsreleaseContact {
margin-left:40px;
}

#newsreleaseDate {
margin-left:175px;
}

#photo {
clear:both; 
margin-left:20px;
margin-bottom:20px;
margin-top:0px; 
float: right;
border-image: 1px solid black;
}

#newsDropDownFrame {
position:relative;
min-width:535px;
width:expression(document.body.clientWidth < 540? "538px": document.body.clientWidth > 1202? "1200px" : "auto" );

}

#newsDropDown {
position:absolute;
top:2px;
right:50px;
white-space:nowrap;
z-index:2;
}

#MediaContacts {
position:relative;
min-width:530px;
width:expression(document.body.clientWidth < 530? "528px": document.body.clientWidth > 1202? "1200px" : "auto" );
min-height:228px;
}

* html #MediaContacts {
height:228px;
}

#acrobatIcon img {
border:0px;
}



.floatLeft {
margin-right:20px;
margin-bottom:20px;
margin-top:0px; 
float: left;
}

#floatLeft {
margin-right:20px;
margin-bottom:20px;
margin-top:0px; 
float: left;
}

#timestamp {
font:80% Arial, Verdana, Helvetica, sans-serif;
color:#000000;
}





/*************************** Footer **************************/

#footer {
position:relative;
background-color:#000000;
color: #ffffff;
font:70% Arial, Verdana, Helvetica, sans-serif;
font-weight:none;
padding:2px;
text-align:center;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#footer a {
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
} 

#footer a:hover {
color:#FFFFFF; 
text-decoration:underline; 
font-weight:bold; 
}

#footerLower {
position:relative;
background-color:#000000;
color: #FFFFFF;
font:70% Arial, Verdana, Helvetica, sans-serif;
font-weight:none;
padding-bottom:2px;
text-align:center;
min-width:754px;
width:expression(document.body.clientWidth < 774? "772px": document.body.clientWidth > 1202? "1200px" : "auto" );
z-index:1;
}

#footerLower a {
color:#FFFFFF; 
text-decoration:none; 
font-weight:none; 
} 

#footerLower a:hover {
color:#FFFFFF; 
text-decoration:underline; 
font-weight:none; 
}

.percent79 {
font-family: Arial, Helvetica, sans-serif;
font-size:79%;
}

.79percent {
font-family: Arial, Helvetica, sans-serif;
font-size:79%;
}

#79percent {
font-family:Arial, Helvetica, sans-serif;
font-size:79%;
}

/* Horizontal Navigation */

#navcontainer {
margin-left: 5px;
}

#navlist {
list-style: none;
padding: 0;
margin: 0;
}

#navlist li {
display: inline;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:79%;
}

#navlist li:before {
content: "| ";
color:#f47735;
}

#navlist li:first-child:before {
content: "";
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
border-left: 1px solid #f47735;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
height: 1%;
}

* html #navlist li {
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
border-left: 0;
}

/* 460 sub nav */
#navwrapper {
position:relative;
width: 185px;
padding:15px;
margin-left:20px;
margin-bottom:15px;
border:#999999 solid thin;
}

#navwrapper a {
font-size:1em;
}

/* 460_ppta sub nav */
#navwrapper2 {
position:relative;
width: 180px;
padding:15px;
margin-left:20px;
margin-bottom:15px;
border:#999999 solid thin;
}

#navwrapper2 a {
font-size:1em;
}

#majorprojectsHeader { 
text-indent: -5000px;
display:block;
background:no-repeat url(../images/majorprojectsTEST.jpg);
height: 60px;
}

#notableprojectsHeader { 
text-indent: -5000px;
display:block;
background:no-repeat url(../images/notable_projects.jpg);
height: 60px;
}

#clear {
clear:both;
}

.clear {
clear:both;
}

#floatRight {
padding: 5px;
clear:both; 
margin-left:20px;
margin-bottom:20px;
margin-top:0px; 
float: right;
background-color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
width:220px;
}

#floatright li {
list-style:none; 
}

.additionalBox {
border:#666666 thin solid;
background-color:#D1D1D1;
padding:10px;
list-style-type:none;

}

.additionalBoc li {
}

#rightmenu {
float:right;
width:auto;
}

.rightmenu_hurricane {
display:block;
background:url(../travel/interface/navHurricane.jpg) no-repeat right top;
border-style:solid;
border-color: #999999;
border-width:1px;
border-left-width:5px;
float: right;
width: 228px;
/* width:250px;  */
padding: 10px;
margin-left: 20px;
margin-bottom: 20px;
margin-top:auto;
clear:both;
}

.rightmenu { 
border-style:solid;
border-color: #999999;
border-width:1px;
float: right;
width: 225px;
padding: 10px;
margin:10px;
border-width:1px;
}


.rightmenu li {
margin-left:-30;
list-style-type:none;
}



#imageAdd {
position:relative;
/* width:235px;  */
float:right;
margin-left: 20px;
margin-bottom: 20px;
margin-top:auto;
margin-right:0px;
font-size: 0.9em;
font-style:italic;
}

#imageAdd img {
margin-bottom:5px;
}

.gallerylink a {
background:url(/images/camera.gif) no-repeat center right;
padding-right:18px;
}

.videolink a {
background:url(/images/video.gif) no-repeat center right;
padding-right:18px;
}

.videolist {
background:url(/images/video.gif) no-repeat center right;
padding-right:18px;
}

.audiolink a {
background:url(/images/audio.gif) no-repeat center right;
padding-right:18px;
}

.imageAdd {
position:relative;
/* width:235px;  */
float:right;
margin-top:20px;
margin-left: 20px;
margin-bottom: 20px;
margin-top:auto;
margin-right:0px;
font-size: 0.9em;
font-style:italic;
} 

.imageAdd img { margin-bottom:5px;
} 

.copyEmphasis { 
border-top-color:#333333;
border-top-style:solid;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#E9E9E9;
width:223px;
float:right;
position:relative;
padding:15px;
margin-bottom: 10px;
margin-top:15px;
margin-right:5px;
}