@charset "utf-8";
/* CSS Document */

body{
	padding:0; margin:0; background:url(../images/tops.gif) repeat 0 0 #fff; width:auto; 
	}
div, ul, p, h1, h2, h3, h4,h6, img{
	padding:0; margin:0;
	}
	
	.clear
	{	clear: both;
		overflow: hidden;
		height: 0}



#up_div{
	 color:#3b3b3b; width:100%; float:left;
	}
	
	#header{
	width:778px;
	margin:0 auto;
	position:relative;	height:260px;
	display:block;
	}
	
#header img{
	display:block;
	top:10px;
	left:45px;
	position:absolute;
	width: 260px;
	height: 255px;
	}
	#header h1{
	font:Tahoma, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	width:435px;
	display:block;
	position:absolute;
	top:138px;
	left:300px;
	text-align:center;
		
	}
	#header ul{
	width:111px;
	display:block;
	position:absolute;
	top:1px;
	left:479px;
	background:#598b0b;
	}

#header ul li{
	float:left; display:block; margin:0 3px 0 3px;
	}
#header ul li a{
	font:13px/20px Tahoma, Geneva, sans-serif;  font-weight:bold; padding:0 8px 0 8px;
	color:#fff; background-color:#598b0b; display:block; text-decoration:none; text-align:center;
	}
#header ul li a:hover{
	background-color:#090; color:#FFFFFF;
	}
	
	#menu1{
	width:100%;
	float:left;
	background:url(../images/footer.gif) repeat;
	}
	
	#menu{
	width:720px;
	margin:0 auto;
	position:relative;
	height:40px;
	display:block;
	z-index: 1;
	
	}
	
	#menu ul.topnav {
	list-style: none;
	padding: 0 20px;
	font-family:Tahoma, Geneva, sans-serif;
	margin: 0;
	float: left;
	width: 720px;
	background: #222;
	font-size: 12px;
	background: url(topnav_bg.gif) repeat-x;
	
}
#menu ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 7px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	z-index: 1;
	border-right: 1px solid white;
}
#menu ul.topnav li a{
	padding: 10px 1.5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	width:90px;
}
#menu ul.topnav li a:visited{
	color:#0C0;
	
	
}
#menu ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
#menu ul.topnav li span { /*--Drop down trigger styles--*/
	width: 20px;
	height: 35px;
	float: left;
	background:url(../images/subnav_btn.gif) no-repeat center top;
}
#menu ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
#menu ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
#menu ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
#menu ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
#menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

	
/*#menu{
	width:720px; margin:0 auto ; position:relative;
	}

	
	#menu li

	{	float: left;
	margin:0 auto;
		list-style: none;
		font: 12px Tahoma, Arial; position:}

	#menu li a
	{	display: block;
		background: #324143;
		padding: 15px 17px;
		text-decoration: none;
		border-right: 1px solid white;
		
		width: 85px;
		color: #EAFFED;
		white-space: nowrap}

	#menu li a:hover
	{	background:#090}
		
		#menu li a:visited
	{ color:#9F0}
		
		#menu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#menu li ul li
			{	float: none;
				display: inline}
			
			#menu li ul li a
			{	width: auto;
				background: #A9C251;
				color: #24313C}
			
			#menu li ul li a:hover
			{	background: #8EA344

			}
			#menu li ul li a:visited
			{	
			color:#fff;

			}*/
/*#menu1{
	width:100%; float:left;  background:url(../images/footer.gif) repeat ; position:relative;
	}
#menu{
	width:720px; margin:0 auto ; position:relative;
	}*/
	



	#mid_div{
	background:url(../images/mid.gif) repeat top ;  width:100%; float:left; 
	}
	#body_pan{
	width:740px; margin:0 auto 0 auto; background:url(images/body_pic.gif) no-repeat 0 0;margin:0 auto; position:relative;
	
	border-left : 1pt dashed black; border-right: 1pt dashed black; 
 
	  }
	#body_pan h2{
	font:18px Tahoma, Geneva, sans-serif; font-weight:bold; color:#000; padding-top:10px; 
	width:503px; display:block;margin:0 0 12px 20px ;
	}
	#body_pan p{
	font:12px Tahoma, Geneva, sans-serif; font-weight:bold; color:#000;  margin:0 0 12px 20px  ; padding-top:10px;
	width:680px; display:block; text-align:justify;
	}
	#body_pan table {font:11px Tahoma, Geneva, sans-serif; font-weight:bold; color:#039;  margin:0 0 10px 30px  ; padding-top:10px;
	width:650px; display:block; }
	#body_pan td {font:11px Tahoma, Geneva, sans-serif; font-weight:bold; color:#039;  text-align:center }
	#body_pan th {font:11px Tahoma, Geneva, sans-serif; font-weight:bold; color:#039;  }
	#body_pan table.set1 {font:11px Tahoma, Geneva, sans-serif; font-weight:bold; color:#039;  margin:0 0 10px 20px  ; padding-top:10px;
	width:500px; display:block; }
	#body_pan img.logo{
	position:absolute;
	width:183px;
	height:175px;
	left:472px;
	top:160px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
}
#body_pan img.logo1{
	position:absolute;
	width:183px;
	height:175px;
	left:204px;
	top:390px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
}
#body_pan img.logo2{
	position:absolute;
	width:183px;
	height:175px;
	left:477px;
	top:387px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
}
#body_pan img.ss1{
	position:absolute;
	left:432px;
	top:44px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
}
#body_pan img.ss12{
	position:absolute;
	left:-3px;
	top:33px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
	width: 248px;
}
#body_pan img.ss3{
	position:absolute;
	left:21px;
	top:35px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	width:200px;
	color:#039;
}
#body_pan img.ss4{
	position:absolute;
	left:446px;
	top:703px;
	display:block;
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#039;
}





