body{
	font-size: 12px;
	color:#565656;
	font-family: Verdana, sans-serif;
}

h1{color:#8b0001;font-family: Century Gothic, Georgia, serif;font-size: 18px;font-weight: normal}
h2{color:#8b0001;font-family: Century Gothic, Georgia, serif;font-size: 16px;}
h3{font-weight: bold;font-family: Century Gothic, Georgia, serif;  color:#00853e;font-size: 14px;margin-top: 0;}
h4{font-weight: bold;  color:#00853e;font-size: 12px;margin-top: 0;}
h5{font-weight: bold;  color:#8b0001;font-size: 12px;margin-top: 0; text-decoration:underline;}

#faq h4{margin-top: 10px;}

/*
#start, #stop, #general, #litter, #bins, #carts, #recyclables, #organics, #compost, #scraps, #pail, #bulky, #bill, #paint, #cell, #extra, #illegal, #resources, #resources2, #resources3, #resources4, #resources5, #resources6, #resources7, #resources8, #resources9
{padding: 5px;margin-bottom: 30px;border-width: 4px; border-style: solid;border-color: #fff;}
*/

#faq #main div{padding: 5px;margin-bottom: 30px;border-width: 4px; border-style: solid;border-color: #fff;}
#faq.faq-2 #main div{margin-bottom: 10px;}

strong{
	color:#8cc63f;
}

.title{color:#00853e;font-weight: bold;font-size: 14px; }
.date{color:#8cc63f;font-weight: bold; }

p{	color:#565656;
	font-family: Verdana, sans-serif;}

a{text-decoration: none;color:#00853e; }
a:hover{text-decoration: underline;color:#00853e;}
a:visited{color:#00853e;}
a:active{color:#00853e;}

a img{border: none;}



.overview ul a{color: #565656;}

#resources ul{margin: 4px 0 15px 0;}

.accent{ font-weight: bold;}
.accent-2{color: #00853e;}
.list{margin: 0;padding: 0 15px;}
.list li{
	padding: 0 0 16px 0;
	list-style: url(images/li.png);
	

}

.list2{margin: 5px 0;padding: 0 15px;}
.list2 li{
	padding: 0 0 5px 0;
	list-style: url(images/li.png);
	

}
.event td{padding-bottom: 40px;}

.month{
	border-bottom: 1px solid #666;
	width: 100%;
	font-weight: bold;
	padding: 0 0 5px 20px;
	font-size: 14px;
}

#wrapper{width: 967px;margin: 0 auto;}

#header{
	background: url(images/header.png) no-repeat;
	width: 967px;
	height: 81px;
	padding-top: 20px;
}

a.yt {
	display: block;
	background: url(images/yt.gif) no-repeat 0px 5px;
	padding: 6px 50px;
	margin-bottom: 5px;
	color: #3d7735;
}

#main-banner{
	background: url(images/banner/bg.png) no-repeat;
	width: 967px;
	height: 215px;
}
.banner-text{
	display: none;
	position: relative;
	top:30px;
	left:80px;
	height: 81px;
	width: 270px;
	clear: both;
	opacity:auto;
	z-index: 100;
}
.more-button{
	position:relative;
	top:40px;
	left:185px;
	/* clear: both; */
	width: 121px;
	height: 18px;
	display: none;
	opacity:auto;
	z-index: 100;
}
.more{
	display: block;
	width: 121px;
	height: 18px;
	top:140px;
	left:192px;
	position: relative;
	z-index: 200;
	cursor: pointer;
	zoom: 1;
	/* padding: 9px 60px; */
	background: none;
}

#login{
	float: right;
/* 	background-color: #8b0001; */
	width: 107px;
	/* line-height: 18px; */
	margin: -5px 11px 0 0;
	text-align: center;
	font-size: 11px;
/*
	position: absolute;
	top: 0;
*/
}
#login-inside a{color:#FFF;}


#login-inside{
	background-color: #8b0001;
	line-height: 18px;
	/* padding: 0 8px; */
	/* width: 107px; */
	margin: 0;
	padding: 0;
}
.logo{
	width: 110px;
	height: 80px;
	display: block;
	float: left;
}
.logo:hover{text-decoration: none;}

#nav{padding:25px 0 0 100px;}

#nav ul{list-style: none;padding-top: 4px;margin-top: 0;}

#nav ul li{display: block;float: left; padding: 16px 0px 0 0px; border-top: 4px solid #8cc63f;margin: 0 20px 0 0;}

#nav ul li a{color: #FFF;text-decoration: none; height: 15px; display: block;}

#nav ul li a:hover{}

#nav li a#residential{		background: url(images/nav-residential.png) no-repeat;	width: 66px;}
#nav li a#multi{			background: url(images/nav-multi.png) no-repeat;		width: 72px;}
#nav li a#commercial{		background: url(images/nav-commercial.png) no-repeat;	width: 75px;}
#nav li a#community{		background: url(images/nav-community.png) no-repeat;	width:190px;}
#nav li a#whatsnew{			background: url(images/nav-whatsnew.png) no-repeat;		width:70px;}
#nav li a#event{			background: url(images/nav-event.png) no-repeat;		width:93px;}
#nav li a#contact{			background: url(images/nav-contact.png) no-repeat;		width:67px;}

#nav li.active a#residential{	background: url(images/nav-residential-on.png) no-repeat;}
#nav li.active a#multi{			background: url(images/nav-multi-on.png) no-repeat;}
#nav li.active a#commercial{	background: url(images/nav-commercial-on.png) no-repeat;}
#nav li.active a#community{		background: url(images/nav-community-on.png) no-repeat;}
#nav li.active a#whatsnew{		background: url(images/nav-whatsnew-on.png) no-repeat;}
#nav li.active a#event{			background: url(images/nav-event-on.png) no-repeat;}
#nav li.active a#contact{		background: url(images/nav-contact-on.png) no-repeat;}

#nav li.active, #nav li:hover {
 border-top: 4px solid #8b0001;
}

ul#subnav{list-style: none;margin: 0;padding: 0;}
ul#subnav li{margin: 8px 0; padding: 0;}
#subnav a{
	color: #00853e;
}
#sidebar{
	width: 210px;
	/* float: left; */
	padding: 20px 0 0 20px
}

.faq li{
	padding-bottom: 10px;
}


.col1{
	float: left;
	width: 280px;
}
.thumb img{float: left; margin-right: 10px;}
.thumb{clear: both;margin: 10px 0;/* padding: 10px; */height: 90px;}
.thumb h3 a{line-height: 12px;}
.thumb h5 a  {color: #8b0001 !important; text-decoration:underline;}

.col2{
	float: right;
	width: 280px;
}

.thumb h4{padding-top: 15px; }
.thumb h5{padding-top: 15px; }



#main{
 width: 640px;
 float: right;
 padding: 10px 80px 10px 0;
 margin-right: 0px;
}

#whatsnew #main{
 width: 700px;
 float: right;
 padding: 10px 10px 10px 0;
 margin-right: 0px;
}

#service-menu{
	width: 23px;
	height: 134px;
	float: left;
	margin-left: -18px;
	background: url(images/service-menu.png) no-repeat;
}
#service-menu a{
display: block;
	width: 23px;
	height: 134px;
}

#content{
	background: url(images/bg.png) repeat-y;

}
#bottom{
	clear: both;
	height: 200px;
	margin-top: 20px;
}

.overview{
	width: 170px;
	float: left;
	margin-left: 20px;
	font-size: 11px;
}
.overview ul{margin: 0;padding: 0;}
.overview li{
	list-style: url(images/li.png);
}
.overview ul#res{padding: 0 0 0 15px;}

.overview ul#multi{padding: 0 0 0 25px;}

.overview ul#com{padding: 0 0 0 35px;}


.quicklinks{
	width: 344px;
	float: right;
	padding: 40px 0 0 0;
	background: url(images/quicklinks.jpg) no-repeat top left;
	line-height: 27px;
}
.quicklinks a{
	color:#8cc63f;
	font-weight: bold;
	font-size: 11px;
	line-height: 32px;
}

#sidebar .quicklinks {
	width: 180px;
	float: left;
	padding: 40px 0 25px 20px;
	margin: 0 0 0 -20px;
	background: url(images/quicklinks-side.jpg) no-repeat 0 0;
	line-height: 27px;
}

