body {background: url(/img/bg.jpg) top left repeat-x #fff; font-family: helvetica; padding:0;	margin:0;}
a:focus {outline:none;}
img {border:none;}
a {color:#2F2F2F;}
a:visited {color:#2F2F2F;}
link {font-family: tahoma;}
#wrapper {position:relative; width:960px; margin:0 auto;}

/********HEADER********/
#topbar {background:#606060; width:100%; height:20px;} 
#header {position:relative; height:136px;}
#slogan {position:absolute; top:5px; left:225px; color:#2F2F2F; font-size:30px; color:#606060;}
#slogan p {margin:30px 0;}
#logo {width:162px; margin:10px 0 0 5px; }
#logo a {width:162px; height:110px; background:url(/img/logo.jpg) top left no-repeat; display:block;}
#subNav { position:absolute; margin-top:-25px; right:0;}
#subNav a {color:#fff; font-size:10px; text-decoration:none;}
#subNav a:hover {color:#fff; text-decoration:underline;}
#subNav ul {margin:0;}
#subNav li {float:left; list-style:none; padding:0 5px; line-height:5px; border-right:1px solid #fff;}
#subNav .end {border-right:none;}
#flash {margin:0 0 0 283px;}
#ticker {position:absolute; top:-32px; left:5px; color:#fff; font-size:12px;}
#ticker a {text-decoration:underline; color:#fff;}
#ticker a:hover {text-decoration:none;}
#airforce {float:right; margin-top:-100px;}

/**********MAIN NAV*********/

/***************drop down styling******************/
/**************************************************/
#mainNav {margin:-5px 0px 0px 0px; }
#mainNav ul {list-style:none; height:23px; margin:0; padding:0; position:relative; z-index:1000000;}
#mainNav li {float:left; list-style:none; margin:0 0 0 5px;}
#mainNav ul li {float:left; display:inline-block; position:relative; background:url(/img/bg-navbutton.jpg) repeat-x; height:23px; line-height:23px; border:solid #fff; border-width:1px 1px 0px 1px;}
#mainNav ul li a {padding:5px 10px; font:14px "Arial Black", Gadget, sans-serif; color:#fff; text-decoration:none; }
#mainNav ul li:hover {background:#032548; color:#fff;}
#mainNav ul li ul {position:absolute; min-width:200px; left:-9999px; padding:0; margin-top:0px;}
#mainNav ul ul li {float:none; margin:0; background:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
#mainNav ul li:hover ul, #mainNav li.sfhover ul {left:0px;}
#mainNav ul ul li a {color:#fff; width:150px; background:#EC2B00; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#mainNav ul ul li.end a {border-bottom:1px solid #fff;}
#mainNav ul ul li a:hover {background:#032548;}
#mainNav ul ul li.end a:hover {background:#032548;}

#mainNav ul ul ul {display:none;}

/**************************************************/
/**************************************************/

#homepageFlash {margin:20px 0 0 20px;}


#ourServices a {width:145px; height:35px; background:url(/images/our-services.jpg) top left no-repeat; display:block;} 
#ourServices a:hover {background:url(/images/our-services-ro.jpg) top left no-repeat;} 
#residential a {width:120px; height:35px; background:url(/images/residential-button.jpg) top left no-repeat; display:block;}  
#residential a:hover {background:url(/images/residential-button-ro.jpg) top left no-repeat;}  
#hazardous a {width:218px; height:35px; background:url(/images/hazardous-materials-button.jpg) top left no-repeat; display:block;} 
#hazardous a:hover {background:url(/images/hazardous-materials-button-ro.jpg) top left no-repeat;} 
#demolition a {width:120px; height:35px; background:url(/images/demolition-button.jpg) top left no-repeat; display:block;}
#demolition a:hover {background:url(/images/demolition-button-ro.jpg) top left no-repeat;}  
#sanitation a {width:110px; height:35px; background:url(/images/sanitation-button.jpg) top left no-repeat; display:block;} 
#sanitation a:hover {background:url(/images/sanitation-button-ro.jpg) top left no-repeat;} 
#pay a {width:126px; height:35px; background:url(/images/pay-online.jpg) top left no-repeat; display:block;} 
#pay a:hover {background:url(/images/pay-online-ro.jpg) top left no-repeat;} 
#news a {width:85px; height:35px; background:url(/images/news-button.jpg) top left no-repeat; display:block;} 
#news a:hover {background:url(/images/news-button-ro.jpg) top left no-repeat;} 

/***********CONTENT*********/
#mainContent {position:relative; color:#2F2F2F; width:960px; margin:0px auto 0 auto; padding:22px 0 0 0;}
#container {}
#content {z-index:999; padding:0; background:#fff; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;behavior: url(/js/border-radius.htc); border:solid #ADADAD; border-width:1px 1px 0px 1px; padding: 10px; min-height:366px;}
#leftColumn {float:left; margin:5px 0 0 5px; width:420px;}
#slideshow30 {width:418px; height:279px; border:1px solid #606060; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; behavior: url(/js/border-radius.htc);}
#photobutton {float:left; margin:-19px 0px 0px -2px;}
#dafb a {float:left; width:272px; height:137px; background:url(/images/dafb.jpg) top left no-repeat; display:block;}
#dafb a:hover {background:url(/images/dafb-ro.jpg) top left no-repeat;}
#projectPhotos a {float:left; width:272px; height:60px; margin:15px 0; background:url(/images/project-photos-button.jpg) top left no-repeat; border:1px solid #2d1f14;}
#projectPhotos a:hover {float:left; background:url(/images/project-photos-button-ro.jpg) top left no-repeat;}
#columnLeft {float:left; width:272px; margin:25px 0 0 25px;}
#rightColumn {float:left; width:800px; margin:0px 0 0 25px; color:#2F2F2F; text-align:justify;} 
#rightColumn h1 {margin-top:0px;}
#rightColumn ul li {padding:0 0 0 25px;}
#rightColumn ul ul li {font-weight:normal; background:none; padding:0;}
#homeRight {float:left; width:490px; margin:20px 0 0 15px; color:#2F2F2F;}
.contentArea h1, #treePageDetailsTitle {margin:0 0 16px 0; font-size:24px; display:inline; color:#EB2C02; position:relative; z-index:999999;} 
#homeRight .contentArea {margin-top:-20px;}
.bottomBorder {padding:10px 0; border-bottom:#2F2F2F 1px solid; }
.portableToiletsMenu {text-align:center; font:18px bold italic; background:#d5d5c0; border-bottom:3px solid #2F2F2F;}
#treePageDetailsBreadcrumbsWrapper {font-size:10px; margin-bottom:10px;}
.tagList {font-size:10px;}

/*Survey Page*/
.surveyTable {width:100%; border:2px solid #2F2F2F;}
.surveyTable td {height:25px;}
.links {
	font-family: tahoma;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
#mainContent ul {
	font-size:14px;
}
#footercontent {width:960px; margin:0 auto;}
#footerLinks {position:relative; z-index:1000; margin:-10px 0px 0px 0px; width:100%; height:40px; padding:12px 0 0 0; background:#606060; zoom: 1; filter:progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=0, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=0, offy=1) progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=0, offy=1); -webkit-box-shadow: 3px 3px 7px #AFAFAF; -moz-box-shadow: 3px 3px 7px #AFAFAF;}
#footerLinks ul {padding:0px; float:left; width:60%;
}
#footerLinks ul li {margin:0px;	padding:0px; list-style: none; display: inline;}
#footerLinks ul li a{font-size:10px; color:#fff; font-weight:bold; margin:0; padding:0px 6px 0px 0px; border-right:1px solid #fff;}
#footerLinks ul li a:hover {text-decoration:none;}
#footerLinks ul li.end a {border:none;}
#pubTree10 {margin:0;}
#address {float:right; text-align:right; width:30%; font-size:12px; color:#fff; margin:-8px 5px 0px 0px;}

.usial2 { font:12px Tahoma; color:#4B6F8B; text-decoration:none}
a.usial2 { font:12px Tahoma; color:#4B6F8B; text-decoration:underline}
a.usial2:hover { font:12px Tahoma; color:#4B6F8B; text-decoration:none}

.usial3 { font:12px Verdana; color:#000000; text-decoration:none}
a.usial3 { font:12px Verdana; color:#000000; text-decoration:underline}
a.usial3:hover { font:12px Verdana; color:#000000; text-decoration:none}

.usial4 { font:12px Tahoma; color:#000000; text-decoration:none}
a.usial4 { font:12px Tahoma; color:#000000; text-decoration:underline}
a.usial4:hover { font:12px Tahoma; color:#000000; text-decoration:none}

.style1 {font-family: tahoma; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #2F2F2F; text-decoration: none; }
.style6 {color: #4B6F8B}
.style7 {font-size: 9px}
.style8 {color: #D7E4F4}
.style9 {font-family: tahoma; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #537797; text-decoration: none; }
.style10 {
	font-size: 12px;
	color: #000000;
	padding-right: 10px;
}

#pageListHeader {text-align:left;}
#treePageDetailsThumbnailGalleryWrapper {float:none; display:inline-block;}

/***********FOOTER**************/
#delnet {width:100%; margin:10px auto; font-size:11px; text-align:center; color:#725955;}
#delnet a {color:#725955; text-decoration:underline;}
#delnet a:hover {color:#725955; text-decoration:none;}

/***********CLEARFIX*************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

