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

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

#zonebox {
  width: 979px;
  margin:0 auto 0 auto;
 background:url('../_img/content.jpg') #fff repeat-y;
}

#toplogo {
  width:979px;
  height:175px;
  position:relative;
  background:url('../_img/head.jpg') transparent no-repeat left bottom; 
}

#toplogo h1 {
 position:absolute;
 top:30px;
 left:20px;
 text-align:left;
}

#toplogo h1 img {
 border:0;
}  

#toplogo h1 a { 
 display:block;
 width:230px;
 height:110px;
 color:#000000;
 text-decoration:none;
}   

#main {
 margin:0 211px 0 227px; 
 min-height: 300px;
 height: auto;
 _height: 300px;
}

/* left panel */         
#sidebar-left {
  float: left;
  width: 227px;
  min-height: 300px;
  height: auto;
  _height: 300px;
}

/* right panel */         
#sidebar-right {
  float: right;
  width: 211px;
  min-height: 300px;
  height: auto;
  _height: 300px;
}

#sidebar-right .sidebar-top h3 { 
 color:#ffffff;
 padding:6px 0 0 10px;
 text-align:left;
 font-size:10pt;
}

#sidebar-right .sidebar-top {
  width:211px;
  height:35px;
  background:url('../_img/right_top.jpg') transparent repeat-y;
}

#sidebar-right .sidebar-bottom {
  width:211px;
  height:20px;
  background:url('../_img/right_bottom.jpg') transparent no-repeat 0 0;
}

#sidebar-right .sidebar-content {
  width:211px;
  text-align:left;
  font-size:8pt;
  background:url('../_img/right_content.jpg') transparent repeat-y;
}

#sidebar-right .contentdate
{
 display:inline;
}

#sidebar-right .sidebar-content div
{
 padding:5px;
}

#sidebar-right a {
 margin:0 5px;
}

#sidebar-left .sidebar-content {
  width:227px;
  text-align:left;
  font-size:8pt;
  background:url('../_img/left_main_content.jpg') transparent repeat-y;
}

/* footter */	
#zonefoot {
 color:#fff;
 font-size:8pt;
 height:80px;
 width:979px;
 background:url('../_img/foot.jpg') #fff no-repeat left top;
}

#zonefoot-content { 
 padding:10px 0 0 0;
}
    	
#zonefoot a {
 font-weight:normal;
 color:#0ef;
 text-decoration:underline;
}

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

#zonefoot .mainnav
{
 text-align:center;
 width:979px;
 margin:30px 0 0 0;
}

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

#zonefoot .mainnav a:hover
{
 color:#f00;
}

/* listmenu */
.mcat{
  width:227px;
  background:transparent;
}        

.subcat{
  
}    


.mcat li {
 font-size:10pt;
 font-weight:bold;
 list-style-type: none;
 text-align:left;
}

.subcat li{
  cursor:default;
  font-size:9pt;
  font-weight:bold;
  list-style-type: none;
  background:url('../_img/left_sub_content.jpg') transparent repeat-y;
 
}        

.subcat li .subcat{
 
} 
        
.mcat a
{
 color:#fff;
 text-decoration:none;
 padding:4px 0 4px 20px;
 font-weight:bold;
 background:url('../_img/button.jpg') transparent no-repeat left bottom;
 display:block;
}

.mcat a:hover
{
 color:#fc0;
}

.mactual a
{
 color:#fff;
}

.mactual .subcat a
{
 color:#069;
}

.mactual .subcat a:hover
{
 color:#f00;
}

.subcat li a
{
  text-decoration:none;
  display:block;
  padding:2px 0 0 40px;
  color:#069;
  background:url('../_img/plus.jpg') transparent no-repeat 20px center;
}

.subcat li .subcat li a 
{
  text-decoration:none;
  display:block;
  padding:2px 0 0 55px;
  color:#069;
  background:url('../_img/arrow.jpg') transparent no-repeat 40px center;
}


.subcat li a:hover{
  color:#f00;
}	

.sactual a
{
 color:#0066cc !important;
}

.sactual a:hover
{
 color:#f00 !important;
}

/* .mactual .sactual a { background:url('../_img/minus.jpg') transparent no-repeat 20px center; } */

.sactual .subcat a
{
 color:#069 !important;
 background:url('../_img/arrow.jpg') transparent no-repeat 40px center;
}

.subcat .subcat a 
{
 padding:0 0 0 50px;
}

.subcat .subcat .subcat a 
{
 padding:0 0 0 60px;
}

.subcat .subcat .subcat .subcat a 
{
 padding:0 0 0 70px;
}

/**/
.sactual .subcat a:hover
{
 color:#f00 !important;
}
/* editable content */
#main-content {
 text-align:left;
 margin:5px 10px;
}

#main-content ul li
{
 padding-left: 20px;
 list-style-type:none;
 background:url('../_img/arrow.jpg') transparent no-repeat 2px center;
}

#main-content ol li
{
 margin-left: 30px;
 font-weight: bold;
 font-size: 10pt;
}

#main-content ul li
{
 margin-left: 20px;
 font-size: 9pt;
}

#main-content li li
{
 margin-left: 1px;
 font-weight:normal;
}

#main-content p img { margin:2px 8px 4px 0; }

#main-content ol, #main-content ul, #main-content p, #main-content h2,
#main-content h3, #main-content h4, #main-content table
{ margin:10px 0; }

.lnav, .cnav {
 background:url('../_img/headers.jpg') transparent no-repeat 0 top;
 color:#069;
 padding:2px 0 0 30px;
 border-bottom:1px solid #d4e9f2;
}

#main-content .contentdate
{
 display:inline;
}

.cnav a {
 margin:0 5px;
}
 
.tab
{
 width:100%;
}
 
.tab th { 
  font-size:9pt;
  font-weight:bold;
  padding:2px 4px;
  color:#7B7360;
  border:1px solid #600;
  border-bottom:4px solid #955;
}  

.tab td { 
  font-size:8pt;
  font-weight:normal;
  padding:2px 4px;
  border:1px solid #955;
  background-color:#fff;
} 
 
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;
 margin:5px 0;
} 

.swebmap li {
 font-size : 9pt;
 color: #000000;
} 

.swebmapcontent li {
 font-size : 9pt;
 color: #000000;
}