/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; background: url(images/header-bg.jpg) 0 0 repeat-x #EFEFEF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
div, td p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
a{ text-decoration:none;}
ul{list-style-type:none;}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

#wrapper{
	width:700px;
	margin:0 auto;
	clear:both;
}

/* TOP PANEL */
#topPan{width:700px; height:252px; position:relative; float:left; padding:0; margin-bottom:20px;}
#topPan h1{width:311px; height:209px; background:url(images/header-img1.jpg) 0 0 no-repeat; color:#fff; text-indent:-2000px;}
#topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}
#topPan .nav{width:700px; height:32px; display:block; position:absolute; top:215px; left:0px; margin:0px; padding:0px; background:url(images/menu-bg.gif) 0 0 repeat-x; color:#fff; overflow:hidden; clear:both;}
#topPan .nav ul{ float:left; padding:0; margin:0;}
#topPan .nav ul li{float:left; background:url(images/menu-devider.gif) right top no-repeat; padding:0 10px;}

#topPan .nav ul li a{display:block; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#topPan .nav ul li a:hover{display:block; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; margin:0; padding:0px;}
#topPan .nav ul li.noimg{ background-image:none;}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:700px; float:left; margin:20px auto 0px; background-color:#fff; padding:25px 0 5px 0; clear:both;}
#bodyPan h2.one{ float:left; background:url(images/image1.jpg) 10px 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 10px 50px; margin:0; width:650px;}

#bodyPan h2.two{ float:left; background:url(images/image2.jpg) 10px 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 10px 50px; margin:0; width:650px;}

#bodyPan h2.three{ float:left; background:url(images/image3.jpg) 10px 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 10px 50px; margin:0; width:650px;}

#bodyPan h2.four{ float:left; background:url(images/image4.jpg) 10px 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 10px 50px; margin:0; width:650px;}

#bodyPan h2.five{ float:left; background:url(images/image6.jpg) 10px 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 10px 50px; margin:0; width:650px;}

#bodyPan h3{ float:left; font:18px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#6d6d6d; padding:0 0 10px 30px; margin:0; width:650px; background:url(images/image7.jpg) no-repeat 10px 5px;}

#bodyPan p{ float:left; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#666666; padding:0 10px 10px 10px; width:680px; background-color:#fff; text-align:justify; margin:0;}
#bodyPan p a{ text-decoration:none; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#4b4b4b4;}
#bodyPan p a:hover{ text-decoration:underline;}

#bodyPan ul{ float:left; padding:0 0 10px 10px; width:680px; background-color:#fff;}
#bodyPan ul li{ float:left; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#666666; padding:0 0 10px 20px; margin:0; background:url(images/bullet.gif) no-repeat 0 0; width:650px; }

#bodyPan ul li.other{ float:left; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#666666; padding:0 0 5px 20px; margin:0; background:url(images/bullet2.gif) no-repeat 0 2px; width:650px; }

#bodyPan ul li.other span{ display:block;}

#bodyPan a.download{ text-decoration:none; font:normal 14px/35px Arial, Helvetica, sans-serif; color:#4b4b4b4; background:url(images/image5.jpg) no-repeat 10px 0; padding:0 0 0 50px; width:640px; height:35px; float:left;}
#bodyPan a.download:hover{ text-decoration:underline;}

#bodyPan .memberform{
	padding:10px 100px;
	float:left;
	width:500px;
	clear:both;
}
#bodyPan .memberform p.top{
	float:left;
	font:normal 14px/16px Arial, Helvetica, sans-serif; 
	color:#4b4b4b4;
	width:500px;
	border-bottom:1px solid #bbb;
	padding:6px 0;
}
#bodyPan .memberform p.bottom{
	float:left;
	font:normal 14px/16px Arial, Helvetica, sans-serif; 
	color:#4b4b4b4;
	width:500px;
	border-top:1px solid #bbb;
	padding:6px 0;
}


#bodyPan .memberform form{
	float:left;
	padding:10px 0;
	margin:0;
}
#bodyPan .memberform form label{
	float:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif; 
	color:#4b4b4b4;
}
#bodyPan .memberform form label.small{
	float:left;
	font:normal 11px/16px Arial, Helvetica, sans-serif; 
	color:#4b4b4b4;
	padding:0 8px;
}
#bodyPan .memberform form label span{
	font-size:10px;
	display:block;
	padding-top:3px;
	color:#ff0000;
}
#bodyPan .memberform form textarea.box{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	width:255px;
	height:20px;
	border:1px solid #ddd;
	background-color:#fff;
	padding:2px 0 0 5px;
	overflow-y:scroll;
	overflow-x:auto;
}
#bodyPan .memberform form textarea.box2{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	width:90px;
	height:20px;
	border:1px solid #ddd;
	background-color:#fff;
	padding:2px 0 0 5px;
	overflow-y:scroll;
	overflow-x:auto;
}
.mender{ 
min-height:615px;
}

.men{ 
padding: 15px;
}

.men img{ width: 100%;}

.menber_img{
	margin-bottom:10px;}
.menber_img img{
	width:100%;
}
.mender h1{
	 font-family:"Trebuchet MS";
	 font-size:15px;
	 color:#000;
	 }
.mender h2{
	font-family:"Trebuchet MS";
	 font-size:15px;
	  margin-bottom:35px;
	 }

.mender p{
	font-family:"Trebuchet MS";
	 font-size:13px;
	 color:#000; 
	 margin:0px;
	 padding-bottom:15px;
	 }

.peer{padding-left:20px;float: left;}
.peer h2{font-size: 15px;color: #000000;font-weight: 700;padding-bottom: 5px;}
.peer ul{padding:0px !important; margin:0px !important;}
.peer ul li{background-image: none !important;padding: 0 0 5px 0px !important;}
.peer ul li span{font-weight: 700;color: #000;}




/* footer Panel */
#mainfooterbody{ background:url(images/footer-bg2.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:30px 0 0 0; position:relative; margin:0 auto; clear:both; height:115px;}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:10px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 10px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{color:#FF833B;}

#footerPan ul.footerlist{width:280px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px;}
#footerPan ul.footerlist li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.footerlist li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:80px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
#footerPanleft img{width:260px; height:35px; margin:15px 0 0 0;}