/* CSS Document */

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

body {line-height: 16px;
font-size:12px;
margin-top: 0px;
padding:5px;
font-family:"ËÎÌå";
background-repeat: repeat-x;
color:black;
background:#576d79;}

p {margin: 0 0 5px 0;}

h2 {font-size: 13px;
color: #0546C8;}

a {color: #0546C8;
text-decoration: none;}

a:hover {color: red;
text-decoration: underline;}

a:visited {color: #0546C8;
text-decoration: none;}

/*----------banner area------------------------------*/

#banner {height: 100px;
padding: 1px;
margin-bottom:1px;
background-image: url(images/head.jpg);
background-repeat: no-repeat;}

.csschanger {color: #6A849D;
font-size: 12px;
float: right;
margin-top: 10px;
margin-right: 30px;
height: 15px;}

/*----------NAV area------------------------------*/

#nav {margin: 0px 0 0 0px;
padding: 0;
height: 28px;}

#nav ul {border: 0;
margin: 0;
padding: 0;
text-align:center;}

#nav ul li {display: block;
float: left;
text-align: center;
padding: 2px;
margin: 0;}

#nav ul li a {border: 1px solid #83aada;
background: #fff;
width: 101px;
height: 15px;
padding: 2px;
margin: 0 0 0 0;
color: #0546c8;
text-decoration: none;
display: block;
text-align: center;}

#nav ul li a:hover {background:#ddecfe;}

#nav ul li a:active {background: #6A849D;
color: #fff;}

/*--------------container--------------------------------*/

#container {width:780px;
margin-left: auto;
margin-right: auto;
border-top-style: none;
background-color:white;}

/*--------------container both---------------------------*/

#containerboth {float:left;
width: 779px;
padding-right: 1px;
padding-left:1px;
overflow:auto;}

/*--------------foot  area-------------------------------*/

#footer {
width:100%;
height: 50px;
clear: both;
background-position: bottom;
background-color:#054c68;}

.fotext {margin-left: 30px;
margin-right: 30px;
margin-top:3px;
padding-top: 10px;
color:white;}

.fotext a {color: white;
text-decoration: none;}

.fotext a:hover {color: white;
text-decoration: none;}

.fotext a:visited {color: white;
text-decoration: none;}

/*--------------content--------------------------------*/

#content {height:100%;
text-align: left;
font-size: 1em;
padding: 0px;
margin-left: 2px;
background-color:#f0f0f0;
color: black;
background-repeat: no-repeat;}

/*----------container 3 area------------------------------*/

#content3 {height:100%;
font-size: 1em;
padding: 2px;
background-color:#FFFFFF;
line-height:180%;
border:1px solid #CEE3E9;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 10px;
text-align: justify;}

#content3 p {padding: 10px;}

#content3 p2 {text-align:center;}

#content3 h1 {border: 1px none #0546C8;
font-size: 12px;
font-weight: bold;
color: white;
text-align:left;
margin: 0px;
padding:2px;
background-color: #a9bec7;}

#content3 h2 {text-align:center;}

#content3 h3 {font-size: 12px;
font-weight: bold;
text-align:left;
padding:3px;}

#content3 h4 {font-size: 12px;
font-weight: bold;
text-align:left;
color:#444;
background:#F3F7FD;}


/*----------container 1 area------------------------------*/

#content1 {float:left;
text-align: right;
font-size: 1em;
padding: 0px;
margin-left: 2px;
background-color:#f0f0f0;
color: black;
background-repeat: no-repeat;
height:100%;
width: 280px;}

/*----------container 2 area------------------------------*/

#content2 {float:left;
text-align: right;
font-size: 1em;
padding: 2px;
margin-left: 2px;
background-color:#f0f0f0;
color: black;
background-repeat: no-repeat;
height:100%;
width: 280px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #FFFFFF;}

/*-------------------sidebar define------------------*/

#sidebar {float: left;
width:190px;
border:1px solid #CEE3E9;
background-color: #F1F7F9;
padding-bottom:1px;
margin-top:2px;
margin-bottom:0px;
margin-left:2px;
margin-right:3px;}

#sidebar p {padding:5px;}

#sidebar  h2 {font-size: 12px;
font-weight: bold;
color: #0546c8;
background:#ddecfe;
text-align:center;
padding:5px}

#sidebar h1 {font-size: 12px;
font-weight: bold;
color: #0546C8;
text-align:left;
padding:5px;
margin:0;
border-bottom: 1px dotted #0546C8;}

.rightmenu a {display: block;
color: #0546C8;
padding: 5px 2px 5px 15px;
margin:2px 0 2px 0;
text-decoration: none;}

.submenu a {display: block;
color: #0546C8;
padding: 2px 2px 2px 20px;
margin:2px 0 2px 0;
text-decoration: none;}

.rightmenu a:hover {border: 1px solid #83aada;
background:#ddecfe;
text-decoration: none;
padding: 4px 1px 4px 14px;}

.submenu a:hover {border: 1px solid #83aada;
background:#ddecfe;
text-decoration: none;
padding: 1px 2px 1px 20px;}

/*-------------IMG ares-----------------------*/

.imgright {padding: 3px;
float: right;
margin: 5px;}

.imgleft {float:left;
padding: 5px;}

.imgcenter {text-align:center;
padding: 5px;}

.layout div {margin:5px;
float:left;
padding:2px;
height:130px;
width:240px;
overflow:hidden;}

.layout div img {border:1px solid #aaa;
float:left;}

/*--------------other-----------------------------*/

h4,h5 {
	float:left;
	margin: 0px;
	padding-left:2px;
	width:50%;
	font-size:12px;
	color:black;
	text-align: left;
	font-family: "ËÎÌå";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h5 {font-weight:normal;}

h4,h5 a:hover {color: #0546C8;
text-decoration: none;}

h4,h5 a:link {color: black;
text-decoration: none;}

h4,h5 a:visited {color: black;
text-decoration: none;}

/*------------------------END---------------------*/