@charset "utf-8";
/* specific template settings */

/* ************************* */
/* ******* layout ********** */
/* ************************* */
#zoneswitch{
 width:100%; 
 text-align:center;

}  

#zonebox {
  width: 784px;
  margin:0 auto 0 auto;
  text-align:left;
  color:#333333;
  background-color:#ffffff;
  position:relative;
}

#toplogo {
  width:784px !important;
  height:195px;
  text-align:left;
  background:url('../_img/head.jpg') transparent no-repeat left top;
}

#toplogo h1 {
 width: 784px;
 height:147px;
}

#toplogo h1 img {
 border:0;
}  

#toplogo h1 a:link,#toplogo h1 a:active,#toplogo h1 a:visited { 
 display:block;
 width: 784px;
 height:147px;
}   

#toplogo h1 a:hover { 
 
}   
 
/* Magic menus */
#ms {
 width:784px;
 position:absolute;
 top:147px;
 left:0;
 text-align:center;
 z-index:9999;
 height:40px;
}

.nav { 
 text-align:left;
 font-size:1.1em;
 color:#666666;
 list-style:none;
}

.nav li {
 width:50%;
 float: left;
 position: relative;
}

.nav li a {
 width:100%;
 display:block;
 padding:10px 0 0 0 ;
 height:30px;
 font-size:14pt;
 text-align:center;
 font-weight:bold;
 color:#069;
 background:#ececec;
}

.nav li a:hover {
 color: #060;	
 background:#ffa;
 
}

#magic li:hover ul a:hover
{
  background: #ddd;
  color: #000;	
}

.nav ul {
  background: #fc0;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -900px;
  left: 0px;
}

.nav:hover, .nav li:hover, ul:hover {
 direction: ltr;
}

.nav li:hover ul {
  top: 47px;
  background:#fc0;
}

.nav ul li {
 float: none;
 width: 100px;
}
.nav ul li a {
 width:100px;
 height:15px;
 padding:5px 5px;
 background:#fc0;
 font-size:9pt;
 text-align:center;
}
.nav ul li a:hover {
  color: #000;
}

.nav li:first-child a
{
 background-image:none;
}

/* Classic */

#toplogo .mainnav
{
 position:absolute;
 top:159px;
 left:25px;
 height:31px;
 overflow:hidden;
 text-align:left;
 font-size:9pt;
 color:#8888888;
}

#toplogo .mainnav a
{
 display:block;
 padding:8px 4px 0 14px;
 /*width:60px;*/
 height:23px;
 float:left;
 text-align:left;
 font-weight:normal;
 color:#888888;
 background:url('../_img/menu.jpg') transparent no-repeat left center;
}

#toplogo .mainnav a:first-child
{
 background:none transparent;
}

#toplogo .mainnav a:hover
{
 color:#000000;
}

#main {
 min-height: 300px;
 height: auto;
 _height: 300px;
}

#main-content {
 margin:10px;
 position:relative;
 z-index:1;
}

.textbox .contentdate
{
 padding:0 10px 0 0;
}

/* footter */	
#zonefoot {
 color:#666666;
 font-size:8pt;
 height:50px;
 width:784px;
 text-align:center;
 border-top:1px solid #888;
}

#zonefoot-content { 
 padding:6px 0 0 0;
}
    	
#zonefoot a {
 color:#333333;
 font-weight:normal;
}

#zonefoot a:hover {
     color:#ff0000;
} 

#zonefoot .mainnav
{
 margin:6px 0 0 0 ;
}

#zonefoot .mainnav a
{
 margin:0 5px;
}

.textbox {
 text-align:left;
 font-size:9pt;
}

.textbox table th { 
  vertical-align:top;
  font-size:9pt;
  font-weight:bold;
  text-align:left;
}  

.textbox table td { 
  font-size:9pt;
  font-weight:normal;
}

.textbox li
{
 margin-left: 24px;
}
 
.textbox p, .textbox h1, .textbox h2, .textbox h3, .textbox h4 , .textbox h5
{ margin:4px 0;padding:4px 0; }
 
.cnav, .lnav { line-height:25px; }
 
hr.cleaner {
 height:1px;
 margin: -1px 0 0 0; 
 padding:0;
 border:none;
 visibility: hidden;
} 

.separator
{
 border-top:1px solid #000000;
}

.clr
{
 clear:both;
}

.hid
{
 display:none !important;
}

.cc { text-align:center !important; }
.ll { text-align:left !important; }
.rr { text-align:right !important; }

.fl { float:left !important; }
.fr { float:right !important; }

.handy{ cursor:pointer !important; }

.p10 { font-size: 10%; }
.p20 { font-size: 20%; }
.p30 { font-size: 30%; }
.p40 { font-size: 40%; }
.p50 { font-size: 50%; }
.p60 { font-size: 60%; }
.p70 { font-size: 70%; }
.p80 { font-size: 80%; }
.p90 { font-size: 90%; }
.p100 { font-size: 100%; }
.p110 { font-size: 110%; }
.p120 { font-size: 120%; }
.p130 { font-size: 130%; }
.p140 { font-size: 140%; }
.p150 { font-size: 150%; }
.p160 { font-size: 160%; }
.p170 { font-size: 170%; }
.p180 { font-size: 180%; }
.p190 { font-size: 190%; }
.p200 { font-size: 200%; }

/* Server map */

.webmap
{
 margin: 0 0 0 16px;
}

.swebmap
{
 margin: 0 0 0 16px;
}

.swebmapcontent
{
 margin: 0 0 0 16px;
}

.webmap li {
 font-size : 10pt;
 color: #000000;
 list-style-type: disc;
} 

.swebmap li {
 font-size : 9pt;
 color: #000000;
 list-style-type: circle;
} 

.swebmapcontent li {
 font-size : 9pt;
 color: #000000;
 list-style-type: square;
}