BODY {
  background-color : #1E1D2F;
  color: #FFFFE0;
  font-family: sans-serif;
  }

P {
  color : #E0FFFF;
  font-family: sans-serif;
  }

#content {     
  margin-right:5%;
  margin-left:5%;
  margin-top:10px;
  padding-bottom:10px;
  border:0px solid #6495ED;
  text-align:left;
  min-width:500px;
  min-height:420px;
  }
  
.bg_area {     
  margin-right:5%;
  margin-left:5%;
  margin-top:10px;
  padding-bottom:10px;
  border:0px solid #6495ED;
  text-align:left;
  min-width:500px;
  min-height:420px;
  }

#menufooter  {
  margin-bottom:20px;
  }
  
#menusitelinks {
  font-size:12px;
  }

.menus {
  border-left:10px solid #6495ED; 
  border-bottom:1px solid #6495ED;
  border-top:1px solid #6495ED;
  border-right:1px solid #6495ED;
  background:#1E1D2F;
  color:Yellow;
  padding:10px;
  margin-bottom:10px;
  text-align:left;
  font-size:10px;
  }

#menu {
  width:130px;
  padding:0px;
  margin-left:-5px;
  margin-right:20px;
  float:left;
  voice-family: "\"}\"";
  voice-family: inherit;
  }
html>body #menu {
  margin-left:-6px;
  }
  
#hanglogo {
  width:60px;
  padding:0px;
  margin-left:-3px;
  margin-right:20px;
  float:left;
  voice-family: "\"}\"";
  voice-family: inherit;
  }

#rightlogo {
  width:120px;
  padding:4px;
  margin-right:20px;
  margin-left:-3px;
  float:right;
  voice-family: "\";
  font-size: 10px;
  text-align: center;
}\"";
  voice-family: inherit;
  }
html>body #menu {
  margin-right:-6px;
  }

p,h1,h2 {
  margin-top:0px;
  margin-bottom:10px;
  padding:0px 20px 0px 20px;
  }
  
h2 {
  font-size:16px;
  padding-top:0px;
  margin-bottom:0px;
  }
  
#title h1 {
  border:1px solid  #6495ED;
  margin-right:5%;
  margin-left:5%;
  margin-top:10px;
  min-width:500px;
  min-height:70px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size:18px;
  text-align: left;
  }
  
#title {
  padding:0px;
  margin-right:-6px;
  margin-left:-6px;
  width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width:auto;
  }
html>body #title {
  width:auto;
  }

A {
  font-weight:normal;
  text-decoration: none;
  color: Silver;
 }
    
