

html {
height:auto;
min-height:100%;
overflow-y:scroll;
}
body {
background-color:#8ED7F7;
background-image:url("http://img.recycletheworld.org/footer-bg.png");
background-position:center bottom;
background-repeat:no-repeat;
margin:0;
min-height:100%;
padding:0;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
br.clearLine {
	clear:both;
}
#cloudWrapper {
left:-15%;
top:10%;
z-index:-10;
}
#cloudWrapper img {
position:absolute;
z-index:-10;
}
#cloud1 {
left:88%;
top:45px;
z-index:-10;
}
#cloud2 {
left:4%;
top:117px;
z-index:-10;
}
#cloud3 {
left:-3%;
top:273px;
z-index:-10;
}
#cloud4 {
left:14%;
top:447px;
z-index:-10;
}
#cloud5 {
left:63%;
top:-9px;
z-index:-10;
}
#cloud6 {
left:71%;
top:395px;
z-index:-10;
}
#cloud7 {
left:-5%;
top:0;
z-index:-10;
}
img {
border:medium none;
}
#wrapper {
min-height: 100%;
height: auto;
height: 100%;
margin:auto;
width:974px;
}
#header {
margin:20px 0;
width:972px;
position:relative;
}
#social {
	position:absolute;
	right:38px;
	width:115px;
	
	top:68px;
}

#breadCrumb {
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #999999;
margin-bottom:10px;
padding:5px 10px;
}
#leftWrapper {
float:left;
overflow:auto;
width:15.60%;
}
#middleWrapper {
float:left;
margin:0 10px;
width:61.50%;
}
#rightWrapper {
float:right;
overflow:auto;
width:20.70%;
}
#middleBox {
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #999999;
margin-bottom:10px;
}
.contentMiddle {
padding:10px;
}
#middleBox2 {
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #999999;
margin-bottom:10px;
min-height:100px;
}
.contentMiddle2 {
overflow:auto;
padding:10px;
}
#giveBox {
border:1px solid #CCCCCC;
float:left;
height:100px;
margin-bottom:10px;
margin-left:35px;
position:inherit;
width:150px;
}
#takeBox {
border:1px solid #CCCCCC;
float:right;
height:100px;
margin-bottom:10px;
margin-right:35px;
position:inherit;
width:150px;
}

#signOn {
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #999999;
margin-bottom:10px;
padding:5px;
text-align:center;
}
#rightBoxTop {
font-size:10px;
text-align:center;
}
.sideBox {
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #999999;
margin-bottom:10px;
}
.sideBox p {
padding:10px;
}
#bottomBoxLeft {
border-left:1px dotted #99CC00;
min-height:150px;
width:300px;
}
#bottomBoxMiddle {
border-left:1px dotted #99CC00;
min-height:150px;
width:300px;
}
#bottomBoxRight {
border-left:1px dotted #99CC00;
min-height:150px;
width:300px;
}

#footer {
height:35px;
width:500px;
font-size:10px;
}
.left {
float:left;
padding-left:5px;
text-align:left;
}
.right {
float:right;
padding-right:5px;
text-align:right;
}
td.contact {
border-bottom:1px dotted #666666;
}
.alt1 {
background-color:#E5FFC7;
}
.alt2 {
background-color:#CDF59F;
}
.tabhead {
background-color:#A5DD65;
}
#tablelist {
}
#tablelist td {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}



/********************* All Links ************************/
a:link {
	color:#476b7b;
	
}
a:visited {
	color:#476b7b;
	
}
a:active {
	color:#476b7b;
	
}
a:hover {
	color:#009900;
}

#navlist {
	margin:0;
	padding:5px;
}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 0.05em;
}

#navlist a { 
	text-decoration: none;
	display:block;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#navlist a:visited {
	text-decoration: none;
}

#navlist a:hover { 
	color:#FFF;
	background-color:#8ED7F7;
}

#navlist a.current { 
	font-weight:bold;
	color:#FFF;
	background-color:#8ED7F7;
}


/*************************Bread Crumb*********************/
#breadCrumb a, #breadCrumb a:visited {
	text-decoration:none;
	display:inline;
	padding:5px 10px;
	margin:0 -5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#breadCrumb a:hover {
	background-color:#009900;
	color:#FFFFFF;
}

#breadCrumb .cityState {
	color:#006633;
	font-weight:bold;
	font-size:11px;
}



/*************************catagory nav*********************/

#catagoryList {
	margin:0;
	min-height:18px;
	padding:0;
}
#catagoryList li {
	list-style:none;
	margin:3px 3px;
	float:left;
	width:185px;
}

#catagoryList a {
	text-decoration:none;
	display:block;
	background-color:#F7F7F7;
	padding:5px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#catagoryList a:hover {
	color:#FFF;
	background-color:#8ED7F7;
	/*text-shadow:#476b7b 1px 1px;*/
}

/*************************state nav*********************/

#states {
	margin:0;
	min-height:18px;
	padding:0;
}
#states li {
	list-style:none;
	margin:3px 3px;
	float:left;
	width:137px;
}


#states a {
	text-decoration:none;
	display:block;
	background-color:#F7F7F7;
	padding:5px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#states a:hover {
	color:#FFF;
	background-color:#8ED7F7;
	/*text-shadow:#476b7b 1px 1px;*/
}

/*************************cities nav*********************/

#cities {
	margin:0;
	min-height:18px;
	padding:0;
}
#cities li {
	list-style:none;
	margin:3px 3px;
	float:left;
	width:137px;
}

#cities a {
	text-decoration:none;
	display:block;
	background-color:#F7F7F7;
	padding:5px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#cities a:hover {
	color:#FFF;
	background-color:#8ED7F7;
	/*text-shadow:#476b7b 1px 1px;*/
}


h2 {
		color:#060;
		line-height:10px;
}
p {
	line-height:150%;
	margin:0 0 10px;
}

p:last-child {
	margin:0;
}

h1 {
	font-size:16px;
	color: #006600;
	border-bottom:solid 1px #99CC00;
}
.rtwText {
	color:#063;
	font-weight:bold;
}
.boxTitles {
	font-family:"Comic Sans MS", cursive; font-size:13px; color:#006600; font-weight:bold;
	margin:10px 10px 0px 10px;
	border-bottom:#060 1px solid;
}
.numItems {
	font-size:12px; color: #006633; font-weight:bold;
}
.sideBox h4 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px solid green;
	text-align:center;
	margin:10px 0 0;
}
.bottomBoxesTitles {
	padding-left:15px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
	background-image:url(../../images/bg_titles.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.bottomBoxesLink {
	font-size:11px;
	color: #006633;
	padding-left:28px;
	line-height:18px;
}
.thankYouConfirm {
	font-size:18px;
}
.smalltext {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:xx-small;
}



/**************tips**********************/
#tipdetails {
}
#tipdetails h3 {
font-family:Arial,Helvetica,sans-serif;
font-size:large;
margin-bottom:2px;
}
.tipcontent {
border:1px dashed #CCCCCC;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
margin-bottom:15px;
margin-top:15px;
padding:5px;
}
/**************Forms**********************/
.formstuff {
border:1px dashed #CCCCCC;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
height:15px;
margin-bottom:15px;
margin-top:15px;
padding:5px;
position:relative;
width:100px;
}

#loginForm {
color:#666666;
font-size:200%;
}
#loginForm input {
font-size:100%;
}
/**************privacy**********************/

/*
 * Recycle Centers
 */

#ZipCode { width: 60px;}
