

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	font: normal small "ËÎÌå";
	color: #8e8e8e;
	margin: 0 auto;
	width:960px;}

fieldset {
	border: none;}

label{
    color:#a2a0a0;}

legend {
	display: none;}

a{
    text-decoration:none;}

a:hover{
    text-decoration:none;}

h2{
   color:#8b9294;
   padding-bottom:10px;
   font-family:"ËÎÌå";
   font-size:110%;
} 

h2 span{
display:none;}

/* start header */
#header{
    padding:10px 0 0 0;
	margin-top:5px;
	margin-bottom:10px}
	
.login {
margin-top:30px;}


table {margin-left:10px;}

table tr{margin-top:5px;}

#TextBox1,#TextBox2{
width:90px;
color:#000;
}

#ImageButton1{
margin:6px 0 0 0;
}

    
.clear{    
    clear:both;}
/* start sidebar */

#sidebar{
     background:transparent url(../images/sidebar-bc.gif) repeat-x;
	 width:20%;
	 padding:0;
	 margin:0 8px 30px 0;
	 height:610px;
	 float:left;}

#sidebar ul{}

#sidebar ul li{
list-style:none;}

#sidebar img{}

.menu a {
	display: block;
    text-decoration: none;
    font-size: 1em;
	font-weight: bold;
    padding: 10px 40px;
	background:#4fc7e9 url(../images/li-bc.gif) repeat-x ;
	background: #2F1A1A url(../images/hover-bc.gif) repeat-x left top;
	color: #fff;
	border: 1px solid #1E1010;
	border-right-color: #023673;
	border-bottom-color: #023673;}

.menu a:hover{
    font-size: 1em;
    padding: 10px 45px;
	font-weight: bold;
	background:#4fc7e9 url(../images/li-bc.gif) repeat-x ;
	color: #FFFFFF;}

/* start main */
#main{
    background:#fff;
    width:73%;
    float:left;}

#flash{
    margin-bottom:12px;}
	
/* inside page*/
#main-pic{ margin:0 0 12px 0;
border:none;}

#installation-pic{ margin:10px 0px 0px 80px;
border:none;}

#arrow-pic{ margin:0px 0px 0px 285px;
border:none;
}

em{padding:4px 0 0 0;
font-size:90%;
display:block;}

h4{color:#614646;
font-size:120%;
padding:8px 6px;
background:#bcf2bc url(../images/h4.gif) repeat-x right top;}
/* end inside page*/

/* start main > main-Content > content */
/* inside page*/
dt a{color:#777676;
font-size:95%;
font-weight:bold;
background:none;
padding:0;}

dt a:hover{color:#000;
text-decoration:none;}

dd a{color:#614646;
padding-left:13px;
background:transparent url(../images/more.gif) no-repeat left center;}

dd a:hover{text-decoration:underline;}

#main-Content #select{float:left;
background:#fff url(../images/select-bc.gif) no-repeat left bottom; 
margin-bottom:1.5em;}

#main-Content #select .select-l{float:left;
width:300px;padding-left:10px;}

#main-Content #select .select-r{float:left;width:280px;
margin-left:10px;
padding-left:60px;
border-left:1px #bcf2bc dashed;}

#main-Content #select .select-l select{border:1px #BBBBBB solid;
width:100px;
color:#8997a2;}

#main-Content .download-matrials {
padding:20px 0 20px 10px;
background:#f6f6f7;}

#main-Content .download-matrials li{list-style:none;
margin-bottom:1em;}

#main-Content .map {background:#f6f6f7;
float:left;
width:700.8px;
height:400px;}

#main-Content .map ul{padding:35px 0 0 25px;
float:left;}

#main-Content .map ul .first{border-bottom:2px #5063aa solid;}
#main-Content .map ul .sencond{border-bottom:2px #56a8b7 solid;}
#main-Content .map ul .third{border-bottom:2px #40aa83 solid;}

#main-Content .map ul .first a{
font-size:130%;
background:none;
color:#6a82d9;
font-weight:bold;}

#main-Content .map ul .sencond a{
font-size:130%;
background:none;
color:#6ac8d9;
font-weight:bold;}

#main-Content .map ul .third a{
font-size:130%;
background:none;
color:#6ad9b1;
font-weight:bold;}

#main-Content .map ul .first a:hover,#main-Content .map ul .sencond a:hover,#main-Content .map ul .third a:hover{
text-decoration:none;}


#main-Content .map ul li{
margin-left:10px;
padding-bottom:.5em;
margin-bottom:.5em;
list-style:none;
border-bottom:1px #cccccd solid;}

#main-Content .download-matrials li a{
color:#a1a1a2;
padding-right:18px;
background:transparent url(../images/more.gif) no-repeat right center;}

#main-Content .map ul li a{
color:#a1a1a2;}

#main-Content .map ul li a:hover,#main-Content .download-matrials li a:hover{
color:#61b0f3;}

#main-Content table{
margin:10px 0;
border-bottom:1px #CCCCCC dashed;}

#main-Content table td{padding:5px;
color:#9B9B9B;}

#main-Content  table #tabletext{
border:1px #BBBBBB solid;
width:100px;}

#main-Content  table a{color:#5c63b4;}

#main-Content  table a:hover{
text-decoration:underline;}

#main-Content  table .button1{
background:#d0c7c8;
padding:3px 8px;
color:#fff;
font-weight:bold;
border:none;}

#main-Content p{margin:20px 0;}

#main-Content dl{
float:left;
width:640px;
margin:10px 0 10px 0;
padding:0;
display:inline;
border-bottom:1px #CCCCCC dashed;}

#main-Content span a{color:#5c63b4;
text-decoration:none;
font-size:90%;
padding:8px 48px 8px 0;
display:block;
background:transparent url(../images/shopping.gif) no-repeat 65px center;}

#main-Content span a:hover{text-decoration:underline;}

#main-Content em {margin-bottom:15px;}

#main-Content em a{
color:#5c63b4;
text-decoration:none;
padding:6px 48px 6px 0;
font-style:normal;
background:transparent url(../images/more1.gif) no-repeat 75px center;
display:block;}

#main-Content em a:hover{text-decoration:underline;}

#main-Content dt
{width:522px;
float:right;
margin:0; 
padding:0;
font-size:95%;
font-weight:bold;
letter-spacing:1px;
color:#fe4020;}

#main-Content dd{
margin:0 0 0 118px;
padding:2px 0;
font-size:100%;
line-height:1.5em;}

#main-Content dd.img img{
margin:0 8px 2px 0;
padding:4px;
border:1px solid #d9f0f6;
border-right-color:#c8cdd2;
border-bottom-color:#c8cdd2;
float:left;
background:#fff;}

#main-Content img{padding:4px;
border:1px solid #d9f0f6;
border-right-color:#c8cdd2;
border-bottom-color:#c8cdd2;}

#main-Content dl dd.img{margin:0;}
/* end inside page*/
/* Footer */

#footer {
	clear: both;
    border-top: 2px solid #cccccc;
	padding-top:5px;}

/* Footer > Legal */

#legal {
	margin: 0;
	padding: 8px;
	text-align: center;
	font-size: small;
	color:#9a9696;}

#legal a {
	color: #6c6d6f;}

#legal a:hover{
    color:#010510;}

/* Footer > Links */

a,area { blr:e-xpression(this.onFocus=this.blur()) } /* for IE */

:focus { -moz-outline-style: none; } /* for Firefox */

