body{ 
background: #f7f5ea url("../img/bodyBG.png") repeat-x;
text-align:center;
font-family:Arial, Helvetica, sans-serif 
}

#content {width: 1000px; margin: 0 auto; text-align:left;}
 #hd {height: 50px; position:relative; }
 #hd h1{height: 50px; text-align:left;}
 #hd h1 a{display: block; width: 400px; height: 50px; text-indent:-10000px; background: transparent url("../img/logo.png") no-repeat left top;text-align:left;}
 
 
 
 #bd { margin: 20px 0; padding: 1px 0; }
 
 
 .userInfo {
color:#FFFFFF;
font-size:12px;
height:30px;
position:absolute;
right:10px;
text-align:right;
top:10px;
width:380px;
}
 
 .userInfo {
color:#FFFFFF;
font-size:12px;
text-align:right;
}

 .userInfo a {
color:#FFFFFF;
font-weight:bold;
padding:0 5px;
text-decoration:none;
}
 
 #ft {height: 50px; padding: 5px 0;  }


#bd table{
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
margin:20px;
text-align:left;
width:96%;
border: 2px solid #B9C9FE;
border-top: none;

}

#bd table thead td{
background:#B9C9FE none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:4px solid #AABCFE;
color:#003399;
font-size:14px;
font-weight:bold;
padding:8px;
}

#bd tbody td{
background:#E8EDFF none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
color:#666699;
padding:8px;
cursor:pointer;
}


#bd tbody tr:hover td{
background:#d0dafd none repeat scroll 0 0;

}


/*=====================================================================*/
#subs{
height: 36px;
width: 700px;
margin: 0px 0px 0px 300px ;
}

#subs ul {
font-size:14px;
height:32px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 8px 0 12px;
float: right;
}

#subs ul li {
background:transparent url(../img/subTab.png) no-repeat scroll 0 0;
float:left;
margin:0;
padding:16px 0 5px 14px;
}


#subs  li a {
background:transparent url(../img/subTab.png) no-repeat scroll right 0;
color:#939BCA;
padding:15px 20px 5px 6px;
text-decoration:none;
font-weight:bold;
}


#subs ul .current{
margin: 10px 0 0 0;
padding:10px 0 5px 14px;
}

#subs ul .current a{
padding:10px 20px 5px 6px;
}


#nav a:hover {
color:#464724;
}

/*=====================================================================*/




#layers{
float: left;
width: 180px;
}

#layers li{
display: block;
background-color:#CCCCCC;
color:#000066;
text-align:right;
margin: 3px 0 0 20px;
border: 1px solid gray;
border-right: none;
}

#layers a, #layers span{
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
padding: 3px 10px;
font-size:12px;
}


#layers span{
display:block;
color:#eee;
font-style:italic;
text-decoration:none;
font-weight:bold;
padding: 3px 10px;
}



#mapWrapper{
width: 800px;
height: 614px;
border: 5px solid gray;
position: relative;
float: left;
background-color:#FFFFFF;
padding: 0;

}

.print{
display: block;
float: right;
background: transparent url(../img/print.png) no-repeat 0 0;
width: 128px;
height: 31px;
text-indent: -10000px;
margin: 20px 20px 0 0;

}

#bd h1{ text-align:left; padding: 20px 20px; font-size:30px; font:bold; font-family:Arial, Helvetica, sans-serif;}
#mapWrapper ul{display:block; position: relative; width: 800px;height: 614px; }
#mapWrapper li{position: absolute;display:block; width: 800px;height: 614px; left: 0px; top: 0px; }
#mapWrapper li img{width: 800px }

.invis{display:none;}
#layers li.selected{background-color:gray; margin: 3px 0 0 30px;}


.clear{

clear: both;
}