/* html */

body{
  font-family: Arial, helvetica, sans-serif; 
  font-size: 8pt;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  color: #000000;
  background-color: #000000;
  background-image:url(../_img/2_gradient.jpg);
}

.textbox table
{
 /* border-collapse:collapse; */
}

.textbox table th { 
  vertical-align:top;
  font-size:10pt;
  color:#000000;
  font-weight:bold;
  text-align:left;
  background-color:#BEB491;
  padding:5px;
}  

.textbox table td { 
  vertical-align:top;
  font-size:9pt;
  color:#333333;
  font-weight:normal;
  /* background-color:#F3E8D6; */
  padding:5px;
}

label { 
  cursor:pointer;
  color:#333333;
  font-weight:bold;
  font-size:80%;
}

ul
{
 margin:0;	
 list-style-type:disc;	
}

ul li
{
 margin:0 0 0 20px;
}

fieldset
{
 font-size:9pt;
 color:#000000;
 border:1px solid #666666;
 margin:10px 0 0 0;
}

fieldset p
{
 font-size:100%;
 color:#000000;
 margin:4px;
}

legend
{
 font-size:10pt;
 color:#000000;
 font-weight:bold;
}

legend img { float:left; }

h1 {
   font-weight:bold;
   font-size:140%;
   cursor:default;
   margin:0;padding:0; 
  }

h2 {
   font-weight:bold;
   font-size:130%;
   cursor:default;
   margin:0;padding:0; 
  }
 
h3 {
   font-weight:bold;
   font-size:120%;
   cursor:default;
   margin:0;padding:0;
  }

h4 {
   font-weight:bold;
   font-size:110%;
   cursor:default;
   margin:0;padding:0;
  }
   
p {
  padding:0;margin:0;
  }   


/* active */
a:link, a:visited, a:active {
     color:#0066cc;
     text-decoration:none;
     font-weight:bold;
    }

a:hover {
     color:#ff6600;
     text-decoration:none;
     font-weight:bold;
    } 
  
a img { border:0; }  

#jo
{
 float:right;
}

/*
*************************
******* layout **********
*************************
**/

#zoneswitch{
 width:100%; 
 text-align:center;
}  

#zonebox {
  width: 859px;
  margin:0 auto 0 auto;
  text-align:left;
  background-image:url(../_img/2_content.jpg);
  background-color:#ffffff;
}

#header {
  width:859px !important;
  height:182px;
  text-align:left;
  background-image:url(../_img/2_main.jpg);
  background-repeat:no-repeat; 
}

#header h1 {
   text-transform:uppercase;
   padding:0;
   margin:0px; 
   color:#ffffff;
   cursor:default;
   text-align:left;
   width:859px;
}

#header h1 img {
 border:0;
}  
  
#header h1 a:link,#header h1 a:active,#header h1 a:visited { 
  margin: 0 0 0 0;
  display:block;
  height:182px;
  width:859px;
}   

#header h1 a:hover { 

 }   

#main {
 margin:0 ; 
 padding:0;
 background:url(../_img/gradient_fix.jpg) transparent no-repeat bottom left;
}

#main-content {
 margin:0 4px 0 4px; padding: 4px 52px 50px 60px;
 font-size: 100%;
}

#main h1, #main h2
{
 letter-spacing:1pt;
 font-style: italic;
}

#meteopress
{
 position:absolute;
 top:352px;
 z-index:9998;
 margin:0 0 0 597px;
}

/* footter */	
#zonefoot {
 height:120px;
 background:url(../_img/2_gradient.jpg) transparent left top;
}

#zonefoot p { 
 padding:0;
 text-align:center;
 font-size:8pt;
 color:#99ddff; 
}

#zonefoot a:link, #zonefoot a:active, #zonefoot a:visited { 
 color:#ffffff; 
}

#zonefoot a:hover { 
 color:#ffffaa; 
}

#zonefoot img
{
border:0;
}  

/* listmenu */

.mcat{
  margin:0 0 0 0; padding: 0; background:transparent;
}        

.subcat{
  margin: 0 ; padding: 0; display:none;
}    

.subcat li .subcat{
  margin: 0 0 0 10px; padding: 0;
}    

 
.mcat li {
  font-size:9pt;font-weight:bold;padding:0 ;margin: 0; list-style-type: none;text-transform:uppercase; float:left;
}

.subcat li{
  font-size:90%;cursor:default;font-weight:bold;margin:0 0 0 5px;padding: 0;list-style-type: none;
  text-align:left;
}        
        
.mcat li a:link, .mcat li a:visited, .mcat li a:active
{
 color:#ffcc00;
}

.mcat li a:hover
{
 color:#ffffff;
 background-color:#ff6600;
}

.subcat li a:link, .subcat li a:visited, .subcat li a:active{
  color:#ff0000;
}

.subcat li a:hover{
  color:#dd0000;
}	

.mactual a:link, .mactual a:active, .mactual a:visited, .mactual a:hover
{
 color:#ffffff !important;
}

/* editable content */
.textbox {
 margin:0 0 0 0 ;
 padding:0;
 font-size:120%;
 min-height: 500px;
 height: auto;
 _height: 500px;
}

.textbox p {
  padding:4px 0 4px 0;margin:4px 0 4px 0;
  }   

.textbox img {
  margin: 0 5px 0 0;
 }
 
.textbox h1, .textbox h2
{
 color:#746751;
}
 
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	} 

/* forms */
     
.in {
 font-size : 9pt;
 font-weight: normal;
 border:1px solid #0066cc;
 color:#0066cc;
 background-color:#ffffff;
}

.bt{
 font-size: 9pt;
 font-weight: bold;
 color: #0066cc;
 border:1px solid #0066cc;
 text-align: center;
 background-color: #ffffff;
 padding:1px;
}

/* helpfull */  

.req
{
 color:#ff0000;
}

.sep
{
 border-top:1px solid #000000;
}
  
.hidhid
 {
  display:none;
 }     

.cc { text-align:center; }
.ll { text-align:left; }
.rr { text-align:right; }

.handy{ cursor:pointer; }

.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%; }

/*

Gallery CSS

 */
 
 .imgbox
 {
   width:500px;
   padding:left;
 }
 
 .imgwin
   {
    float:left;display:block;width:153px;height:120px;/*background-color:#E1E3D5;*/margin:4px;
   }
 
 .imgwin:hover { /*background-color:#C5BFA5;*/ }
   
   .imgwin img
   {
    border:0;
	margin:4px;
   }
   
   .imgwidthmore
   {
    margin:20px 0 0 0 !important;
   }
   
   .imgheightmore
   {
    margin:5px 0 0 0 !important;
   }

.gallerySelect
{
 width:320px;
 border:2px solid #ff3300;
 font-size:10pt;
 color:#ff3300;
}

.gallerySubmit
{
 font-size: 10pt;
 font-weight: bold;
 color: #ff3300;
 border:1px solid #ff3300;
 text-align: center;
 background-color: #eeeeee;
 
}


/* Debugging style !!!!  
 
div
{
 border:1px solid #ff0000 !important; 
}

#zonebox
{
 border:2px solid #ff0000 !important; 
}

#main
{
 border:2px solid #ff0000 !important; 
}

#main-content
{
 border:2px solid #ffff00 !important; 
}
*/
