
html{overflow:scroll}

body, html { background: #FFF url(../images/background/background_image.gif) repeat-x top center; text-align: center; font: 100% Arial, Helvetica, sans-serif; color: #000; z-index: 1; margin: 0; padding: 0; }
label { margin: 0; padding: 0; }
hr {color:#ececec}
.hide { display: none; }

ul li{margin-bottom:4px}

ol li{margin-bottom:4px}
ol li a {color:#4d80b3}

#roadnetwork td { padding: 2px; }

#contactusform {}
#contactusform td { padding: 2px; }

.fieldtitle { width: 170px; }

#formtable { width: 971px; }
#formtable td { padding: 5px; }
.line { width: 2px; }

.discription { width: 150px; }

#formtable2 { width: 971px; }
#formtable2 td { padding: 5px; }

#projectlist { width: 475px; }
#projectlist td { padding: 5px; }


#wrapper { background: #FFF url(../images/background/wrapper_bg.gif) repeat-y; text-align: left; margin: 9px auto; padding: 0; width: 990px; font-size: .75em; z-index: 2; position: relative; }

#form_contentwrapper { text-align: left; margin: 0px auto; padding: 20px 0 0 20px; width: 990px; font-size: .75em; z-index: 2; position: relative; }

#content_wrapper { padding: 0; margin: 0; }

/* Font Styles */
h1 { display: none; visibility: hidden; }

p { color: #000; padding: 0; margin: 0; }

h2 { font-family: Arial, Helvetica, sans-serif; color: #00483a; font-size: 1.4em; /*float: left; 	display: block;*/ }

h3 { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 140%; font-weight: bold; padding: 0 0 0 12px; margin: 0px; }

h3#home { padding: 5px 0 5px 10px; }


h4 { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 140%; font-weight: bold; padding: 0 0 0 12px; margin: 0px; }

.bold_text { font-size: 120%; margin: 10px 0 0 0; padding: 0; }

h5 { padding: 2px 0 2px 32px; margin: 0; font-size: 100%; }

h5 a { padding: 0; margin: 0; color: #FFF; text-decoration: underline; font-weight: bold; }

h5 a:hover { padding: 0; margin: 0; color: #000; background: #FFF; text-decoration: none; }

.link { padding: 2px 0 2px 32px; margin: 0; font-size: 100%; }

.link a { padding: 0; margin: 0; color: #FFF; text-decoration: underline; font-weight: bold; }

.link a:hover { padding: 0; margin: 0; color: #000; background: #FFF; text-decoration: none; }




.link2 ul { margin: 0 0 0 5px; padding: 0; }
.link2 li { background: url(../images/bullet.gif) 0 5px no-repeat; padding: 0 0 0 12px; list-style: none; }



h6 { font-family: Arial, Helvetica, sans-serif; color: #00483a; font-size: 110%; font-weight: bold; padding: 10px 0; margin: 0; }


/* Banner */
#banner { background: url(../images/top_banner/banner_graphic.jpg) no-repeat; height: 129px; width: 990px; margin: 0; padding: 0; float: left; }

#logo { margin: 30px 0 0 20px; width: 68px; height: 97px; float: left; }

.hidden { visibility: hidden; display: none; }

#utility_nav { float: right; padding: 0; margin: 20px 30px 0 0; color: #4d80b3; font-weight: bold; text-align: right; }

/* rules for google site search */
#utility_nav form { height: 71px; text-align: right; }
#cse-search-results { margin-left: 10px; }
#cse-search-results iframe { width: 650px; }
#cse-search-results iframe h2 { color: #00483a; font-size: 1.4em; }
/* end*/

#utility_nav ul { padding: 0; margin: 10px; }

#utility_nav li { display: inline; list-style-type: none; color: #4d80b3; font-weight: bold; }

#utility_nav li a { padding: 2px 5px 5px 25px; margin: 0; color: #4d80b3; font-weight: bold; background: #FFF url(../images/top_banner/arrow_button_right.gif) no-repeat 0 0; text-decoration: underline; }

#utility_nav li a:hover { padding: 2px 5px 5px 25px; margin: 0; color: #FFF; font-weight: bold; background: #4d80b3 url(../images/top_banner/arrow_button_right.gif) no-repeat 0 0; text-decoration: none; }

.arrow_buttons { float: left; margin: 0; padding: 0; }

/* Navigation */
#navbar { width: 710px; font-size: .96em; font-weight: bold; margin: 0; padding: 0; }

#navbar ul { margin: 0; padding: 0; list-style-type: none; }

#navbar ul li { float: left; display: inline; text-align: center; margin: 0; padding: 0; }

#home a { display: block; width: 86px; color: #FFF; background: #000 url(../images/primary_nav/home_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#home a:hover { display: block; width: 86px; color: #d9e5f2; background: #000 url(../images/primary_nav/home_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#home_on { display: block; width: 86px; color: #00483a; background: #000 url(../images/primary_nav/home_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#ourroads a { display: block; width: 126px; color: #FFF; background: #000 url(../images/primary_nav/ouroad_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#ourroads a:hover { display: block; width: 126px; color: #d9e5f2; background: #000 url(../images/primary_nav/ouroad_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#ourroads_on { display: block; width: 126px; color: #00483a; background: #000 url(../images/primary_nav/ouroad_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#aboutus a { display: block; width: 113px; color: #FFF; background: #000 url(../images/primary_nav/aboutus_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#aboutus a:hover { display: block; width: 113px; color: #d9e5f2; background: #000 url(../images/primary_nav/aboutus_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#aboutus_on { display: block; width: 113px; color: #00483a; background: #000 url(../images/primary_nav/aboutus_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#news a { display: block; width: 90px; color: #FFF; background: #000 url(../images/primary_nav/news_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#news a:hover { display: block; width: 90px; color: #d9e5f2; background: #000 url(../images/primary_nav/news_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#news_on { display: block; width: 90px; color: #00483a; background: #000 url(../images/primary_nav/news_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#knowledge a { display: block; width: 163px; color: #FFF; background: #000 url(../images/primary_nav/knowledge_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#knowledge a:hover { display: block; width: 163px; color: #d9e5f2; background: #000 url(../images/primary_nav/knowledge_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#knowledge_on { display: block; width: 163px; color: #00483a; background: #000 url(../images/primary_nav/knowledge_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#contact a { display: block; width: 132px; color: #FFF; background: #000 url(../images/primary_nav/contact_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

#contact a:hover { display: block; width: 132px; color: #d9e5f2; background: #000 url(../images/primary_nav/contact_up.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: underline; }

#contact_on { display: block; width: 132px; color: #00483a; background: #000 url(../images/primary_nav/contact_on.gif) no-repeat; padding: 15px 0 12px 0; margin: 0; text-decoration: none; }

/* Left Column */
#left_col_wrapper { width: 717px; margin: 0; padding: 0; float: left; }

/* Left Column */
#blankleft_col_wrapper { width: 717px; margin: 0; padding-left: 10px; float: left; }
#blankleft_col_wrapper2 { width: 800px; margin: 0; padding: 10px 0 0 80px; float: left; }


#left_col { margin: 0 0 0 7px; padding: 0; background: #FFF url(../images/left_column/leftcol_bg.gif) repeat-y; }

#left_textcol { width: 316px; float: left; padding: 0 0 0 10px; margin: 20px 0; }

#left_textcol p a { font-weight: normal; color: #4d80b3; text-decoration: underline; }

#left_textcol p a:hover { font-weight: normal; color: #FFF; background: #3366cc; text-decoration: none; }



#left_imagecol { width: 360px; float: right; padding: 0 10px 0 0; margin: 20px 0; }

#road_projects_wrapper { width: 360px; margin: 0; padding: 0; }

#road_projects { background: #000 url(../images/left_column/roadprojects_heading.gif) no-repeat top left; margin: 4px 0 0 0; padding: 0; }

.red_button { width: 316px; margin: 0; padding: 0; }

.red_button_top { background: #FFF url(../images/left_column/red_button_top.gif) no-repeat; height: 9px; margin: 0; padding: 0; }

.red_button_middle { background: #FFF url(../images/left_column/red_button_bg.gif) no-repeat; margin: 0; padding: 0; }

#red_button a { color: #000000; text-decoration: underline; background-color: #FFF; }

#red_button a:hover { color: #000000; text-decoration: none; background-color: #fff; }


.red_button_bottom { background: #FFF url(../images/left_column/red_button_bottom.gif) no-repeat; height: 11px; margin: 0; padding: 0; }

#leftcol_bottom { background: #FFF url(../images/left_column/leftcol_bottom.gif) no-repeat; padding: 0; margin: 0; height: 10px; width: 710px; clear: both; }

/* Right Column */
#right_col_wrapper { width: 266px; padding: 0; margin: 0; float: right; }

#right_col { margin: 0 7px 0 0; padding: 0; }

#right_col_top { background: #FFF url(../images/right_column/rightcol_top.gif) no-repeat; height: 16px; width: 259px; float: right; }

#right_col_middle { background: #FFF url(../images/right_column/rightcol_bg.gif) repeat-y; width: 259px; float: right; }

#right_col_bottom { background: #FFF url(../images/right_column/rightcol_bottom.gif) no-repeat; height: 10px; width: 259px; float: right; }

#right_col p { color: #000; margin: 0; padding: 0 0 0 12px; }

#right_col p a { color: #000; margin: 0; padding: 0; text-decoration: underline; }

#right_col p a:hover { color: #FFF; margin: 0; padding: 0; text-decoration: none; background-color: #000; }

.right_col_whitetext { color: #FFF; margin: 0; padding: 0 0 0 12px; }

.right_col_whitetext a { color: #FFF; margin: 0; padding: 0; text-decoration: underline; }

.right_col_whitetext a:hover { color: #FFF; margin: 0; padding: 0; text-decoration: none; }

#report_wrapper { padding: 0 0 0 10px; width: 239px; float: left; }

#report_wrapper_top { background: #FFF url(../images/right_column/report_inc_top.gif) no-repeat; height: 42px; float: left; width: 239px; }

#report_wrapper_middle { background: #FFF url(../images/right_column/report_inc_bg.gif) no-repeat; float: left; width: 239px; }

#report_wrapper_bottom { background: #eee8d5 url(../images/right_column/report_inc_bottom.gif) no-repeat; height: 10px; float: left; width: 239px; }

#traffic_wrapper { padding: 0 0 0 10px; width: 239px; float: left; width: 239px; }

#traffic_wrapper_top { background: #FFF url(../images/right_column/traffic_top.gif) no-repeat; height: 10px; float: left; width: 239px; }

#traffic_wrapper_middle { background: #FFF url(../images/right_column/traffic_bg.gif) repeat-y; float: left; width: 239px; }

#traffic_wrapper_bottom { background: #eee8d5 url(../images/right_column/traffic_bottom.gif) no-repeat; height: 10px; float: left; width: 239px; }

#facts_wrapper { padding: 0 0 0 10px; width: 239px; float: left; width: 239px; }

#facts_wrapper_top { background: #FFF url(../images/right_column/facts_top.gif) no-repeat; height: 10px; float: left; width: 239px; }

#facts_wrapper_middle { background: #FFF url(../images/right_column/facts_bg.gif) repeat-y; float: left; width: 239px; }

#facts_wrapper_bottom { background: #eee8d5 url(../images/right_column/facts_bottom.gif) no-repeat; height: 10px; float: left; width: 239px; }

#day_wrapper { padding: 0 0 0 10px; width: 239px; float: left; width: 239px; }

#day_wrapper_top { background: #FFF url(../images/right_column/day_top.gif) no-repeat; height: 10px; float: left; width: 239px; }

#day_wrapper_middle { background: #FFF url(../images/right_column/day_bg.gif) repeat-y; float: left; width: 239px; }

#day_wrapper_bottom { background: #eee8d5 url(../images/right_column/day_bottom.gif) no-repeat; height: 10px; float: left; width: 239px; }

#logo_rotator								{float:left;padding:0;margin:0 0 0 9px;}

#logo_wrapper { padding: 0 0 0 10px; width: 239px; float: left; width: 239px; }
#logo_wrapper_top { background: #FFF url(../images/right_column/logo_top.gif) no-repeat; height: 10px; float: left; width: 239px; }
#logo_wrapper_middle { background: #FFF url(../images/right_column/logo_bg.gif) repeat-y; float: left; width: 239px; }
#logo_wrapper_bottom { background: #eee8d5 url(../images/right_column/logo_bottom.gif) no-repeat ; height: 10px; float: left; width: 239px; }


.rightcol_images { float: right; text-align: right; margin: 0 10px 10px 10px; padding: 0; height: 86px; }

/* Footer */
#footer { width: 990px; background: #FFF url(../images/footer/footer_bg.gif) no-repeat; height: 56px; clear: both; }

#footer_text { color: #666; padding: 20px 0 10px 20px; margin: 0; text-align: left; font-size: 80%; }

#footer_text a { color: #666; text-decoration: underline; background-color: #FFF; }

#footer_text a:hover { color: #FFF; text-decoration: none; background-color: #666; }



#footer2 { width: 990px; background: #FFF url(../images/footer/footer_bg2.gif) no-repeat; height: 56px; clear: both; }

#blankleft_col_wrapper2 a { color: #4d80b3; text-decoration: underline; }

#blankleft_col_wrapper2 a:hover { color: #FFF; background: #3366cc !important; text-decoration: none; }



#npt_footer { float: right; width: 60px; height: 50px; margin-right: 15px; }

#wag_footer { float: right; width: 180px; height: 50px; margin-right: 0px; }

.errortext { color: #FF0000; }

.label-tag { display: block; width: 200px; float: left; padding-top: 3px; font-weight: bold; }

input#btnlogin { margin: 10px 0 0 200px; background: #FF3A3D; color: #fff; font-weight: bold; }
input#submit { background: #FF3A3D; color: #fff; font-weight: bold; }
input#reset { background: #FF3A3D; color: #fff; font-weight: bold; }

.partnerrow {width:483px; float:left; padding-bottom:20px}
.partnerrow .left {width:125px; float:left}
.partnerrow .right {width:350px; float:right}

#formtable .gant {color: #000000;background-color: #DCE2E5;text-align: center;}
#formtable .gant .tableon {color: #FFFFFF;background-color: #FF3F38;}