body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#000000;
	font: normal 11px Verdana;
	background-color:#FFFFFF;
}
img {
	border: 0px;
}
#container {
	padding: 0px;
	width: 938px;
	margin:0 auto;
}

.floatLeftGreen {
	font: bold 20px "Trebuchet MS";
	color:#008000;
	float:left;
}
#header {
	width: 938px;
}
#white {
	width: 928px;
	height:30px;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	color:#008000;
}
#logo {
	width: 938px;
	height:188px;
}

#spacer {
	height:15px;
}
#main {
	width: 938px;
}
#left {
	width:201px;
	float:left;
}
#search {
	width:191px;
	height:32px;
	background: url( '../images/search-bg.jpg' ) no-repeat top;
	font: normal 12px Tahoma;
	color:#a6a6a6;
	padding:6px 5px 5px 5px;
}
#label {
	width:50px;
	height:33px;
	font: normal 12px Tahoma;
	color:#a6a6a6;
	float:left;
}
#box {
	width:135px;
	height:25px;
	font: normal 12px Tahoma;
	color:#a6a6a6;
	float:left;
	text-align:left;
}
#go {
	width:24px;
	height:33px;
	font: normal 12px Tahoma;
	color:#a6a6a6;
	float:right;
	margin:0 auto;
}
#leftNav {
	width:201px;
}
a.LeftNav {
	height:30px;
	width:163px;
	color:#FFFFFF;
	display:block;
	text-align:left;
	text-decoration:none;
	background: url( '../images/left-nav.jpg' ) no-repeat top;
	font: bold 15px Arial;
	padding-left:38px;
	padding-top:10px;
}
a.LeftNav:hover {
	height:30px;
	width:163px;
	color:#008000;
	display:block;
	text-align:left;
	text-decoration:none;
	background: url( '../images/left-nav.jpg' ) no-repeat top;
	font: bold 15px Arial;
	padding-left:38px;
	padding-top:10px;
}
a.TopNav {
	height:25px;
	width:225px;
	color:#008000;
	display:block;
	text-align:left;
	text-decoration:none;
	background: url( '../images/top-nav-bg.jpg' ) repeat-x top;
	font: normal 15px Arial;
	float:left;
	padding-top:8px;
	padding-left:20px;
}
a.TopNav:hover {
	height:25px;
	width:225px;
	color:#FFFFFF;
	display:block;
	text-align:left;
	text-decoration:none;
	background: url( '../images/top-nav-bg.jpg' ) repeat-x top;
	font: normal 15px Arial;
	float:left;
	padding-top:8px;
	padding-left:20px;
}
#facebook {
	width:201px;
	height:60px;
	padding-top:10px;
}
#right {
	width:737px;
	float:right;
}
#contentLeft {
	width:536px;
	float:left;
}

#welcome {
	width:496px;
	height:180px;
	background: url( '../images/welcome-bg.jpg' ) no-repeat top;
	text-align:left;
	padding: 20px;
}
#welcomeTop {width:517px;height:6px;background:url(../images/mainContentHome_top.jpg) no-repeat;margin-left:10px;margin-top:10px;}
#welcomeMid {width:496px;background:url(../images/mainContentHome_mid.jpg) repeat-y;text-align:left;padding:20px;margin-left:10px;}
#welcomeMid p {padding-right:10px;}
#welcomeBottom {width:517px;height:18px;background:url(../images/mainContentHome_bottom.jpg) no-repeat;margin-left:10px;}
#sub {
	width:496px;
	text-align:left;
	padding: 20px;
}
#poll {
	width:147px;
	height:168px;
	background: url( '../images/online-poll-bg.jpg' ) no-repeat top;
	float:left;
	text-align:left;
	padding: 8px 25px 30px 25px;
}
#photo {
	width:339px;
	height:206px;
	float:right;
}
#contentRight {
	width:201px;
	float:right;
}
#did {
	width:193px;
	height:133px;
	background: url( '../images/did-bg.jpg' ) no-repeat top;
	text-align:left;
	padding-top:14px;
	padding-left:8px;
}
#bin {
	width:201px;
	height:173px;
	background: url( '../images/bin-bg.jpg' ) no-repeat top;
	text-align:left;
	text-align:center;
	padding-top:12px;
}
#address {
	width:201px;
	height:104px;
	text-align:left;
}
#topNav {
	height: 33px;
	width:737px;
}
#footer {
	background: url( '../images/footer-bg.jpg' ) no-repeat top;
	height: 60px;
	width: 938px;
	clear:both;
	color:#FFFFFF;
	padding-top:6px;
}
a.FooterNav {
	text-decoration:none;
	font: normal 11px Verdana;
	color:#FFFFFF;
}
a.FooterNav:hover {
	text-decoration:underline;
	font: normal 11px Verdana;
	color:#FFFFFF;
}
a {
	text-decoration:none;
	font: bold 11px Verdana;
	color:#087908;
}
a:hover {
	text-decoration:underline;
	font: bold 11px Verdana;
	color:#087908;
}
.mainHeading {
	font: bold 20px "Trebuchet MS";
	color:#008000;
}
.smallHeading {
	font: bold 15px "Trebuchet MS";
	color:#008000;
}

