/* Basic Structure */

html, body {
margin : 0;
padding : 0;
height : 100%;
background-image: url(images/bg_gradient.jpg);
background-repeat: repeat-x;
background-color: #3e7b95;
}

#header{
height:49px;
width: 800px;
margin:0;
background-image: url(images/top.jpg);
display:block;
}




#container{
width:800px;
margin:0 auto;
margin-top: 0;
height: 100%;
height: auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;


}

#wrapper{
width:100%;
height: 100%;
background-image:url(images/grey_bg.jpg);
background-position:top;
background-repeat: repeat;
overflow: auto;
}

#wrapper2{
width:100%;
height: 100%;
background-image:url(images/blue_bg.jpg);
background-position:top;
background-repeat: repeat;
overflow: auto;
}

#content{
float:left;
width: 593px;
height: 100%;
text-align: left;
background: url(images/bodyimage.jpg) top no-repeat;
background-color:#FFFFFF;
}

#content2{
float:left;
width: 593px;
background-color:#FFFFFF;
text-align: left;

}

#contenttop{
width: 593px;
height: 252px;
display: block;

}

#contentbottom{

width: 593px;
display: block;
overflow: hidden;
background-color: #fff;

}


#contenttop2{
width: 593px;
height: 205px;
display: block;

}

#contenttopexamples{
width: 593px;
height: 258px;
display: block;

}


#contentbottom2{
height: 508px;
width: 593px;
display: block;
overflow: hidden;
background-color: #e3fbfe;

}


#RightColumn{
float: right;
width: 207px;
height: 100%;
display: block;



}

#RightColumn2{
float: right;
width: 207px;
display: block;
background-image:url(images/grey_bg.jpg);
background-repeat: repeat;
}

.rolloverbox {
position: relative;
top: 0;

}

#gradient{
background-image: url(images/cement_gradient_bg.jpg);
background-position:top;
background-repeat:no-repeat;
width: 207px;
height: 188px;
display: block;

}






#footer{
clear: both;
width: 800px;
height: 70px;
background-image: url(images/footerimage.jpg);
position: relative;
}


#footer2{
clear: both;
width: 800px;
height: 70px;
background-image: url(images/footerimage2.jpg);
background-color:#FFFFFF;
position: relative;
}

#footertext {
position: absolute; 
bottom: 0; 
left: 210px; 
margin-bottom: 5px;
}

/*   */


#textwrap {
width: 500px;
margin-top: 15px;
margin-left: 30px;


}


p, li {
font: arial;
font-size: 14px;
margin-bottom: 15px;
}

.tdbody, .tdbody li{
font: arial;
font-size: 12px;
}

a {
color: #000;
}

#content a:hover, #content2 a:hover {
color: #55a147;
}


	
#menu {
	height: 38px;
	width: 800px;
	}


#home, #home a {
float:left;
text-decoration: none;
width: 136px;
height: 38px;
}

#home a:hover {
background-image:url(images/home.jpg);
}


#about, #about a {
float:left;
text-decoration: none;
width: 94px;
height: 38px;
}

#about a:hover {
background-image:url(images/about.jpg);
}


#primer, #primer a {
float:left;
text-decoration: none;
width: 68px;
height: 38px;
}

#primer a:hover {
background-image:url(images/primer.jpg);
}



#portfolio, #portfolio a {
float:left;
text-decoration: none;
width: 88px;
height: 38px;
}

#portfolio a:hover {
background-image:url(images/portfolio.jpg);
}






#assistance, #assistance a {
float:left;
text-decoration: none;
width: 156px;
height: 38px;
}

#assistance a:hover {
background-image:url(images/assistance.jpg);
}



#apply, #apply a  {
float:left;
text-decoration: none;
width: 157px;
height: 38px;
}

#apply a:hover {
background-image:url(images/apply.jpg);
}


#volunteer, #volunteer a {
float:right;
text-decoration: none;
width: 101px;
height: 38px;
}

#volunteer a:hover {
background-image:url(images/volunteer.jpg);
}





/* Sidebar Rollovers */

#rollover1, #rollover1 a{
width: 207px;
height: 56px;
background-image:url(images/architecture.jpg);
display: block;
text-decoration: none;

}

#rollover1 a:hover {
background-image:url(images/architecture_over.gif);
}



#rollover2, #rollover2 a{
width: 207px;
height: 57px;
background-image:url(images/economicdev.jpg);
display: block;
text-decoration: none;
}

#rollover2 a:hover {
background-image:url(images/economicdev_over.gif);
}




#rollover3, #rollover3 a{
width: 207px;
height: 57px;
background-image:url(images/environment.jpg);
display: block;
text-decoration: none;
}

#rollover3 a:hover {
background-image:url(images/environment_over.gif);
}



#rollover4, #rollover4 a {
width: 207px;
height: 56px;
background-image:url(images/historic.jpg);
display: block;
text-decoration: none;
}

#rollover4 a:hover {
background-image:url(images/historic_over.gif);
}




#rollover5, #rollover5 a{
width: 207px;
height: 57px;
background-image:url(images/infrastructure.jpg);
display: block;
text-decoration: none;
}

#rollover5 a:hover {
background-image:url(images/infrastructure_over.gif);
}




#rollover6, #rollover6 a{
width: 207px;
height: 56px;
background-image:url(images/landscape.jpg);
display: block;
text-decoration: none;
}

#rollover6 a:hover {
background-image:url(images/landscape_over.gif);
}




#rollover7, #rollover7 a{
width: 207px;
height: 57px;
background-image:url(images/mainstreet.jpg);
display: block;
text-decoration: none;
}

#rollover7 a:hover {
background-image:url(images/mainstreet_over.gif);
}




#rollover8, #rollover8 a{
width: 207px;
height: 56px;
background-image:url(images/transportation.jpg);
display: block;
text-decoration: none;
}

#rollover8 a:hover {
background-image:url(images/transportation_over.gif);
}




#rollover9, #rollover9 a{
width: 207px;
height: 54px;
background-image:url(images/urbandesign.jpg);
display: block;
text-decoration: none;
}

#rollover9 a:hover {
background-image:url(images/urbandesign_over.gif);
}