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

body{
	padding:0;
	margin:0;
	background:url(../images/body_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	font-family:Arial;
	text-align:center;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	text-align:left;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:935px;
	height:379px;
	margin:0 auto;
	padding:0 0 0 0;
}
#header p.new{
	float:left;
	background:url(../images/what_new.gif) 0 0 no-repeat;
	width:113px;
	height:60px;
	margin:0 0 0 6px;
}
#header p.headTxt{
	float:left;
	width:340px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#999999;
	background-color:inherit;
	margin:48px 15px 0 123px;
}
#header p.topDiv{
	float:left;
	width:2px;
	height:68px;
	background:url(../images/top_div.gif) 0 0 no-repeat;
}
#header form{
	float:right;
	width:275px;
	height:40px;
	background:url(../images/top_form_icon.gif) 0 0 no-repeat;
	padding:0 0 0 40px;
	margin:24px 0 0 15px;
}
#header form input.txtBox{
	width:145px;
	height:19px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	color:#666666;
	background-color:#fff;
	font-size:12px;
	line-height:19px;
	padding:0 0 0 5px;
	margin:5px 0 0 0;
}
#header form input.go{
	width:50px;
	height:21px; 
	background:url(../images/btn_go.gif) 0 0 no-repeat #EDEFE0;
	border:none;
	cursor:pointer;
	text-align:center;
	font:bold 10px/21px "Trebuchet MS",Arial;
	color:#fff;
	text-transform:uppercase;
}
#header ul.nav{
	float:left;
	width:900px;
	height:35px;
	background:url(../images/nav_div.gif) left top no-repeat;
	padding:0 0 0 2px;
	margin:0 0 0 16px;
}
#header ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(../images/nav_div.gif) right top no-repeat;
	height:35px;
}
#header ul.nav li a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 repeat-x #010101;
	padding:0 18px;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul.nav li a:hover{
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #B4BFAE;
	color:#434446;
}
#header ul.nav li a.hover{
	display:block;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #B4BFAE;
	padding:0 18px;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	color:#434446;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul.nav li.noImg{
	background-image:none;
}
#topLeft{
	width:568px;
	float:left;
	padding:0 0 0 0;
	margin:1px 0 0 0;
}
#topRight{
	width:333px;
	height:273px;
	float:right;
	margin:1px 0px 0 0;
	border-left:#2A758F solid 1px;
	border-right:#2A758F solid 1px;
	background-color:#8EB213;
	color:#fff;
}
#topRight h2{
	display:block;
	background:url(../images/event_bg.gif) 0 0 no-repeat;
	width:295px;
	height:25px;
	padding:8px 0 0 13px;
	font-size:16px;
	font-weight:bold;
	margin:14px 0 10px 18px;
}
#topRight ul{
	width:300px;
	margin:0 0 0 13px;
	padding:0 0 0 13px;
	color:#FFFFFF;
}
#topRight ul li{
	background:url(../images/bullet.gif) 0px 8px no-repeat;
	padding:5px 10px 0 15px;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
}
#topRight ul li a{
	display:block;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
}
#topRight ul li a:hover{
	color:#000;
}	
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:935px;
	margin:12px auto 8px auto;
	background:url(../images/body_bg2.gif) 0 0 repeat-y;
	padding:0 0 0 8px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:570px;
	float:left;
}
#left h2.title{
	display:block;
	width:570px;
	height:26px;
	border-bottom:#E7E7E7 solid 2px;
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	margin:0 0 10px 0;
}
#left p.lftTxt1{
	display:block;
	width:570px;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#0F50BB;
	margin:0 0 15px 0;
	text-decoration: none;
}
#left p.lftTxt1 a{
	display:block;
	color:#0F50BB;
	text-decoration: none;
}
#left p.lftTxt1 a:hover{
	background-color:#fff;
	color:#666;
	text-decoration:underline;
}
#left p.lftTxt2{
	display:block;
	width:570px;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#333;
	margin:0 0 15px 0;
	text-decoration: none;
}
#left p.lftTxt2 a{
	color:#333;
	text-decoration: none;
}
#left p.lftTxt2 a:hover{
	background-color:#fff;
	color:#666;
	text-decoration:underline;
}
#left span{
	color:#000;
	background-color:#FEF4D5;
}
#left a{
	color:#0A56B4;
	background-color:inherit;
	text-decoration:underline;
}
#left a:hover{
	background-color:#E0E4CB;
	color:#FFFFFF;
}
#story{
	width:272px;
	border-top:#D4D4D3 solid 4px;
	background-color:#E5E7D9;
	color:#020202;
	float:left;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
}
#story h2{
	display:block;
	width:243px;
	padding:0 0 0 5px;
	font-size:16px;
	line-height:32px;
}
#story ul{
	width:250px;
	padding:8px 0 8px 8px;
	background-color:#FAFBF1;
	color:#000;
}
#story ul li{
	background:url(../images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 17px;
}
#story ul li a{
	display:block;
	font-size:12px;
	line-height:20px;
	color:#CB6300;
	background-color:inherit;
	text-decoration:none;
}
#story ul li a:hover{
	color:#000;
	background-color:#E7E8DE;
}
#service{
	width:272px;
	border-top:#D4D4D3 solid 4px;
	background-color:#E5E7D9;
	color:#020202;
	float:right;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
}
#service h2{
	display:block;
	width:243px;
	padding:0 0 0 5px;
	font-size:16px;
	line-height:32px;
}
#service ul{
	width:250px;
	padding:8px 0 8px 8px;
	background-color:#FAFBF1;
	color:#000;
}
#service ul li{
	background:url(../images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 17px;
}
#service ul li a{
	display:block;
	font-size:12px;
	line-height:20px;
	color:#CB6300;
	background-color:inherit;
	text-decoration:none;
}
#service ul li a:hover{
	color:#000;
	background-color:#E7E8DE;
}
.more a{
	display:block;
	float:right;
	color:#fff;
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial;
	text-align:center;
	text-decoration:none;
	margin:0 0 0 188px;
	background-color:inherit;
	text-transform:uppercase;
}
.moret a:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right-------------------*/
#right{
	width:320px;
	padding:3px 0 0 0;
	float:right;
}
#right h2.logotitle{
	width:320px;
	height:34px;
	display:block;
	margin:0 0 15px 0;
}
#right p.rghTxt{
	width:305px;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight:normal;
	color:#545454;
	background-color:inherit;
	margin:0 0 15px 0;
}
#right p.rghTxt span{
	color:#81A40C;
	background-color:inherit;
	font-weight:bold;
}
#right h3{
	width:280px;
	height:19px;
	font-size:14px;
	font-weight:bolder;
	color:#000;
	background-color:inherit;
	border-bottom:#E7E7E7 solid 2px;
	margin:0 0 11px 0;
}
#right ul{
	width:300px;
	padding:0 0 15px 0;
}
#right ul li{
	padding:0 0 0 13px;
	margin:0;
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#545454;
	background:url(../images/bullet2.gif) 0 7px no-repeat;
}
#right ul li a{
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#0A56B4;
	background-color:inherit;
	text-decoration:underline;
}
#right ul li a:hover{
	color:#000;
	background-color:#E7E7E7;
}
#right form{
	width:280px;
	border-top:#E0E4CB solid 1px;
	background-color:#EDEFE0;
	color:#000;
	padding:4px 12px 10px 12px;
}
#right form h2{
	width:250px;
	height:32px;
	background:url(../images/memberlogin_icon.gif) 0 0 no-repeat;
	padding:0 0 0 36px;
	font-size:16px;
	color:#CB6300;
	background-color:inherit;
	font-weight:bolder;
	line-height:32px;
	margin:0 0 7px 0;
	float:left;
}
#right form input.txtBox2{
	width:210px;
	height:auto;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	background-color:#fff;
	color:#666666;
	font-size:12px;
	line-height:normal;
	padding:1px 0 0 3px;
	margin:0 0 11px 0;
	float:left;
}
#right form input.chkBox{
	width:13px;
	height:13px;
	float:left;
	margin:0 8px 0 0;
}
#right form label{
	width:60px;
	height:auto;
	font-size:12px;
	line-height:normal;
	color:#6B8A05;
	background-color:inherit;
	font-weight:bold;
	float:left;
	display:block;
}
#right form input.login{
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial;
	color:#fff;
	background-color:#EDEFE0;
	text-align:center;
	float:right;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
	
