﻿body { 
background:#F6F5E9 url('images/top_bg.jpg') repeat-x 50% top;
margin:auto;
font-family:Verdana;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url('images/illustr.jpg') no-repeat right 50%;
}
img.logo{
padding-left:15px;
}

/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:20px;
}
ul.top_menu ul{display:none}
ul.top_menu li:hover>ul{display:block;}
ul.top_menu ul{position: absolute;left:-1px;top:100%;}
ul.top_menu {
margin:-17px 60px 0 0;
list-style:none;
padding:0px 2px 10px 0px;
background-repeat:repeat;
}
ul.top_menu ul {
margin:0px;
list-style:none;
padding:0px 2px 10px 0px;
background-repeat:repeat;
}
ul.top_menu table {border-collapse:collapse}ul.top_menu {
display:block;
zoom:1;
float: left;
}
ul.top_menu ul{
width:220px;
}
ul.top_menu li{
display:block;
margin:0px;
font-size:0px;
}
ul.top_menu a:active, ul.top_menu a:focus {
outline-style:none;
}
ul.top_menu a, ul.top_menu li.dis a:hover, ul.top_menu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#7F2122;
text-align:left;
text-decoration:none;
padding:5px;
_padding-left:0;
font:normal 12px Verdana;
color: #ffffff;
text-decoration:none;
cursor:default;
}
ul.top_menu span{
overflow:hidden;
font-weight:bold;
}
ul.top_menu li {
float:left;
}
ul.top_menu ul li {
float:none;
}
ul.top_menu ul a {
text-align:left;
white-space:nowrap;
}
ul.top_menu li.sep{
text-align:center;
padding:0px;
line-height:0;
height:100%;
}
ul.top_menu li.sep span{
float:none;	
padding-right:0;
width:5;
height:30px;
display:inline-block;
background-color:#FF0000;
background-image:none;
}
ul.top_menu ul li.sep span{
width:100%;
height:30px;
}
ul.top_menu li:hover{
position:relative;
}
ul.top_menu li:hover>a{
background-color:#7F2122;
font:normal 12px Verdana;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
ul.top_menu li a:hover{
position:relative;
background-color:#7F2122;
font:normal 12px Verdana;
color:#FF0000;
text-decoration:none;
}
ul.top_menu li.dis a {
color:#ffffff !important;
}
ul.top_menu img {border: none;float:left;_float:none;margin-right:4px;width:30px;
height:30px;
}
ul.top_menu ul img {width:20px;
height:30px;
}
ul.top_menu img.over{display:none}
ul.top_menu li.dis a:hover img.over{display:none !important}
ul.top_menu li.dis a:hover img.def {display:inline !important}
ul.top_menu li:hover > a img.def  {display:none}
ul.top_menu li:hover > a img.over {display:inline}
ul.top_menu a:hover img.over,ul.top_menu a:hover ul img.def,ul.top_menu a:hover a:hover ul img.def,ul.top_menu a:hover a:hover a:hover ul img.def,ul.top_menu a:hover a:hover img.over,ul.top_menu a:hover a:hover a:hover img.over,ul.top_menu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.top_menu a:hover img.def,ul.top_menu a:hover ul img.over,ul.top_menu a:hover a:hover ul img.over,ul.top_menu a:hover a:hover a:hover ul img.over,ul.top_menu a:hover a:hover img.def,ul.top_menu a:hover a:hover a:hover img.def,ul.top_menu a:hover a:hover a:hover a:hover img.def{display:none}
ul.top_menu a:hover ul,ul.top_menu a:hover a:hover ul,ul.top_menu a:hover a:hover a:hover ul{display:block}
ul.top_menu a:hover ul ul,ul.top_menu a:hover a:hover ul ul{display:none}
ul.top_menu span{
display:block;
height:20px;
background-image:url('images/bt_bg.jpg');
background-position:right;
background-repeat: no-repeat;
padding-right:30px;
padding-top:5px;
}
ul.top_menu li:hover>a>span{	background-image:url('images/bt_bg_a.jpg');
}
ul.top_menu a:hover span{	_background-image:url(.images/bt_bg_a.jpg)}
ul.top_menu ul span,ul.top_menu a:hover table span{background-image:url('images/bt_bg_a.jpg')
}
ul.top_menu ul li:hover > a span{	background-image:url('images/bt_bg_a.jpg');
}
ul.top_menu table a:hover span,ul.top_menu table a:hover a:hover span,ul.top_menu table a:hover a:hover a:hover span{background-image:url('images/bt_bg_a.jpg')
}
ul.top_menu table a:hover table span,ul.top_menu table a:hover a:hover table span{background-image:url('images/bt_bg_a.jpg')
}

/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}
#page_content_left{
width:235px;
height:auto;
float:left;
margin:22px 0 0px 10px;
border-top:1px #301415 solid;
border-right:1px #301415 solid;
border-left:1px #301415 solid;
}
#page_content_right{
width:550px;
background:#fff;
height:auto;
float:right;
padding:0 10px 20px 10px;
margin:22px 10px 15px 0;
border:1px #ccc solid;
}
.title{
font-size:18pt;
color:#301415;
clear:both;
padding:10px 10px 12px 20px;
font-family:Calibri;
}
.main_title{
font-size:20pt;
text-align:center;
color:#990000;
clear:both;
padding:30px 10px 0 10px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}
.content_text_left {
color:#333;
padding:0px;
text-align:justify;
background:#E2E0D4;
}
.content_text_right {
font-size:10pt;
color:#333;
height:auto;
text-align:justify;
line-height:150%;
padding:8px;
}
.content_text_right img {
border:1px #333 solid;
vertical-align:top;
margin:15px 15px 15px 0;
}
.content_text_right a{
font-family:Tahoma;
font-size:10pt;
letter-spacing:1px;
color:#990000;
text-decoration:none;
}
.content_text_right a:hover{
text-decoration:underline;
}
.bold {
color:#990000;
font-family:Tahoma;
letter-spacing:1px;
font-size:10pt;
}
.mtitle {
font-size:18pt;	
text-align:center;
color:#990000;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}
.m2title {
font-size:12pt;	
font-weight:bold;
}
.m3title {
font-size:12pt;
text-align:center;
font-weight:bold;
}
.content_text {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#808080;
height:auto;
text-align:center;
padding:0 10px 20px 285px;
}
.content_text a{
color:#808080;
text-decoration:none;
}
.content_text a:hover{
color:#808080;
text-decoration:none;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
.imgtext {
font-size:8pt;
font-weight:normal;	
}
.more{
width:auto;
clear:both;
float:right;
height:20px;
padding:0px 2px 2px 5px;
}
a.link_more {
width:auto;
float:right;
text-decoration:none;
font-family:Tahoma;
letter-spacing:1px;
color:#990000;
font-size:10pt;
margin-left:3px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:right;
width:auto;
margin: 0 20px 0 0;
border:0px;
height:20px;
}
#page_bottom{
width:830px;
clear:both;
height:auto;
text-align:right;
}

/*---- sidebar menu ----*/
.sidebar_menu{
list-style-type: none;
background-color:#7F2122;
text-align: left;
width:227px;
margin: 0;
padding: 0;
border-left: 8px solid #301415;
}
.sidebar_menu li{
border-bottom: 1px solid #301415;
}
.sidebar_menu li a{
font: 13px Verdana;
display: block;
color:#ffffff;
border-bottom: 1px solid white;
padding: 7px 0 7px 20px;
text-decoration: none;
}
.sidebar_menu li a:visited, .sidebar_menu li a:active{
color:#ffffff;
}
.sidebar_menu li a:hover{
background-color:#990000;
border-bottom-color:#FFB3B3;
color:#FFB3B3;
}
.sidebar_menu li.lastitem, .sidebar_menu li.lastitem a{
border-bottom-width: 1px; 
}
.sidebar_menu li.lastitem a{
padding: 7px 0 7px 20px; 
}
.sidebar_title{
font-size:12pt;
background-color:#591B1C;
color:#fff;
font-family:"Century Gothic";
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
padding:10px 0 10px 10px;
}

/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}

/*---------footer---------*/
#footer{
width: auto;
height:120px;
clear:both;
margin-top:65px;
background-color: #333333;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:380px;
color: #666666; 
font-size:10px;
float:left;
margin:40px 0 0 30px;
}
#madeby{
width:60px;
height:40px;
font-size:8pt;
float:right;
text-align:center;
margin:40px 30px 0 30px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:right; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}