#body_pan h4 {  width:620px; display:block;margin:0 0 12px 18px ; padding-top:10px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#000 ; height:15px; border:#000 thick;}		
#body_pan h5 {  width:620px; display:block;margin:0 0 12px 60px ; padding-top:10px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#000 ; height:15px; border:#000 thick;}		
#body_pan .set{background:#CCC; width:auto; height:1px;}

#body_pan h1{
	font:Tahoma, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	width:435px;
	display:block;
	position:absolute;
	top:575px;
	left:382px;
	text-align:center;
		
	}
	#body_pan h3 {
	display:block;
	top:497px;
	left:497px;

	width: 260px;
	height: 255px;
	width:183px;
	height:175px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	padding-left:250px;
	text-align:center;
	margin:0px;
	
}

#body_pan h6 {
	float:left;
	position:absolute;
	left: 437px;
	top: 346px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.ss6 {
	float:left;
	position:absolute;
	left: 434px;
	top: 347px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.ss5 {
	float:left;
	position:absolute;
	left: 163px;
	top: 572px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.ss7 {
	float:left;
	position:absolute;
	left: 449px;
	top: 572px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.s1 {
	float:left;
	position:absolute;
	left: 432px;
	top: 219px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.ss1 {
	float:left;
	position:absolute;
	left: 432px;
	top: 219px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}
#body_pan h6.ss2 {
	float:left;
	position:absolute;
	left: 431px;
	top: 434px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}

#body_pan h6.ss3 {
	float:left;
	position:absolute;
	left: 428px;
	top: 677px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}

	#body_pan h6.ss4 {
	float:left;
	position:absolute;
	left: 424px;
	top: 946px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-align:center;
	width: 247px;
	height: 12px;
}

#body_pan ul{
	 width:680px;margin:0 0px 8px 5px; 
	 }
	 #body_pan li{
	 width:380px;margin:0 0px 8px 45px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold;  
	 }
	 #body_pan ul.longer{
	 width:680px;margin:0 0px 8px 5px; 
	 }
	 #body_pan li.longer{
	 width:580px;margin:0 0px 8px 45px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold;  
	 }

#sep{
	width:100%; float:left; height:2px;
	}
#sep p { background:#FFF; width:auto; height:2px;}	

#footer{
	width:100%; float:left;  background:url(../images/footer.gif) repeat ; margin:0; padding:0;
	}
	#foo{
	width:686px; margin:0 auto; padding-top:10px;
	}
	#foo ul{
	 width:680px; display:block; margin:0 0px 8px 50px; height:14px;
	 }
#foo ul li{
	float:left; font-family:Tahoma, Geneva, sans-serif ; font-size:9px; font-weight:normal;
	color:#093 ;height:20px; display:block; 
	}
#foo ul li a{
	font:13px/14px Tahoma, Geneva, sans-serif;  font-weight:normal;
	color:#fff; text-decoration:none; padding:0 12px 0 12px; 
	}
#foo ul li a:hover{
	text-decoration:underline;
	}
#foo p{
	width:auto; display:block; font:12px/20px Tahoma, Geneva, sans-serif; color:#fff; text-align:center;
	
	}

#foo p .de a{
	color:#fff;  text-decoration:underline;
	}
#foo p .de a:hover {	
	color:#fff;	
	}
#foo ul.css{
	width:140px; display:block;	margin:10px 0 98px 268px; font-size:0px; padding:0px;
	}
#foo ul.css li{
	display:block; float:left; margin:0 0 0 0; padding:0;
	}
#foo ul.css li a{
	display:block; text-indent:-2000px;	height:19px; margin:0 14px 0 0;	font-size:0px; padding:0; color:#0FF;
	}
#foo ul.css li a.htm{
	background:url(images/xhtml.gif) no-repeat 0 0; width:62px;
		}
#foo ul.css li a.htm:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; width:62px;
		}
#foo ul.css li a.cs{
	background:url(images/css.gif) no-repeat; width:48px;
		}
#foo ul.css li a.cs:hover{
	background:url(images/css_h.gif) no-repeat; width:48px;
		}
		
		.text1{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000}
		.text1 a{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000}