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

/* -- header start -- */
#header{
	position:relative;
	margin:0 auto;
	width:777px;
	height:100px;
	background:url(images/header.jpg) no-repeat 0 0 #21B0D1;
	color:#000000;
	background-color: #FFFFFF;
}
#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.service{
	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.recycle{
	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;}
/* -- header end -- */
/* -- top navigation start -- */
#topNav{
	width:778px;
	height:40px;
	margin:0 auto;
	color:#000000;
}
#topNav ul{
	width:778px; margin:0 auto; }
/* -- top navigation end -- */
/* body start */
#body{
	width:738px; margin:0 auto; padding:24px 0 49px 0;}
/* body end */
/* -- left pannel start -- */
.left{
	width:480px; float:left; padding:0 38px 0 0;}
.left img{
	border:none;}
.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:#363636; background-color:#FFFFFF; padding:0 0 12px 0;}
.left p span{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636; background-color:#FFF9E5;}
.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:480px;
	padding:6px 0 0 0;
	float:left;
	color: #FFF;
}
.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;}
/* -- left pannel end -- */

/* -- right pannel start -- */
.right{
	width:220px; float:left;}
.right form.search{
	background:url(images/search_bg.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:189px; height:63px; padding:14px 14px 30px 16px;}
.right form.search label{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#2E5122;
	background-color:#F1FFEC;
	float:left;
	font-size: 20px;
}
.right form.search p{
	width:112px; height:18px;
	background:url(images/green_arrow_down.gif) no-repeat 2px 6px #FFFFFF;
	font:normal 10px/18px Arial, Helvetica, sans-serif; color:#000000;
	padding:0 0 0 13px; float:right;}
.right form.search input{
	width:180px; height:15px; padding:2px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000; margin:7px 0 5px 0;}
.right form.search input.searchBtn{
	width:38px; height:13px; padding:0; margin:0; float:right;}
.right form.search a{
	background:url(images/star_inon.gif) no-repeat 0 3px #F1FFEC; color:#005164;
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 12px;
	text-decoration:underline; float:left;}
.right form.search a:hover{
	background:url(images/star_inon.gif) no-repeat 0 3px #F1FFEC; color:#005164;
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 12px;
	text-decoration:none; float:left;}
.right form.login{
	background:url(images/login_bg.gif) no-repeat 0 0 #FFFFFF;
	color:#666;
	width:189px;
	height:162px;
	padding:14px 14px 34px 16px;
	font-size: 20px;
}
.right form.login h2{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	width:auto;
	color:#015670;
	background-color:#F5F5F5;
	padding:0 0 0 0;
}
.right form.login label{
	font:bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353; background-color:#F5F5F5; padding:0 0 8px 0;}
.right form.login input{
	width:180px; height:15px; padding:2px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000; margin:0;}
.right form.login input.check{
	width:15px; height:15px; padding:0; margin:10px 6px 0 0; float:left;
	background-color:#F5F5F5; color:#000000;}
.right form.login input.loginBtn{
	width:38px; height:13px; padding:0; margin:3px 0 0 0; float:right;}
.right form.login p{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353; background-color:#F5F5F5; padding:4px 0 0 0;}
.right form.login a{
	background:url(images/member_icon.gif) no-repeat 0 0 #F5F5F5; color:#005164;
	font:bold 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 23px;
	text-decoration:underline; float:left;}
.right form.login a:hover{
	background:url(images/member_icon.gif) no-repeat 0 0 #F5F5F5; color:#005164;
	font:bold 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 23px;
	text-decoration:none; float:left;}
.right h2{
	font:bold 20px/25px 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 20px/25px  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;}
/* -- right pannel end -- */
/* footer start -- */
#footer{
	background:url(images/footer_bg.gif) no-repeat center top #EDEDED; 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;
	text-align: center;
}
.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;}
/* footer end -- */

.Headings {
	font-size: 20px;
	color: #015670;
	font-weight: bold;
	text-align: left;
}
.NormalLink {
	font-size: 14px;
	color: #363636;
}












table.thumbsnew td{
	border: 1px solid #FFFFFF;
	text-align: center
}

table.thumbsnew td:hover{
	border: 1px solid #FFFFFF;
}

table.thumbsnew td.empty{
	border: 1px solid #FFFFFF;
}

ul.thumbs li{
	font-size: 100%;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	margin-left: 0em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	/* height: 14em;
	width: 10.2em;*/
	height: 160px;
	width: 110px;
	float: left;
	border: 0.1em solid #FFFFFF;
	overflow: hidden;
}

ul.thumbs li:hover{
	border: 1px  solid #376386;
}

ul.thumbs li.empty{
	border: 1px  solid #376386;
}

td ul.thumbs img{
	/* width: 9.2em; */
	width: 100px;

}

.thumb{
	overflow: hidden;
	 
	height: 9.2em;
	padding: 0.5em;
}	
#body .left .Headings em {
	text-align: center;
}
#body .left .Headings em {
	text-align: center;
}



/* Contact Form ------------------------------------- */

#contactform 						{ width:auto; font:normal 11px/18px Verdana,Tahoma, Sans-serif; }
#contactform form 					{ width:auto; margin:0; padding:20px; margin-top:20px; }

#contactform fieldset 				{ padding:10px 0; margin:15px 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px }
#contactform fieldset legend 		{ font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; padding:3px 25px; margin-left:30px; text-transform:uppercase; border:0px solid #ddd;}
#contactform fieldset legend span 	{ font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block; }

#contactform form label 			{ display:block; float:left; width:150px; padding:6px 10px 0 0; margin:0px; text-align:right;}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ margin-bottom: 9px !important; border:1px solid; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc; width: 65%; padding: 4px;}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	} /* This is css3 border radius, remove it if you want to use valid xhtml*/

#contactform input.inpt:focus,
#contactform select:focus,
#contactform textarea:focus 		{ background:#fff; }

#contactform br 					{ clear:left;}
#contactform input.required 		{ background:#f5f5f5 url('images/required.gif') 99% 50% no-repeat;}

#contactform input.btn				{ background:none; border:none;}

#contactform #note {width:90%;margin:0 auto; }

/* Error / Success / Notice ----------------------------------------------------------- */

#contactform .notes					{ background:#f0f0f0; border:1px solid #b8b8b8; }
#contactform .success				{ background:#ccfcd1; border:1px solid #60a400; }
#contactform .error					{ background:#f9e3e3; border:1px solid #e79e9e; }
#contactform .notice				{ background:#fcf0cc; border:1px solid #ecc735; }

#contactform .notes,
#contactform .notice,
#contactform .success,
#contactform .error					{ padding:10px; font-size:10px; color:#000;}

#contactform .notes span,
#contactform .notice span,
#contactform .success span,
#contactform .error span			{ font-weight:bold; font-size:1.2em;}

#contactform .notes p,
#contactform .success p,
#contactform .error p,
#contactform .notice p				{ margin:0px; padding:0px;}