#sidebar .quicklinks a{
	color:#8cc63f;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	clear: both;
/* 	padding-left: 20px; */
	display: block;
	padding: 0 0 5px 0;
	margin: 0;
}
/*
#sidebar .quicklinks a.cal{
	background: url(images/cal.png) no-repeat 0 0;
	height: 40px;
}
*/
/* #sidebar .quicklinks a.new span{line-height: 20px;} */

#sidebar .quicklinks img {

padding-right:4px;
}

#footer{clear: both;
	background: url(images/footer.png) no-repeat top;
	padding: 5px 20px;
	}
	
	
	
#footer p{
	font-size: 10px;
}
#footer a{
	color: #565656;
}
.right{float:right}	



/* Contact */

form{
	width: 420px;
	clear: none;
}

label{
	color:#8cc63f;
	font-weight: bold;
	padding: 0 5px 0 0;
}
label.fixed{width:65px;display: inline-block;}
#start label.fixed{width:180px;display: inline-block;}


.req{
	font-weight: normal;
	color: #8b0000;
}
.no{
	font-weight: normal;
	color: #FFF;
}
input[type=text]{
	width: 150px;
	height: 18px;
	border: 1px #bbbbbb solid;
}
input.check, input.radio{border: none;}
input#address{
	width: 300px;


}
textarea{
		vertical-align: top;
		border: 1px #bbbbbb solid;
		width: 290px;
		height: 120px;
		float: right;
		margin-right: 45px;
}
input.submit{

	text-align: center;
	background: url(images/submit.jpg) no-repeat;
	width: 74px;
	height: 22px;
	border: none;
	color: #FFF;
	cursor: pointer;
	
}
input.radio, input.check{width: auto;height: auto;}
/*
select{
 opacity: 0;
 width: 150px;
 float: right;

}
option{
	width: 150px;
}
#selectmenu{
	background: url(images/select.png) no-repeat #FFF top right;
	width: 150px;
	height: 20px;
	border: 1px solid #bbbbbb;
	float: right;
	 margin-right: 25px;
	
}
*/
select{
float: none;
margin-right: 0px;
margin-left: 75px;
}

