/* CSS Document */

/* HTML styles */
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;
}

.hide				{display:none;}

ol li a{color:#4D80B3;line-height:1.6em}

#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: 70px; 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; 
}

#blankleft_col_wrapper2 a {color: #4d80b3; text-decoration: underline;}

#blankleft_col_wrapper2 a:hover{ color: #FFF; background: #3366cc !important; text-decoration: none;}

#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.jpg) no-repeat; height: 56px; clear: both;
}


#footer2{
width: 990px; background: #FFF url(../images/footer/footer_bg2.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;
}

#winners_footer{float:right;width:180px;height:50px;margin-right:0px;}
#wag_footer { float: right; width: 180px; height: 50px; margin-right:10px;}

#npt_footer { float: right; width: 60px; height: 50px; margin-right:10px;}


.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; }