.blackHeading {
	font: bold 16px "Trebuchet MS";
	color:#000000;
}
.xsmallHeading {
	font: normal 15px "Tahoma";
	color:#008000;
}
.field {
	width:100px;
	height:14px;
}

/*---------------------- beyond the bin -------------------------*/
#beyondBinImg {
	float:left;
	width:500px;
	text-align:center;
}

#beyondBinImg img {
	display:inline;
	clear:right;
}

#BBContent {
	width:300px;
	float:left;
	position:relative;
}
.beyondBinContentTitle {
	font-size:14px;
	color:#666666;
}

.beyondBinSubHead {
	color:#999999;
	font-weight:bold;
	font-size:12px;
}

/*------individual beyond the bin content blocks ------------------- */
.tinCanContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	top:0;
	text-align:left;
}

.aluminumCanContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.plasticPETContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.plasticHDPEContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.plasticPVCContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.plasticLDPEContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.plasticTubContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.glassContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.gableTopContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.newspaperContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.ledgerContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.boxboardContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.cardboardContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.appliancesContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.yardwasteContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

.foodwasteContent {
	display:block;
	float:right;
	width:250px;
	padding:10px;
	text-align:left;
}

/*________________________________   MODAL BOX _____________________________________*/

#darken {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:199;
    background:black;
    opacity:.5;
    filter:Alpha(opacity=50); /* Transparency in IE */
}

#modalBoxAluminumCan {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxTinCan {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxPlasticPET {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxPlasticHDPE {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxPlasticPVC {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxPlasticLDPE {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxPlasticTub {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxGlass {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxGableTop {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxNewspaper {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxLedger {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxBoxboard {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxCardboard {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxAppliances {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxYardwaste {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

#modalBoxFoodwaste {
    position:absolute;
    top:30%;
    left:50%;
    min-width:400px;
    height:auto;
    margin-left:-200px;
    margin-top:-200px;
    border:#ccc 10px solid;
    padding:10px;
    display:none;
    background:white;
    font-size:12px;
    color:black;
    z-index:200;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~MUNICIPALITIES PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#muniList {
	width:125px;
	border-right:1px solid #D7D7D7;
	margin:0;
	padding:0;
}

#muniList ul li {
	font-size:12px;
	font-weight:bold;
	margin:0 0 20px 0;
	float:left;
	list-style-type:none;
}

#muniHeader {
	width:325px;
	float:right;
	display:block;
}

#muniContent {
	width:475px;
	float:left;
	display:block;
}

#muniContent h1 {
	font-size:12px;
	font-weight:bold;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    content and header panes for muni's ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.displayNone {
	display:none;
}

.stayInformed li {
	margin-bottom:5px;
}
.makeBold {
	font-weight:bold;
}

.paddingRight28 {
	padding-right:28px;
}