div.cmf-skinned-select {
    background: url('images/select.png') top right no-repeat ;
    border: 1px solid #ccc;
    padding: 2px 8px;
   /*  float: right; */
   /*  margin-right: 40px; */
    margin-left: 75px;
    width: 220px;
   
}
div.cmf-skinned-text {
    padding: 3px;
    font-size: 11px;
}

.aside{
	font-size: 10px;
	color: #565656;
}
input.error{background-color: #ffcccc;}

label.error{
visibility: hidden;
}

/*==================SERVICES TABLES========*/
#services h3{
	margin: 25px 0 10px 0;
}
#services .footnotes{
	color: #999;
	font-size: 11px;
	margin: 0 0 20px 0;
}

#services table, * html #services table{
	margin: 0;
	/* padding: 8px 0 0 0; */
	width: 683px;
	background: url(images/services-top.png) no-repeat top;
	
}

#services thead{margin: 8px 0 0 0;}
#services thead tr{margin: 0 4px;}
#services thead tr th { color: #FFF; height: 24px;line-height: 16px; margin: 0px 0 4px 0;padding:0 0 0 8px; text-align: left;}
#services th{background-color: #8cc63f;margin: 8px 0 0 0;}
#services th,td{padding: 4px 4px 4px 8px;border: none;margin: 0;}

#services tbody tr{background-color: #f3f3f3;}


#services .gap{background:none; height: 8px; margin: 0;padding: 0;line-height: 8px;}