/*------------------------------------------------right-------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background:url(../images/footer_bg.gif) 0 0 repeat-x;
	height:127px;
	text-align:center;
}
#footer{
	width:930px;
	height:117px;
	margin:10px auto 0 auto;
}
#footer ul{
	width:900px;
	padding:0 0 0 60px;
}
#footer ul li{
	float:left;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:10px 0 0 5px;	
}
#footer ul li a{
	padding:0 5px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	float:left;
	font:normal 12px Arial;
	color:#B0D44E;
	background-color:inherit;
	width:900px;
	padding:0 0 0 120px;
	margin:10px 0 2px 0;
}
#footer p.icp{
	float:left;
	font:normal 12px Arial;
	color:#bbb;
	background-color:inherit;
	width:300px;
	padding:0 0 0 120px;
}
#footer p.icp a{
	float:left;
	font:normal 12px Arial;
	color:#bbb;
}
#footer p.icp a:hover{
	float:left;
	font:normal 12px Arial;
	color:#ddd;
}
#footer p.design{
	float:right;
	width:125px;
	padding:2px;
	margin:0 0 5px 0; 
	font:bold 10px/16px "Trebuchet MS", Arial;
	color:#999999;
	background-color:inherit;
	text-transform:uppercase;
}
#footer p.design a{
	font:bold 10px/16px "Trebuchet MS", Arial;
	color:#999999;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a:hover{
	color:#B0D44E;
}

/*------------------------------------------------footer--------------------*/
/* iFocus style */
#ifocus { width:600px; height:272px; background-image:url(../images/fla_bg.jpg);}
	#ifocus_pic { display:inline; position:relative; float:right; width:507px; height:259px; overflow:hidden; margin:6px 0 0 0; }
		#ifocus_piclist { position:absolute;}
		#ifocus_piclist li { width:502px; height:259px; overflow:hidden; }
		#ifocus_piclist img { width:502px; height:259px; }
	#ifocus_btn {  float:left; width:91px; }
		#ifocus_btn li { width:91px; height:65px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		#ifocus_btn img { width:74px; height:55px; margin:5px 0 0 5px; }
		#ifocus_btn .current { background: url(../images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	#ifocus_opdiv { position:absolute; bottom:-1px; width:504px; height:25px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_tx { position:absolute; bottom:2px; color:#FFF;}
	#ifocus_tx ul li {color:#eee; font:12px/1.6em Helvetica, Arial, sans-serif; padding:0 0 0 10px; }
		#ifocus_tx .normal { display:none; }
/* iFocus style */