html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: verdana, georgia;
 color:#001e55;
 font-size: 10px;
 background:#cedce9; 
 scrollbar-arrow-color: #ffffff;
 scrollbar-face-color: #d5d5d5;
 scrollbar-highlight-color: #f1f1ff;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-shadow-color: #f1f1ff;
 scrollbar-darkshadow-color: #f1f1ff;
 scrollbar-track-color: #F6F4F3;
} 
 
#pagewidth
{ 
   width:960px; 
   height: 800px;
   text-align:left;  
   margin-left:auto; 
   margin-right:auto;
   background: #F6F4F3 url(../images/layout/contentbg2.jpg) left top repeat-y; 
}

#header
{
   position:relative; 
   background:#95ceff url(../images/layout/header.jpg); 
   background-repeat:no-repeat;
   height:187px;
   width:960px;
}

#leftcol
{
   width:212px; 
   height: 613px;
   float:left; 
   position:absolute; 
   overflow: visible;
   z-index:99;
}

#content
{
   width: 730px;
   height: 613px;
   position: absolute;
   margin-left: 222px;
   float: left;
   overflow:auto;
   font-size: 12px;
   padding-right:9px;
}


#about
{
   float: right; 
   text-align: right;
   padding-right: 7px;
   position: relative; 
   /* line-height: 1; */
   background: #fff url(../images/layout/about.jpg) right top;
   background-repeat: no-repeat;
   width: 160px;
   height: 15px;;
   top: 35px; 
}

#about a
{
   margin-top: 2px;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   text-align: right;
   text-transform: uppercase;
   font-size: 10px;
}

#lan
{
   float: right; 
   position: relative; 
   width: 150px;
   top: 113px;
   left: 252px;
}

#koraal
{
   padding-bottom: 0;
   margin-bottom: 0;
   position:relative;
   bottom: 0;
   background: #001e55 url(../images/layout/koraal.jpg) bottom no-repeat;
   width:211px;
   height: 613px;
}

#s
{
   width: 130px;
   height: 12px;
   font-size: 11px;
   color: #001e55;
}

#searchfield
{
   font-size: 10px;
   font-weight: bold;
   color: #fff;
   background: #001e55;
   border:1px solid #000;
}

#search
{
   position: absolute;
   margin-left: 3px;
   bottom: 30px;
}

#searchfield
{
   height: 12px;
   font-size: 11px;
   color: #001e55;
}

#searchbutton
{
   font-size: 10px;
   font-weight: bold;
   color: #fff;
   background: #001e55;
   border:1px solid #000;
}


#newstable
{
   width: 80%;
   align: center;
   text-align: center;
}

h1
{
   font-size: 14px;
   font-weight: bold;
}

/*==============links in page==============*/
a {
 color:#5e9ed5;
  text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
a:visited{
  color:#5e6d7b;
}

/*==============menu design==============*/
#nav-begin
{
   background: #F6F4F3 url(../images/layout/menu-begin.gif) no-repeat; 
   width: 14px;
   height: 20px;
   top: 140px;
   left: 198px;
   position: absolute;
}

#nav{
   font-weight: bold;
   font-family: arial, tahoma, helvetica, sans-serif;
   font-size: 11px;
   background: #F6F4F3 url(../images/layout/menu-bg.gif) top repeat-x; 
   width: 596px;
   height: 20px;
   top: 140px;
   left: 212px;
   position: absolute;
}

#nav-end
{
   background: #F6F4F3 url(../images/layout/menu-end.gif) no-repeat; 
   width: 14px;
   height: 20px;
   top: 140px;
   left: 808px;
   position: absolute;
}

#nav:after{ /*Add margin between menu and rest of content in Firefox*/
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#nav ul{
   text-indent: 10px;
   padding: 3px 0;
   margin: 0;
   text-align: left; /*set value to "center" for example to center items*/
}

#nav ul li{
   display: inline;
   text-transform: uppercase;
}

#nav ul li a{
   color: #fff;
   padding: 2px 0;
   padding-right: 30px;
   padding-left: 10px;
   margin: 0;
   text-decoration: none;
   background: transparent url(../images/layout/schuin.gif) top right no-repeat;
}

#nav ul li a:visited{
   color: #fff;
}

#nav ul li a.active{
   text-decoration: underline; 
}

#nav ul li a:hover{
   color: #001E55;
   text-decoration:none;
}


/* ========== Sub menu items ========== */
#subnav{
   position:absolute;
   z-index:99;
}
#subnav, #subnav li ul {
   margin:0;
   margin-top:10px;
   padding: 0;
   padding-left: 5px;
   list-style: none;
   width: 205px;
   color: #fff;	
   z-index:99;
}

#subnav .active{
   text-decoration: none;
   font-weight:bold;
   text-transform: uppercase;
   background:#001E55 url(../images/li-active.gif) left 0.8em no-repeat;
   width:175px;
   margin:0;
   z-index:99;
}

#subnav li a
{
   padding:7px 10px 7px 21px;
   text-decoration: none;
   font-weight:bold;
   text-transform: uppercase;
   background:#001E55 url(../images/li.gif) left 0.8em no-repeat;
   display: block;
   color: #fff; /* used to be: 489ed3*/
   z-index:99;
}

/*
#subnav li a:link 
{
   display: block;
}
*/

#subnav li a:visited
{
   color:#5e6d7b;
   z-index:99;
}

#subnav li a:active
{
   background:#001E55 url(../img/li-active.gif) left 0.8em no-repeat;
   color: #E0EFFD;
   z-index:99;
}

#subnav li a:hover 
{
   background:#489ed3;
   color: #E0EFFD;
   z-index:99;
}

/* ========== Sub sub menu items ========== */
#subnav li ul{
   position: absolute;
   margin-top: -18px;
   margin-left: 140px;
   display: none;
   filter:alpha(opacity=80);
   opacity: 0.8;
  -moz-opacity:0.8;
   z-index:99;
}

#subnav li ul li a
{
   margin:0;
   text-transform: uppercase;
   background-image: none;
   background: #001E55;
   display: block;
   padding-bottom:3px;
   z-index:99;
}

#subnav li ul li a.active{
   text-transform: uppercase;
   margin:0;
   display:block;
   background-image: none;
   text-decoration:underline;
   /*
   padding-right:0;
   width:205px;
   */
   z-index:99;
}

#subnav li ul li ul li a:link 
{
   background-image: none;
   background: #001E55;
   z-index:99;
}

#subnav li ul li ul li a:active
{
  background-image: none;
  padding-left:0px;
  margin-left:0;
  z-index:99;
}

ul#menu li .active{
  text-decoration:blink;
  color: #CCCCCC;
  background:inherit;
}