@charset "UTF-8";
/* CSS Document */

body {
background: #343434 url(images/road_texture.jpg);
margin-top:40px;
}

h3 {
padding:0;
margin:0;
}

table {
border: 1px solid #515151;
padding:3px;
}

.links li{
padding-bottom:0.8em;
}

tbody tr.even {
background-color:#dbdbdb;
}

#projects tbody{
font-size:0.9em;
}

td {
padding:5px;
text-align: left;
vertical-align: top;
}



.imgPadding {
margin-left:15px;
/*border:solid 1px #515151;*/
}

a {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#f7941d;
text-decoration:none;
}

img {
border:none;
}

#nav {
width:auto;
height:auto;
font-size:0.75em;
margin-top:58px;
margin-left:0px;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}
 
#nav li {
height:24px;
float:left;
background:url("images/tab_right.gif") no-repeat right top;
margin:0 7px 0 0;
padding:0;
}

#nav a {
display:block;
background:url("images/tab_left.gif") no-repeat left top;
margin:0;
padding:5px 8px 0 8px;
text-decoration:none;
}

#nav .selectedPage {
background-image:url("images/tab_right_on.gif");
}

#nav a.selectedPage {
background-image:url("images/tab_left_on.gif");
color:#000000;
font-weight:bold;
}

#nav .selectedPageRoot {
background-image:url("images/tab_right_on.gif");
}

#nav a.selectedPageRoot {
background-image:url("images/tab_left_on.gif");
color:#000000;
font-weight:bold;
}

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

#container {
width:904px;
height:auto;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:100px;
}

#top {
width:904px;
height:35px;
background-image:url(images/top.png);
}

#sides {
width:864px;
height:auto;
min-height:550px;
padding-left:20px;
padding-right:20px;
background-image:url(images/sides.png);
float:left;
}

#footer_position {
width:864px;
min-height:550px;
float:left;
}

#main_images {
width:864px;
height:235px;
margin-top:35px;
float:left;
}

#main_images img {
float:left;
border:none;
}

#grading {
width:288px;
height:43px;
text-indent:1000px;
overflow: hidden;
background: url(images/grading_front.jpg) top left no-repeat;
display: block;
float:left;
}

#structures {
width:288px;
height:43px;
text-indent:1000px;
overflow: hidden;
background: url(images/structures_front.jpg) top left no-repeat;
display: block;
float:left;
}

#paving {
width:288px;
height:43px;
text-indent:1000px;
overflow: hidden;
background: url(images/paving_front.jpg) top left no-repeat;
display: block;
float:left;
}


#content_area {
width:800px;
height:auto;
padding-left:32px;
padding-right:32px;
float:left;
margin-top:20px;
font-size:0.8em;
}

#content_area p{
line-height:1.2em;
}

#content_area h1{
font-size:1.6em;
color:#515151;
}

#logo {
float:left;
margin:10px 10px 0px 32px;
}

#footer {
width:864px;
height:15px;
text-align:center;
float:left;
color:#515151;
}

#footer a {
color:#515151;
text-decoration:underline;
}

#footer a:hover {
color:#f7941d;
text-decoration:none;
}

.footer_links {
font-size:0.8em;
}

.footer_copyright {
color:#515151;
font-size:0.7em;
padding:0;
margin:0;
}

#bottom {
width:904px;
height:35px;
background-image:url(images/bottom.png);
float:left;
}

/*-----------INSIDE----------------------------------*/




#inside_cont {
width:864px;
height:auto;
float:left;
margin-top:35px;
margin-bottom:35px;
}

#left_col {
width:288px;
height:auto;
float:left;
}

#section_img_corner {
position:absolute;
width:15px;
height:15px;
background-image:url("images/corner.png");
top:0px;
left:0px;
}

#section_image {
position:relative;
width:288px;
height:192px;
float:left;
}

#section_title {
width:288px;
height:17px;
background-color:#f8941d;
border-top:7px solid #000000;
float:left;
}

#sub_nav {
width:246px;
height:auto;
padding-left:22px;
padding-right:32px;
margin-top:15px;
float:left;
}

#sub_nav a {
color:#000000;
text-decoration:underline;
}

#sub_nav a:hover {
text-decoration:none;
background-color:#f7941d;
}

#sub_nav ul {
list-style:none;
font-size:0.9em;
}

#sub_nav li {
background-image:url(images/bullet_arrow.gif);
background-repeat:no-repeat;
padding-left:18px;
padding-bottom:10px;
}

#right_col {
width:512px;
height:auto;
padding-left:32px;
padding-right:32px;
float:right;
font-size:0.8em;
}

#right_col h1{
font-size:1.6em;
color:#515151;
display:block;
width:100%;
border-bottom:thin #515151 dotted;
margin:0;
padding:0;
}


/*-----------ADMIN----------------------------------*/

#admin_image {
width:183px;
height:78px;
margin-top:9px;
margin-left:8px;
float:left;
}

#admin_content {
width:800px;
height:auto;
padding-left:32px;
padding-right:32px;
float:left;
margin-top:35px;
font-size:0.8em;
}