/* html */

body{
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
  font-size: 8pt;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  color: #333333;
  background-color: #ffffff;
  background-image:url(../_img/body_bg.jpg);
  background-repeat:repeat-x;
  behavior:url("../_js/csshover.htc");
}

div
{
 /* 
 Debugging style !!!!
 border:1px solid #ff0000 !important; 
 */
}

table
{
 border-collapse:collapse;
 width:100%;
}

table th { 
  vertical-align:top;
  font-size:11pt;
  color:#333333;
  font-weight:bold;
  text-align:left;
  border:1px solid #888888;
}  

table td { 
  vertical-align:top;
  font-size:9pt;
  color:#000000;
  font-weight:normal;
  border:1px solid #888888;
  }

label { 
  cursor:pointer;
  color:#333333;
  font-weight:bold;
  font-size:80%;
}


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:130%;
   cursor:default; 
  }

h2 {
   font-weight:bold;
   font-size:120%;
   cursor:default; 
  }
 
h3 {
   font-weight:bold;
   font-size:110%;
   cursor:default;
  }

h4 {
   font-weight:bold;
   font-size:100%;
   cursor:default;
  }
   
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; }  

/* optional language bar  */
#lngbar
{
 position:absolute;
 top:35px;
 width:200px;
 text-align:center;
}

#lngbar a:link img,#lngbar a:active img,#lngbar a:visited img 
{ 
 border:0; 
 filter: alpha(opacity=60); 
 -moz-opacity: 0.6;
 KhtmlOpacity: .6;
 opacity: .6; 
}

#lngbar a:hover img
{ 
 border:0; 
 filter: alpha(opacity=90); 
 -moz-opacity: 0.9;
 KhtmlOpacity: .9;
 opacity: .9; 
}

#lngbar a #alng 
{
 filter: alpha(opacity=99); 
 -moz-opacity: .9;
 KhtmlOpacity: .9;
 opacity: .9; 
}

/*
*************************
******* layout **********
*************************
**/

#zoneswitch{
 width:100%; 
 text-align:center;
}  

#zonebox {
	width: 825px;
  margin:0 auto 0 auto;
  text-align:left;
  background-image:url(../_img/content.jpg);
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:repeat-y;
  }

#header {
  width:825px !important;
  height:160px;
  text-align:left;
  background-image:url(../_img/main.jpg);
  background-repeat:no-repeat; 
}

#overdi
{
 
 width:825px;
 height:40px;
 position:absolute;
 top:0px;  
}


#header h1 {
   text-transform:uppercase;padding:0;margin: 0; font-weight:bold;font-size:2pt;color:#ffffff;cursor:default;
   text-align:left;
   width:825px;
   height:120px;
    
}

#header h1 img {
 border:0;
}  
  
#header h1 a:link,h1 a:active,h1 a:visited { 
  margin: 0 0 0 0;
  display:block;
  height:120px;
  width:825px;
  
}   

#header h1 a:hover { 

 }   

#main {
	margin:0 0 0 230px; 
  padding:0;
  
}

#main-content {
	margin:10px; padding:0;
	font-size: 100%;
	}


#main h1
{
 font-size:140%;
 padding:0 0 0 0;
 margin:0;
 color:#000000;
 font-weight:bold;
 letter-spacing:1pt;
 font-style: italic;
}

/* left panel */         
#sidebar-left {
	float: left;
	width: 220px;
	margin:0; 
  padding:0;
  }

#sidebar-left-content {
	margin:0; 
  padding: 0 0 0 0;
  font-size: 100%;
	}

#sidebar-left-content h2
{
 font-size:120%;
 color:#000000;
 background-color:#ff6600;
 margin:10px 1px 4px 6px;
 padding:4px 0 4px 4px;
}
	
/* footter */	
#zonefoot {
 height:120px;
 width:825px;
 background-color:#ffffff;
 background-image:url(../_img/foot.jpg);
 background-repeat:repeat-x;
}

#zonefoot p { 
 padding:80px 30px 0 30px;
 text-align:center;
 font-size:8pt;
 color:#000000; 
}

#zonefoot a:link,#zonefoot a:visited,#zonefoot a:active {
     color:#0066cc;
     font-weight:normal;
    }

#zonefoot a:hover {
     color:#ff6600;
    }         	

/* listmenu */

.mcat{
  margin: 0 0 0 10px; padding: 0; width:220px;background:transparent;
}        

.subcat{
  margin: 0 0 0 0px; padding: 0;
}    

.subcat li .subcat{
  margin: 0 0 0 10px; padding: 0;
}    

 
.mcat li {
  font-size:9pt;font-weight:bold;padding:0 0 0 0;margin:4px 0 0 0; list-style-type: none;text-transform:uppercase;
}

.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:#ffffff;text-decoration:none;
 padding:4px 10px 4px 30px;
 display:block;
 background-color:transparent;
 background-image:url(../_img/button.gif);
 background-repeat:no-repeat;
}

