/* CSS Document */
body{padding:0px; margin:17px 0 0; background:url(images/mainbg.html) 0 0 repeat-x #F3F3F3; color:#6D6D6D; font:14px/18px Georgia;}
div, p, ul, li, h1, h2, h3, h4{
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
}
ul{list-style-type:none;}

/*----MAIN PANEL----*/
#mainPan{width:90%; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{
	width: 100%;
	height: 180px;
	background: url(images/topbg.html) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	alignment-adjust: central;
} 
#topPan img.logo{width:300px; height:115px; position:absolute; top:48px; left:26px;}

}
#topPan h2{width:200px; height:25px; display:block; position:absolute; bottom:0px; left:53px; background:#000000; color:#B88F00; font:33px/35px Georgia, "Times New Roman", Times, serif;}

#topPan ul{
	width: 397px;
	height: 21px;
	display: block;
	position: absolute;
	top: 84px;
	right: 19px;
}
#topPan ul li{
	width: 130px;
	height: 16px;
	float: left;
}
#topPan ul li a{width:100px; height:16px; display:block; background:url(images/arrow3.html) 0 6px no-repeat #fff; color:#5A5A5A; font-size:20px; text-decoration:none; padding:0 0 0 16px;}
#topPan ul li a:hover{background:url(images/arrow4.html) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}
#topPan ul li.about{width:80px;}
#topPan ul li.about a{width:70px; height:16px; display:block; background:url(images/arrow3.html) 0 6px no-repeat #fff; color:#5A5A5A; font-size:13px; text-decoration:none; padding:0 0 0 12px;}
#topPan ul li.about a:hover{background:url(images/arrow4.html) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}


#toprightPan{width:300px; height:151px; background:url(images/specialbg.html) 0 0 no-repeat #F3F3F3; color:#fff; position:absolute; top:114px; right:0px;}
#toprightPan p{padding:64px 76px 0 59px; font-size:12px; font-weight:bold; line-height:16px;}


#Table {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #333;
	text-align: center;

}

#LayoutDiv1 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #333;
	border-top: #F3F3F3;

}
#LayoutDiv2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;

}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	border-bottom: #F3F3F3 2px
}

/*----BODY PANEL----*/
#bodyTopPan{width:100%; height:234px; position:relative; margin:0 auto;}
#bodyTopPan p{padding:23px 53px 0;}
#bodyTopPan p span{font-weight:bold;}
#bodyTopPan p.more{width:73px; height:26px; background:url(images/morebg.html) 0 0 no-repeat; position:absolute; bottom:0px; right:0px; padding:0px;}
#bodyTopPan p.more a{display:block; width:48px; height:20px; background: url(images/arrow1.html) 100% 50% no-repeat #fff; color:#A98401; font-size:13px; font-weight:bold; text-decoration:none; margin:3px 0 0 12px;}
#bodyTopPan p.more a:hover{background: url(images/arrow2.html) 100% 50% no-repeat #fff; color:#A98401; text-decoration:none;}


/*----FOOTER PANEL---*/
#footermainPan{
	height: 100px;
	width:100%;
	background: #333;
	clear: both;
	width: auto;
}

#footerPan{width:778px; height:90px; display:block; position:relative; margin:0 auto; color:#fff; background:url(images/footerbg.html) 0 0 repeat-x #FFDB5D; font-family:Tahoma,Arial, Helvetica, sans-serif;}