body { background-color:#FFFFFF; margin:0;padding:0; font-size:11px; font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif; }

#container { width:778px; margin:0 auto; }
.header {
  background:#fff; 
  padding:10px;
  font-size:10px;font-family:verdana;color:#336699;font-weight:bold;padding-right:10px;
}

.mainmenu { margin:auto; background-color:#336699; height:21px;} 
.mainmenu ul { 	padding: 0; margin: 0; list-style: none; }
.mainmenu ul li { float: left;}
.mainmenu ul a {               
 text-decoration:none;
 font-size:11px;
 padding: 4px 5px;
 display:block;
 color:#FFF;
 text-align:center;
 font-weight:bold;
 border-right:1px solid #3399CC;
}
.mainmenu ul a:hover {background-color:#1F98DA; color:#FFF; }
.mainmenu .active { background-color:#1F98DA; color:#FFF; }

div.login_container { 
  width:350px;
  border:1px solid #475F78;
  margin:auto;
  margin-top:15%; 
 }
div.login_inner { 
  background-color:#ffffff;
  padding:10px 5px;
  font-size:12px;
  height:120px; 
  text-align:center; 
  border-top:5px solid #5A7797; 
  border-bottom:5px solid #5A7797;
}

.middle{ color:white; }
.bmiddle{ color:white; font-weight: bold; }
.ymiddle{ color:yellow; font-size: 9pt; font-family: arial,verdana,helvetica; }

.ret{ color:green; font-size: 10px; }
.small{ color:navy; font-size: 10px; }
.wsmall{ color:white; font-size: 10px; }
.wsmall2{ color:white; font-size: 8px; }
.xsmall{ color:navy; font-size: 9px; font-family: Arial,Tahoma;}

a.asmall{ color:blue; font-size: 10px; text-decoration:none; }
a.msmall{ color:navy; font-size: 10px; text-decoration:none; }
a.msmall:hover{ text-decoration:underline; }

.barmiddle{ border : 1px dotted Black; font-size: 13px; font-family: Arial,Tahoma; }

a.head{
   color:white;
   font-weight: bold;
   font-size: 10px;
   text-decoration:none;
}
a.head:hover{ color:#00FF00; }

a.menu{
   font-size: 8pt;
   font-weight: bold;
   font-family: tahoma,verdana,helvetica,courier,arial,sans-serif;
   color:black;
   text-decoration:none;
  }
a.menu:hover{ text-decoration:underline; }

.kala{ font-family: Verdana, Tahoma; font-size: 12px; color:#000068;}
.kalaOn{ font-family: Verdana, Tahoma; font-size: 12px; color:maroon; }
.kalDat{ font-family: Verdana, Tahoma; font-size: 10px; color:white; }
.kalSun{ font-family: Verdana, Tahoma; font-size: 10px; color:Yellow; }
.kalNo{ font-family: Verdana, Tahoma; font-size: 10px; color:black; }
.u_top {
background-color:#3399CC;
color: black;
font-size: 14px;
font-weight: bold;
text-align:center;
height:22px;
vertical-align: middle;
}

a.u_topa {
font-family: Verdana, Tahoma;
color: #FFFFFF;
text-decoration:none;
font-size:12px;
}

.small3{
   color:#a4a4a4;
   font-size: 8px;
   font-family: Verdana, Tahoma,  Arial;
}

div.vblock { background:#336699;height:270px;margin-bottom:5px;}
div.hblock { background:#336699;margin-bottom:5px;}
div.block_title { 
   background:#336699; 
   color:white;
   padding:2px;
   text-align:center;
   font-weight: bold;
}