/* The default body */
html {
	margin: 0;
	padding: 0;
	height: 100%;
    }
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#f7f7f7;
	color: #000000;
	height: 100%;
	width:auto;
	text-align: center;
    }

/* ====================================================================== */
/* Links */
#nav{
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:14px;
	padding-left:60px;
	font-weight:bold;
	width:auto;
}
a:LINK {
	color:#FFFFFF;
	text-decoration:none;
    }
a:VISITED {
	color:#CCCCCC;
	text-decoration:none;
    }
a:HOVER {
	color:#FFCC33;
	text-decoration:none;
    }
a:ACTIVE {
	color:#000000;
	text-decoration:none;
    }
.class1 A:link {
	text-decoration: none;
	color:#0052a0;
	padding-top:10px;
}
.class1 A:visited {
	text-decoration: none;
	color:#CCCCCC;
	padding-top:10px;
}
.class1 A:hover {
	text-decoration:none;
	color:#009933;
	padding-top:10px;
}
.class1 A:active {
	color:#0052a0;
	text-decoration:none;
	padding-top:10px;
}
.class2 A:link {
	text-decoration: none;
	color:#FFFFFF;
}
.class2 A:visited {
	text-decoration: none;
	color:#CCCCCC;
}
.class2 A:active {
	text-decoration: none;
	color:#FFFFFF;
}
.class2 A:hover {
	text-decoration: none; 
	color:#0099FF;
}
.stylew
{
	color:#FFFFFF;
	font-weight:bold;

}


/* ====================================================================== */
/* Lists */


li {
	list-style: none;
	padding:0px;
	margin:0px;
	}
ul.list2 {
	margin: 0;
	padding-left: 6px;
}
li.list1 {
	padding-left:22px;
	margin:0px;
	padding-top:6px;
	background-image:url(images/circle.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#0052a0;
	font-weight:bold;
}
ul.list3 {
	margin: 0;
	padding: 0;
}
ul.list4 {
	margin: 0;
	padding: 0;
	padding-top:5px;
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#0052a0;
}
li.listblue {
	margin:0px;
	list-style-image:none;
	background-position:0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#0052a0;
	font-weight:bold;
}
li.listaddress {
	margin:0px;
	padding-left:54px;
	list-style-image:none;
	background-position:0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#0052a0;
	font-weight:bold;
}
	 

/* ====================================================================== */
/* --- Containers --- */

.centersite {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: relative;
	text-align: center;
}
.siteContainer {	
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	top: 0px;
	width: 750px;
/*	border:thin;
	border-color:red;
	border-style:solid;*/
	}

/* ====================================================================== */
/* Common Classes */

.floatClear {
	clear: both;
	}


/* ====================================================================== */
/* --- Main --- */

.navBar {
	margin: 0px;
	padding: 0px;
	background-image:url(images/navbar.jpg);
	width:694px;
	height:44px;
	margin-left:27px;
	margin-right:27px;
	}
.maincontent {
	margin: 0px;
	padding: 0px;
	height: auto;
	width:695px;
	margin-left:27px;
	margin-right:27px;
	background-color:#f2f2f2;
	}
.line{
	margin: 0px;
	padding: 0px;
	background-image:url(images/line.jpg);
	background-repeat:repeat-x;
	height: 5px;
}
.recycle{
	float:left;
	padding-top:30px;
	padding-left:30px;
}
.infobox{
	float:left;
	width:695px;
}
.imagebox{
	float:right;
	width:329px;
	padding-top:10px;
	height:auto;
}
.imageboxright{
	float:left;
	width:195px;
	padding-top:30px;
	height:242px;
	padding-left:10px;
}
.imageboxleft{
	float:left;
	width:245px;
	padding-top:10px;
	padding-right:10px;
	height:222px;
}
.imageboxl{
	float:left;
	width:366px;
	height:auto;
}
.labelsl{
	float:left;
	width:182px;
	padding-top:10px;
	height:auto;
}
.labelsr{
	float:left;
	width:182px;
	padding-top:10px;
	height:auto;
}
.content{
	margin: 0px;
	padding: 0px;
	background-image:url(images/blubtm.jpg);
	background-repeat:no-repeat;
	height: 179px;
	width:750px
}
.space{
	padding-left:20px;
	float:left;
	padding-bottom:10px;
}
.textbox{
	padding-left:10px;
	padding-top:5px;
	width:auto;
	height:auto;
	float:left;
}
.textboxl{
	float:left;
	padding-top:5px;
	width:auto;
	height:auto;
	padding-right:160px;
}
.textboxr{
	float:left;
	padding-top:5px;
	width:auto;
	height:auto;
}
.cardboxtextl{
	float:left;
	width:auto;
	height:auto;
}
.cardboxtextr{
	float:left;
	width:auto;
	height:auto;
	padding-left:10px;
}
/* ====================================================================== */
/* --- Page Container --- */
p{
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:12px;
	color:#0052a0;
	font-weight:bold;
	text-align:left;
}
p.blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0052a0;
	text-align:left;
}
p.green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#007b1d;
	text-align:left;
}
.red{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
}
.contactred{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	padding-left:5px;
	color:#CC0000;
	font-weight:bold;

}
.contactblue{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	color:#0052a0;
	font-weight:bold;
}
.bluetitle{
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:18px;
	color:#00498e;
}
h1{
	padding-top:10px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#00498e;
	font-weight:bold;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0052a0;
	text-align:left;
}
h3{
	padding-top:10px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#7b3e7f;
}
.logotext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:900;
	color:#FFFFFF;
	padding-top:10px;
}
.catercoolgreen{
	float:left;
	width:auto;
	height:auto;
	text-align:left;
	padding-left:20px;
	padding-right:10px;
}
.contactbox{
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	background-position:20px 0px;
	width:648px;
	height:432px;
	text-align:left;

}
.cardbox{
	padding-left:220px;
	width:290px;
	height:190px;
	float:left;
	padding-top:135px;
}

/* ====================================================================== */
/* --- Page Footer --- */


.footer {
	width:100%;
	background-image:url(images/bottomnav.jpg);
	background-repeat:no-repeat;
	text-align: left;
	margin-left:27px;
	margin-right:27px;
	height:44px;
	width:694px;
	}
.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	padding-left:12px;
	padding-top: 14px;
	float: left;
	color:#FFFFFF;
	}

.footertextr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	padding-right: 12px;
	padding-top: 14px;
	float: right;
	color:#FFFFFF;
	}

/* end page layout divs - category menu */
/********************************************************************************************/
/* CSS:END */
