body {
margin: 0;
padding: 0;
background-image: url("img-bg.gif");
background-repeat: repeat-y;
}

#box {
float:left;
margin-left: 5px;
display: block;
position: relative;
}

#greybox {
background-image:url(greyback.gif);
background-repeat:no-repeat;

width: 763px;
top: 140px;

}

#main {
display:block;
padding: 10px 0 0 0;
width: 755px;
float: left;

}

#top {
width: 750px;
height: 140px;
background-image:url(banner.jpg);
float:left;
display: block;
}


#bodyleft {
width: 375px;
display: inline;
float:left;

}

#bodyright {
width: 375px;
vertical-align:top;
float: right;
/*background-image:url(mapback.jpg);*/
}

#city {
background-image: url(citygovback.gif);
}

#permit {
background-image: url(permitback.gif);
}

#visitor {
background-image: url(visitorback.gif);
}

#chamber {
background-image: url(chamberback.gif);
}

#sbdc {
background-image: url(sbdc.gif);
}

#business {
background-image: url(businessback.gif);
}

#city, #permit, #chamber, #visitor, #sbdc, #business {
padding: 0;
margin: 10px 0;
background-repeat:no-repeat;
height: 108px;
display:block;
}


.image {
position:relative;
float:left;
display: inline;
left: 15px;
top: 13px;
}

#bodyleft  font {
font-size: .8em; 
color: #FFF; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;


}

#bodyleft  font.heading {
font-size: 1em; 
color: #FFF; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#bodyleft font.heading2 {
font-size: 1em; 
color: #FFF; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

}

#color {
margin: 23px 0 0 0;
padding: 1px 0;
}
#city #color {
width:140px;
background-color: #5f6e96;
}
#permit #color {
width:180px;
background-color: #3a8a71;
}
#visitor #color {
width:140px;
background-color: #4d82a5;
}
#chamber #color {
width:140px;
background-color: #c46856;
}

#sbdc #color {
width:140px;
background-color: #c8a956;
margin-top: 5px;
}

#business #color {
width:140px;
background-color: #464646;
margin-top: 5px;
}

div.textbox {
width: 225px;
margin: 15px 7px 0 0;
float: right;
}


#righttop {
padding: 15px 0 15px 0;
width: 370px;
}
#righttop font{
line-height: 17px;
}
#righttop font, #map font, #bottom font {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: .7em; 
color: #24408E;
}

#map {

}

#bottom {
display: block;
float: left;
text-align:center;
height: 100px;
width: 750px;

}
a:link, a:visited {
color: #FFFFFF;
}

#city a:hover, #permit a:hover, #visitor a:hover, #chamber a:hover, #sbdc a:hover, #business a:hover  {
color: #CCCCCC;
}

#bottom a:link, #bottom a:visited  {
color: #24408E;
}

#bottom a:hover {
color:#666666;
}

.imageborder {
border: 1px solid #24408E;
}