/* CSS Document */
body {
	background-color: #F5F5F5;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color:#000080;
 }

A:link {text-decoration: none; color: #000080;}
A:visited {text-decoration: none; color: #000080;}
A:hover {text-decoration: underline overline; color: #000080; cursor: hand; background: #ccffff}
A:active {text-decoration: none; color: #000080;}
.text1{
 FONT-FAMILY: arial,verdana;
 FONT-SIZE: 12px; 
 text-align : center;
 }
.boxh{
 font-size: 12px; 
 background-color: #FFEBCD; 
 font-family: Arial;
 }
.box{
 font-size: 12px; 
 background-color: #F0FFFF; 
 font-family: Arial;
 }
.but{ 
    background-color: #87CEEB;
    cursor: hand;
    line-height: 12px;
    height: 22px;
    padding-left: 3;
    padding-right: 3px;
    padding-top: 0;
    padding-bottom: 3px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-right: 1px;
    margin-top: 3px;
    text-align: center;
    font-family: Verdana;                     
    font-size-adjust: none;
    font-size: 12px; 
    font-style: normal;
    font-variant: normal;
    border-bottom-width: 3px;
    border-bottom-color: #cc9933;
    border-bottom-style: groove;
    border-left-width: 4px;
    border-left-color: #ffcc33;
    border-left-style: groove;
    border-right-style: groove;
    border-right-width: 4px;
    border-right-color: #cc9933;  
    border-top-width: 3px;
    border-top-style: groove;
    border-top-color: #ffcc33;    
}

.drag{
position:relative;
cursor:hand
}
.highlighttext{
background-color:yellow;
font-weight:bold;
}
.magline{ 
    border-style: solid;
    width: 145px;
    border-width: 1px;
    border-color: #008080;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;   
    font-size: 10px;
    font-family: tahoma;
    background-color: #79C1D0;
    text-indent: -4px;
}

/* CSS Top Menu */

#csstopmenu, #csstopmenu ul{
padding: 3;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a:{
text-decoration: none;
}

.mainitems{
border: 1px solid #87cefa;
border-left-width: 0;
background-color: #000099;
padding: 1px;
color: #ffcc33;
}

.mainitems a{
background-color: #000099;
padding: 1px;
color: #ffcc33;
text-decoration: none;
}
.mainitems a:visited{
background-color: #000099;
padding: 1px;
color: #ffcc33;
text-decoration: none;
}
.mainitems a:hover{
background-color: #000099;
padding: 1px;
color: #000099;
text-decoration: none;
}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: #ffcc33;
font-size: 12px; 
font-family: Tahoma;
background-color: #000099;
}
 
.headerlinks a:visited{
font-weight: bold;
background-color: #000099;
color: #ffcc33;
 font-size: 12px; 
 font-family: Tahoma;
}

.headerlinks a:hover{
font-weight: bold;
color: #87cefa;
background-color: #000099;
 font-size: 12px; 
 font-family: Tahoma;
text-decoration: none;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #000099;
border: 1px solid #ffcc33;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
font-weight: bold;
color: #ffcc33;
 font-size: 12px; 
 font-family: Tahoma;

}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:visited{
color: #ffcc33;
}

.submenus li a:hover{
background-color: #ffcc33;
color: #000099;
text-decoration: none;
}


#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}