/* CSS Document */
body{
	background: url('Backgroundnov2010.png');
	color: #363636;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

#header{
	position:relative; margin:0 auto; width:778px; height:195px;
	background:url(images/header4.jpg) no-repeat 0 0 #21B0D1; color:#000000;}
#header img{
	position:absolute; left:393px; top:79px; border:none;}
#header h1{
	position:absolute; left:410px; top:174px; border:none;
	font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000000;}
#header a.logo{
	position:absolute; left:598px; top:73px;
	background:url(images/service_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.service:hover{
	position:absolute; left:598px; top:73px;
	background:url(images/service_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.buycd{
	position:absolute; left:598px; top:120px;
	background:url(images/recycle_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.recycle:hover{
	position:absolute; left:598px; top:120px;
	background:url(images/recycle_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#topNav{
	width: 778px;
	height: 30px;
	margin: 0 auto;
	background: #7519FF repeat 0
0;
	color: #000000;
}
#topNav ul{
	width:590px; margin:0 auto; }
#topNav ul li{
	float:left; margin:0 1px 0 0 ;}
#topNav ul li a{
	font: bold 11px/29px Arial, Helvetica, sans-serif;
	color: #595959;
	background: url(images/top_nav_btn_bg.gif) repeat-x 0 0 #FFFFFF;
	padding: 0 12px;
	display: block;
	text-decoration: none;
	background-color: #7519FF;
}
#topNav ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#CC006A;
	background-color:#FFFFFF; background-image:none;
	border-top:#DADADA 1px solid; border-right:#DADADA 1px solid; border-left:#DADADA 1px solid;
	padding:0 11px; margin:2px 0 0 0; display:block; text-decoration:none;}
#topNav ul li a.hover{
	font: bold 11px/27px Arial, Helvetica, sans-serif;
	color: #0000FF;
	background-color: #FFFFFF;
	background-image: none;
	border-top: #DADADA 1px solid;
	border-right: #DADADA 1px solid;
	border-left: #DADADA 1px solid;
	padding: 0 11px;
	margin: 2px 0 0 0;
	display: block;
	text-decoration: none;
}
#body{
	background: url('Backgroundnov2010.png');
	width: 738px;
	margin: 0 auto;
	padding: 24px 0 49px 0;
}
.left{
	width:480px; float:left; padding:0 38px 0 0;}
.left img{
	border:none;}
.left h2{
	font: bold 20px/25px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #7519FF;
	height: 25px;
	width: 160px;
	padding: 0 0 10px 0;
	float: left;
}
.left h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#548311;
	background-color:#FFFFFF; height:25px;}
.left span.dot{
	background:url(images/dot_line.gif) repeat-x 0 18px #FFFFFF;
	height:25px; width:320px; display:block; float:left; color:#000000;}
.left p{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #7519FF;
	padding: 0 0 12px 0;
}
.left p span{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #7519FF;
}
.left p.dotLine{
	color:#363636; font-size:0; line-height:0; height:13px; padding:3px 0 12px 0;
	background:url(images/dot_line.gif) repeat-x 0 2px #FFFFFF;}
.left p.dotLine a.readMore{
	background:url(images/read_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.left p.dotLine a.readMore:hover{
	background:url(images/read_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.event{
	width:480px; padding:26px 0 0 0;}
.eventLeft{
	width:324px; padding:6px 0 0 0; float:left;}
.eventLeft h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#015670;
	background-color:#FFFFFF; width:124px; float:left; padding:0 0 6px 0;}
.eventLeft h2 span{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#548311; background-color:#FFFFFF;}
.eventLeft span.date{
	background:url(images/date_bg.gif) no-repeat 0 0 #FFFFFF; color:#573E01;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;
	width:117px; height:15px; display:block; float:left; margin:6px 0 0 12px;}
.eventLeft p{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636;
	background:url(images/left_line.gif) no-repeat 0 16px #FFFFFF; padding:10px 0 12px 16px;}
.eventLeft p.dotLine1{
	color:#363636; font-size:0; line-height:0;
	width:304px; height:13px; padding:3px 0 0 0;
	background:url(images/dot_line.gif) repeat-x 0 2px #FFFFFF; }
.eventLeft p.dotLine1 a.viewMore{
	background:url(images/view_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.eventLeft p.dotLine1 a.viewMore:hover{
	background:url(images/view_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.eventRight{
	width:155px; float:left;}
.eventRight img{
	border:none;}
.right{
	font: smaller Arial, Helvetica, sans-serif;
	width: 220px;
	float: left;
}
.right h2{
	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#015670;
	background-color:#FFFFFF; height:25px; width:110px; padding:0 0 0 16px; float:left;}
.right h2 span{
	font:bold 12px/12px  Arial, Helvetica, sans-serif; color:#548311;
	background-color:#FFFFFF; height:25px;}
.right span.dot{
	background:url(images/dot_line.gif) repeat-x 0 18px #FFFFFF;
	height:25px; width:90px; display:block; float:left; color:#000000;}
.right ul{	
	padding:7px 0 0 16px;}
.right ul li a{
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#535353;
	padding:0 0 0 12px; display:block; text-decoration:none;
	background:url(images/red_arrow_bullet.gif) no-repeat 0 6px #FFFFFF;}
.right ul li a:hover{
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#535353;
	padding:0 0 0 12px; display:block; text-decoration:none;
	background:url(images/red_arrow_bullet.gif) no-repeat 0 6px #FFF9E5;}
#footer{
	background: #EDEDED url('Backgroundnov2010.png') repeat center
top;
	color: #000000;
}
.footer{
	width:490px; height:115px; margin:0 auto; padding:12px 0 0 0;}
.footer ul{
	width:445px; margin:0 auto;}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; background-color:#EDEDED; float:left;}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000; background-color:#EDEDED; padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000; background-color:#E4E1E1; padding:0 8px;}
.footer p{
	margin:0 auto; width:165px; color:#094658; background-color:#EDEDED;
	font:normal 10px/18px Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:100px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:170px; height:17px; padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;
	background-color:#FFFFFF; text-align:center;}
.footer p.tworld a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#456D0B;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#2E4A05;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}