#services tfoot{
	background: url(images/services-bottom.png) no-repeat;
	height: 13px;
	line-height: 13px;
}



#services tr.odd td{background-color: #e7e7e7;}



hr{border: none;color: #e7e7e7; background: url(images/td-line.png) repeat-x; height: 2px;margin: 0 0px 0 -8px;padding: 4px 0; }
thead hr {border: none;color: #8cc63f; background: url(images/th-line.png) repeat-x; height: 2px;margin: 0 0px 0 -8px;padding: 4px 0; }

/*
#hr{border: none;color: #e7e7e7; background: url(images/td-line.png) repeat-x; display: list-item; list-style-image: url(images/td-line.png); height: 2px;margin: 0 -4px 0 -8px;padding: 4px 0; }
thead #hr {border: none;color: #8cc63f; background: url(images/th-line.png) repeat-x; height: 2px;margin: 0 -4px 0 -8px;padding: 4px 0; }
*/


a#note {
	position: absolute;
	margin-left: 770px;
	margin-top: 10px;
	height: 184px;
	width: 196px;
	background: url(images/online_bill_pay.png) no-repeat;
	display: block;
	text-indent: -10000px;
	z-index: 100;
}
#new_banner {
	height: 215px;
}
	#new_banner #caption2 {
		background: url(images/newbanner/caption2.jpg) no-repeat;
		margin-left: 28px;
		display: none;
		height: 71px;
		width: 400px;
		bottom: 73px;
		text-indent: -10000px;
	}
	#new_banner #caption3 {
		background: url(images/newbanner/caption3.jpg) no-repeat;
		margin-left: 28px;
		display: none;
		height: 71px;
		width: 400px;
		bottom: 73px;
		text-indent: -10000px;
	}
	#new_banner #caption4{
		background: url(images/newbanner/caption4.jpg) no-repeat;
		margin-left: 28px;
		display: none;
		height: 71px;
		width: 429px;
		bottom: 73px;
		text-indent: -10000px;
	}
	#new_banner #caption5 {
		background: url(images/newbanner/caption5.jpg) no-repeat;
		margin-left: 28px;
		display: none;
		height: 71px;
		width: 400px;
		bottom: 73px;
		text-indent: -10000px;
	}
	#new_banner #caption6 {
		background: url(images/newbanner/caption6.png) no-repeat;
		margin-left: 28px;
		display: none;
		height: 71px;
		width: 400px;
		bottom: 73px;
		text-indent: -10000px;
	}
	
#footer table {
                width: 932px;
                background: #ffffff;
				}
                
#footer tbody tr {
                    background: #ffffff;
                }

.JWslider ul{ list-style:none;padding:0px;margin:0px; position:relative;   }
.JWslider ul li { position:absolute; display:block; width:100%;}
.JWslider ul li  img { position:relative; z-index:1; }

.JWslider .active { z-index:10; }
.JWslider .reset { z-index:3; }

.JWslider span { display:none;color:#fff;left:0px; position:absolute!important; z-index:555; background:url('i/comment-bg.png'); font-family:Verdana, Geneva, sans-serif; }
	.JWslider span a { display: block; height: 71px; width: 400px; text-indent: -10000px; }
.JWslider h1,h2,h3,h4,h5 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.JWslider ul li div.inline { background:#f7f7f7 url('i/bg-slice.jpg') repeat-x;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:20px; height:100%;}
.controls { margin-top:45px;  position:absolute; background: url('i/control-bg.png') no-repeat; display:block; width:202px; height:42px; padding-left:5px; }
.controls li {   position:relative; float:left; margin:12px 5px 5px 5px; display:block; width:17px; height:15px;  background: url('i/default.png') no-repeat; text-indent:-9999px; cursor:pointer;}
.control_active {   background: url('i/active.png') no-repeat!important;height:20px!important; margin-top:9px!important;  }
.control_hover {  background: url('i/active.png') top no-repeat!important; height:20px!important;margin-top:9px!important; }