.mcatiefix li a:link, .mcatiefix li a:visited, .mcatiefix li a:active
{
 width:100%;
}

.mcat li a:hover
{
 color:#ff6600;
 
 background-image:url(../_img/overbutton.gif);
 background-repeat:no-repeat;
 
 background-color:transparent;
}

.subcat li a:link, .subcat li a:visited, .subcat li a:active{
  color:#ff0000 !important;text-decoration:none;
  display:block;
  background-image:url(../_img/sbutton.gif)  !important;
  background-repeat:no-repeat;
  background-color:transparent !important;
  padding:4px 0 4px 25px;
}

.subcatiefix li a:link, .subcatiefix li a:visited, .subcatiefix li a:active
{
 width:100%;
}

.subcat li a:hover{
  color:#dd0000 !important;
  background-image:url(../_img/soverbutton.gif) !important;
  background-repeat:no-repeat;
}	

.mactual a:link, .mactual a:active, .mactual a:visited, .mactual a:hover
{
 color:#ffffff !important;
 background-image:url(../_img/actualbutton.gif) !important;
 background-repeat:no-repeat;
 background-color:transparent;
}

.sactual
{
 background-image:url(../_img/sactual.gif) !important;
 background-repeat:no-repeat;
}


	
/* editable content */
.textbox {
 margin:0 0 0 0 ;
 padding:2px 10px 2px 5px;
 font-size:120%;
 min-height: 300px;
 height: auto;
 _height: 300px;
}

.textbox p {
  padding:4px 0 4px 0;margin:4px 0 4px 0;
  }   

.textbox img {
  margin: 0 5px 0 0;
 }
 
.cbox
{
 margin:0 10px 0 10px;
} 
 
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 #E88E36;
 color:#000000;
 background-color:#ffffff;
}

.bt{
 font-size: 10pt;
 font-weight: bold;
 color: #ffffcc;
 border:1px solid #000000;
 text-align: center;
 background-color: #ff3300;
 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%; }

.redc { color:#ff0000; }
.greyc { color:#666666; }
.greenc { color:#006600; }
.blackc { color:#000000; }
.bluec { color:#0066cc; }
.yellowc { color:#ffff00; }
.whitec { color:#ffffff; }

.redb { background-color:#ff0000; }
.greyb { background-color:#eeeeee; }
.greenb { background-color:#006600; }
.blackb {  background-color:#000000; }
.blueb {  background-color:#0066cc; }
.yellowb {  background-color:#ffffbf; }
.whiteb {  background-color:#ffffff; }

.login
{
 margin:4px auto 4px auto;
 padding:4px;
 width:250px;
 background-color:#ffff66;
 background-image:url(../_img/iserver/login2.gif);
 background-repeat:no-repeat;
 background-position:bottom left;
 border-top:1px solid #aaaaaa;
 border-bottom:1px solid #aaaaaa;
 height:120px;
}

.login label 
{
 font-size:8pt;
}

.logged
{
 margin:2px;
 width:250px;
 background-color:#ffffff;
 background-image:url(../_img/iserver/login1.gif);
 background-repeat:no-repeat;
 background-position:bottom left;
 border-top:1px solid #aaaaaa;
 border-bottom:1px solid #aaaaaa;
 position:absolute;
 top:2px;right:5px;
 height:60px;
}

/*

Gallery CSS

 */
 
 .imgwin
   {
    float:left;display:block;width:120px;height:120px;background-color:#ffeeaa;margin:4px;
   }
 
 .imgwin:hover { background-color:#ffcc77; }
   
   .imgwin img
   {
    border:0;
   }
   
   .imgwidthmore
   {
    margin:15px 0 0 5px !important;
    /*
    DOESN'T WORK IN IE6
    border-top:15px solid #ffff66 !important;border-left:10px solid #ffff66 !important;\
    */
   }
   
   .imgheightmore
   {
    margin:5px 0 0 5px !important;
    /*
    DOESN'T WORK IN IE6
    border-left:10px solid #ffff66 !important;border-top:5px solid #ffff66 !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;
 
}

/* Guestbook styles */

#BookShow{
 display:none;
 background-color:#ffffcc;

 border-collapse:collapse;
 width:100%;
 border:1px solid #bbbbbb;
}

#BookShow th { 
  vertical-align:top;
  font-size:12pt;
  color:#333333;
  font-weight:bold;
  text-align:left;
  border:0;
  width:80px;
  padding:4px;
}  

#BookShow td { 
  vertical-align:top;
  font-size:9pt;
  color:#000000;
  font-weight:normal;
  border:0;
  padding:4px;
}

.bookc
{
 padding:4px;
 margin:0;
}

#BookShowBT{
 width:160px;
 cursor:pointer;
 border-left:1px solid #bbbbbb;
 border-right:1px solid #bbbbbb;
 border-top:4px solid #ff6600;
 background-color:#ffffcc;
 padding:4px;
}