a.sitelinksyelo_a { color:#FFFFF0; }
a.sitelinksyelo_b { color:#F0E68C; }
a.sitelinksyelo_c { color: Yellow; }
a.sitelinksyelo_d { color:#FFD700; }
a.sitelinksyelo_e { color:#FFA500; }
  
a.anchor {
  font-size:10px;
  font-weight:normal;
  color: Silver;
  }
  
p.anchor {
  text-align:right;
  }

.links {
  margin-left:50px;
  margin-right:30px;
  color: #778899;
  }

#options {       
  font-size:10px;
  text-decoration: none;
  margin-left:10px;
  background-color: #1E1D2F;
  color: Aqua;
  }

.menuopt {
  background-color: #1E1D2F;
  color: Aqua;
  }
  
.bodylink {
  background-color: #1E1D2F;
  color: Aqua;
  font-size: 10px;
  }
  
.bodytext {
  color: #F0F8FF;
  font-size: 14px;
  text-align: justify;
}  
  
.bodystart {
  color: #00FFFF; 
  font-size: 24px;
  text-align: center;
}  

.thumbcap {
  color: #F0F8FF;
  font-size: 10px;
  text-align: center;
}  

.menuhead {
  font-size:16px;
  background-color: #1E1D2F;
  text-decoration: none;
  color: Aqua;
  }    
  
.bodyhead {
  font-size:14px;
  background-color: #1E1D2F;
  color: Aqua;
  }    
  
.tablehead {
  font-size:16px;
  color: Aqua;
  }    
  
.tableheadold {
  font-size:16px;
  background-color: #1E1D2F;
  color: Aqua;
  }    
  
.bodyhilite {
  font-size:14px;
  color: #7FFFD4;
  background-color: #1E1D2F;
  text-align: center;
  }    
  
.gallerytext {
  font-size: 10px;
  }
      
.utablehead {
  font-size:14px;
  color: #7FFFD4;
  background-color: #1E1D2F;
  text-align: center;
 }  
 
.utablemonth {
  font-size:14px;
  color: #00FFFF;
  background-color: #000080;
  text-align: center;
 }  
 
.utablesection {
  font-size:16px;
  color: #00FFFF;
  text-align: center;
  background: url(jpg/pics/croco_bullet_25x25.gif);
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-color: #000080;
 }  
 
.utablemonthhead {
  font-size:14px;
  color: #FFFFC0;
  background-color: #000040;
  text-align: center;
 }  
 
.utablerow {
  font-size:12px;
  color: #7FFFD4;
  background-color: #1E1D2F;
  text-align: left;
 }  
 
.utablerowmoon {
  font-size:12px;
  color: #000040;
  background-color: #C0FFFF;
  text-align: left;
 } 

 .utablerowholiday {
  font-size:12px;
  color: #800000;
  background-color: #FFC0C0;
  text-align: left;
 }  
  

 #textbox {
   background-color: #1E1D2F;
   border:0px solid  #6495ED;
   left:124px;
   top:80px;    
   font-size:12px;
   text-align: left;
   vertical-align: text-top;
 }

 #tablebox {
   background-color: #1E1D2F;
   border:0px solid  #6495ED;
    width:400px;
   font-size:12px;
 }

 .accentlist {
   color : #00FFFF;
   list-style-image: url(jpg/pics/croco_bullet_25x25.gif);
 }    
 
 .download {
  font-size: 12px;
  text-align: center;
  color: #00FFFF;
  margin: 16px 4px 16px 4px; 
  background-color: #333366;
  border: 1px outset #E0FFFF; 
  clear: both;
  width: 100%;
 }

 .pageindex {
  font-size:14px;
  text-align: center;
  color: #00FFFF;
  background-color: #003366;
 }  
 
 .hilitesection {
  font-size:16px;
  color: #00FFFF;
  text-align: center;
  background-color: #000080;
 }  
 
 .newsflashhead {
  font-size: 18px;
  text-align: center;
  color: #FFFF00;
  background-color: #FF0000;
  border:2px solid  #1E1D2F;
 }

 .newsflash {
  font-size: 16px;
  text-align: center;
  color: #990066;
  background-color: #FFFF00;
  border:2px solid  #1E1D2F;
 }

 .newstext {
  font-size: 14px;
  text-align: center;
  color: #990066;
  background-color: #FFFF00;
  border:2px solid  #1E1D2F;
 }

/*  rapportnewstext  */    
   .rapportnewstext {
    font-size: 14px;
    text-align: center;
    color: #FFFF00;
    padding: 1px 1px 1px 1px; 
    background-color: #990066;
    border: 2px outset #FFFF00;
   }
    
/*  lvl1  */
.lvl1 { 
  float: left; 
  width: 90px;  
  padding: 0px 2px;
  margin: 2px 0px; 
  font-size: 9px; 
  font-weight: normal; 
  color: #FFFF00; 
  text-align: center;
  border: 1px outset #E0FFFF; 
  background: #000066;
}
  
.lvl1a { 
  float: left; 
  width: 100px;  
  padding: 0px 2px;
  margin: 2px 0px; 
  font-size: 12px; 
  font-weight: lite; 
  color: #FFFF00; 
  text-align: center;
  border: 1px outset #E0FFFF; 
  background: #000066;
}
  
/*  lvl1pg  */
.lvl1pg { 
  width: 200px;  
  padding: 0px 2px;
  margin: 2px 0px; 
  font-size: 9px; 
  font-weight: normal; 
  color: #FFFF00; 
  text-align: center;
  border: 1px outset #E0FFFF; 
  background: #000066;
}
  
.lvl1:hover, .lvl1a:hover, .lvl1pg:hover  { 
  background: #33CCFF; 
  color: #000066;
  border: 1px outset #E0FFFF;
}

/*  lvl2  */
.lvl2 { 
  float: left; 
  width: 100px;  
  padding: 0px 2px;
  margin: 0px 0px 0px 0px; 
  font-size: 9px; 
  font-weight: lite; 
  color: #FFF000; 
  text-align: left;
  border: 1px outset #E0FFFF; 
}
  
.lvl2:hover { 
  background-color: #FFF0F5;
  color: #FF0000; 
  border: 1px outset #FFF000;  
}

/*  newslinks  */
.newslinks { 
  float: left; 
  width: 250px;
  padding: 2px 2px;
  margin: 2px 2px 6px 8px; 
  font-size: 12px; 
  font-weight: bold; 
  color: #00FFFF; 
  text-align: center;
  border: 1px outset #00FFFF; 
  background: #000099;
}
  
.newslinks:hover { 
  background-color: #00FFFF;
  color: #000099; 
  border: 1px outset #000099;  
}

/*  newsbox  */
.newsbox { 
  float: right; 
  width: 440px;
  padding: 6px 6px;
  margin: 8px 8px 8px 8px; 
  text-align: center;
  border: 2px outset #00FFFF; 
}

/*  flashbox  */
.flashbox { 
  text-align: center;
  border: 2px #00FFFF; 
}

/*  flashtext  */
.flashtext { 
  text-align: center;
  color: #00FFFF;
  font-size: 14px; 
  font-weight: bold; 
  background: #000066;
}

.flashbodytext {
  background-color : #1E1D2F;
  font-size: 14px; 
  font-weight: normal; 
  color: #FFFFE0;
  font-family: sans-serif;
  }

 .flashhilite {
  font-size:14px;
  color: #00FFFF;
  text-align: center;
  background-color: #000080;
 }  
 
 .flashnewshead {
  font-size: 18px;
  text-align: center;
  color: #FFFF00;
  background-color: #FF0000;
  border:2px solid  #1E1D2F;
 }

 .flashnews {
  font-size: 16px;
  text-align: center;
  color: #990066;
  background-color: #FFFF00;
  border:2px solid  #1E1D2F;
 }

 .flashnewstext {
  font-size: 14px;
  text-align: center;
  color: #990066;
  background-color: #FFFF00;
  border:2px solid  #1E1D2F;
 }

.contactbox {
   color: #E0FFFF;
   padding: 6px 6px;
   margin: 8px 8px 8px 8px; 
   text-align: center;
   border:1px #6495ED;  
}

.contact {
   float: left;
   width: 440px;
   color: #E0FFFF;
   padding: 6px 6px;
   margin: 8px 8px 8px 8px; 
   text-align: center;
   border:1px outset #6495ED;  
}

.thumb {
  width: 120px;
  height: 140px;
/*  color: #E0FFFF; */
  font-size: 10px; 
  font-weight: normal; 
  padding: 2px 2px;
  margin: 2px 2px 2px 2px; 
  text-align: center;
  border: 1px outset;
/*  border: 1px outset #6495ED; */
  clear: none;
  float: right;
  }

.thumbnail {
  width: 120px;
  height: 140px;
  font-size: 10px; 
  font-weight: normal; 
  padding: 2px 2px;
  margin: 2px 2px 2px 2px; 
  text-align: center;
  border: 1px outset;
  border: 1px outset #6495ED; 
  clear: none;
  float: right;
  }

.thumb:hover  { 
  background: #33CCFF; 
  color: #000066;
  border: 1px outset #E0FFFF;
}

.toplist {
  width: 465px;
  color: #E0FFFF;
  font-size: 10px; 
  font-weight: bold; 
  padding: 6px 6px 6px 6px;
  margin: 2px 2px 2px 2px; 
  text-align: center;
  border: 2px outset #6495ED;
  float: left;
  clear: none;
  }

/*  lvl1pg  */
.topr1 { 
  padding: 1px 28px 1px 28px;
  margin: 1px 4px 1px 4px; 
  font-size: 9px; 
  font-weight: normal; 
  color: #FFFF00; 
  text-align: center;
  border: 1px outset #E0FFFF; 
  background: #000066;
}
  
.topr1:hover  { 
  background: #33CCFF; 
  color: #000066;
  border: 1px outset #E0FFFF;
}

.logobox {
  background-color: #1E1D2F;
  float: left;
  left: 164px;
  top: 100px;
  width: 400px;
  height: 340px;
  border: 0px;
}

.bodybox {
  background-color: #1E1D2F;
  float: left;
  left: 164px;
  width: 400px;
  border: 1px outset #E0FFFF;
}

.testbox {
  background-color: #1E1D2F;
  float: left;
  border: 1px outset #E0FFFF;
}

.fotobox {
  background-color: #1E1D2F;
  float: right;
  width: 200;
  border: 1px outset #E0FFFF;
}

/*  lvl0  */
.lvl0 { 
  float: left; 
  width: 100px;  
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 0px 0px; 
  font-size: 12px; 
  font-weight: bold; 
  color: #FFFF00; 
  text-align: left;
  border: 0px outset #000066;
  background: #1E1D2F;
}