﻿body {
	background:  #595959 url(../img/bg.jpg) repeat-x;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCCC;
}
p{margin:12px 0;}
a{color:#CC9900; text-decoration:none;}
a:hover{color: #33CC66; text-decoration:underline;}
a:visited{color:#339999;}
img{border:0;}
h1{
	font-size:25px;
	color: #999999;
	font-weight:normal;
	margin:12px 0;
	font-family:Helvetica;
	background: url(../img/page_title_bg.jpg) no-repeat;
}
h2{
	font-size:20px;
	color: #993300;
	font-weight:normal;
	margin:12px 0;
	font-family:Helvetica;
}
h3{
	font-size:18px;
	color: #666699;
	font-weight:normal;
	margin:12px 0;
	font-family:Helvetica;
}
#ex_page_con {
	margin: 7px auto;
	width: 876px;
	border: 1px solid #330000;
}
#page_con {
	border: 1px solid #595959;
	padding: 3px 4px;
	background-color:#090909;
}
#header_con {
	
	height: 107px;
	border-bottom: 3px solid #111111;
}
#logo {
	float:left;
	width:300px;
	height: 106px;
	color:#f0efef;
	line-height:87px;
	text-align:left;
	font-size:30px;
	font-family:Helvetica;
}
#topnav {
	float:right;
	width:452px;
	height: 106px;
}
#topnav ul{
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
}
#topnav li{
	border-left:1px solid #525252;
	width:112px;
	height: 20px;
	padding-top:35px;
	float:left;
}
#topnav a{
	display:block;
	height:20px;
	background: url(../img/topnav_bg.jpg) repeat-x;
	text-align:center;
	text-decoration:none;
	color: #FFCC66;
	font-size:11px;
}
#topnav a:hover{color: #00FF00;}
#flash {
	height: 167px;
	border-bottom: 6px solid #FFFFFF;
}
#content {
	background: url(../img/content_sp.gif) repeat-y 202px top;
}
* html #content {height:1px;}
#left_col {
	float:left;
	width:196px;
	padding-right:6px;
	border-right: 1px solid #cacaca;
}
#leftnav a:hover{color:#0000ff; text-decoration: underline;}
#leftnav{
	padding:0 0 10px 0;
	border-bottom: 5px solid #353535;
}
#leftnav .clear{
	height:10px;
	border-bottom: 1px solid #cacaca;
}
#leftnav ul{
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
	border-bottom: 10px solid #cacaca;
}
#leftnav li{
	background: url(../img/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnav a{
	display:block;
	color:#656565;
	background: url(../img/arrow.gif) no-repeat 15px center;
	padding:0 0 0 30px;
	line-height:27px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}
#news {padding-top:3px;}
#news p{color: #6666CC;}
.news_title {
	line-height: 27px;
	height: 27px;
	background: url(../img/news_title_bg.jpg) repeat-x;
	padding: 0 0 0 10px;
	color: #666666;
	font-size:16px;
}
#right_col {
	float:left;
	width:657px;
	padding-left:6px;
}
.green_box, .brown_box, .gray_box {
	float:left;
	width:217px;
	font-size:11px;
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:230px;
}
.green_title, .brown_title, .gray_title {
	padding: 0 0 0 10px;
	font-size:16px;
	height:27px;
	line-height:27px;
	margin: 0 45px 10px 0;
}
.green_box {
	background: url(../img/green_bg.jpg) repeat-x;
	margin-right:3px;
}
.green_title{background: url(../img/green_title_bg.jpg) repeat-x;}
.brown_box {
	background: url(../img/brown_bg.jpg) repeat-x;
	margin-right:3px;
}
.brown_title{background: url(../img/brown_title_bg.jpg) repeat-x;}
.gray_box {background: url(../img/gray_bg.jpg) repeat-x;}
.gray_title{background: url(../img/gray_title_bg.jpg) repeat-x;}
#content_footer{
	border-top:6px solid #353535;
	padding:7px 0;
	text-align:center;
}
#content_footer a{margin:0 45px;}
#footer {
	background: url(../img/footer_bg.jpg) repeat-x;
	height: 34px;
	padding-top:5px;
	font-size:10px;
	color: #FFFFCC;
	text-align:left;
}
#footer a{color: #FFCCFF; text-decoration:none;}
#footer a:hover{color:#CC99FF; text-decoration:underline;}
.img_right{
	float:right;
	margin: 5px 0 0 5px;
}
.img_left{
	float:left;
	margin: 0 10px 10px 0;
}
.border_white{border: 1px solid #FFFFFF;}
.read_more{
	background: url(../img/arrow_2.gif) no-repeat left center;
	color: #FF9900;
	text-decoration:none;
	padding:0 0 0 12px;
}
.fancy_link {
	background: url(../img/arrow_2.gif) no-repeat left center;
	padding:0 0 0 12px;
}
.fancy_link a{text-decoration:none; color: #996600;}
.fancy_link a:hover{text-decoration:underline; color:#FFCC33}
.brown{color:#ab5d01}
.padding10{padding:0 10px;}
.bold{font-weight:bold;}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.hr{
	border-bottom:1px solid #cacaca;
	margin:10px 0;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
