

*{margin :0;padding :0}

body {font:Tahoma;}
p.bdr {border:2px black solid; padding:20px 2px 20px 2px; font-size :20px;
font-weight:bold; background :lightgreen;
font-family:Corbel}
#email {font-size :15px }
#screenarea {width :100%;margin : auto; text-align:center;}
#wrapper {min-height : 100% ; height : auto !important; height : 100%; margin :0 0}
#hdr {height :120px ; width:100%; margin:auto ; text-align:center; background :lightgreen}
#linkhdr {margin:0 170px ; height:120px;text-align:center; background :#BAFFD3}
#hdrads {float :right ; width:170px }
 #hdrnav {float:left ; width :170px ;text-align :center;}
 #hdrads {float:right ; width :170px ;text-align :center;}
 /*#hdrmain {margin: 0 165px 0 165px; text-align: center; font-family:Lucida Handwriting ;}*/
 #hdrmain {margin: 0 170px}
 #top {
 font-family:Lucida Handwriting ; font-size:35px;color : green;
 font-weight:bold; background :white; padding : 2px 10px 2px 10px;)
 }
 span#head {font-family:Arial ; font-size:30px;color : Black ;
 font-weight:bold; padding : 2px 20px 2px 10px;background :lightgreen}
 
 span#head1 {font-family:Arial; font-size:25px; color :black;
 font-weight:bold;padding : 2px 10px 2px 10px;background :lightgreen}
 #info1 {margin:20px; padding:20px}
 #info{color :#008000; margin : 0 0 0 40px;font-size:16px; font-weight:bold}
 #sites{float: left; width: 310px;text-align:center;}
 #sitetable{margin: auto;  width :100%;text-align :center;}
 #headtable{margin: auto;  width :100%;text-align :center;}
 #headertable{margin: auto;  width :100%;text-align :center;}
 #mainpage {position:absolute; top:140px;left :0; right :0;min-height:100%; min-width:100% ;text-align:center;margin: auto;}
 


#bg img {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
 
 
 
  .dropdown {display:block; position:relative}
/* width of menu */
/* added font size of 10px */
.dropdown dt {width:200px; border:2px solid #9ac1c9; padding:2px 0 2px 0; font-size:10px; font-weight:bold; cursor:pointer; background:white}/* color of background button*/
/* background:url(images/header.gif) */
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background:red}
 /* background:url(images/header_over.gif) */
.dropdown dd {position:absolute; top:0; overflow:hidden; width:120px; display:none; background:#fff; opacity:0} /* width of drop down */
.dropdown ul {
width:240px; font-size:14px;
 font-weight:bold; list-style:none;margin:auto;
 }
.dropdown li {display:inline;}
.dropdown a, .dropdown a:active {
display:block; padding:3px 3px 3px 3px; color:black;
margin:4px 0 4px 0;
 font-family:Arial;
 text-decoration:none; background:lightgreen;
  width:230px;
   -moz-border-radius:50px;
-webkit-border-radius :50px;
border-radius:10px;
  }
 /* background:#eaf0f2 */
.dropdown a:hover {background:red; color:#000}

.dropdown .underline {border:1px solid black;}

.head {font-size:25px; font-weight:bold;color:rgb(176,34,37); font-family:Arial}

/*Top level list items*/
.mainmenu ul li{
position: relative;
display: inline;
float: left;
text-align:center;

}
/*Top level menu link items style*/
.mainmenu ul li a{
display: block;
width: 150px; /*Width of top level menu link items was 90px*/
padding: 2px 8px 0 8px;
/*padding:1em 0em 1em 0em;*/
height:35px;
border: 1px solid #202020;
/*border-left-width: 0;*/
text-decoration: none;
/*background-color: #8080C0;*/
/*background-color: #99FF66;*/
background-color: lightgreen;
color:black;
font: bold 12px Tahoma;
margin-left:8px;
margin-top:10px;
text-align:center;
/*-moz-border-radius:50px; */
/*-webkit-border-radius :50px; */
border-radius:10px;

/*margin:3;*/
}

/*Sub level menu*/
.mainmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;

/*margin:3;*/
}

/*Sub level menu list items*/
.mainmenu ul li ul li{
display: inline;
float: none;

}


/* Sub level menu links style */
.mainmenu ul li ul li a{
width: 60px; /*width of sub menu levels*/
height:20px;
font-weight: normal;
padding: 2px 5px;
background-color: lightgreen;
color:black;
margin-top:0px;
/*background-color:#235b8c;*/
/*color: #FFF;*/
/*background: #e3f1bd;*/
border-width: 0 1px 1px 1px;
}

.mainmenu ul li a:hover{
/*background: url(menubgover.gif) center center repeat-x;*/
background-color:red;
}

.mainmenu ul li ul li a:hover{
background-color:red;
/*background: #cde686;*/
}


.mainmenu .arrowdiv{
position: absolute;
right: 0;
/*background: transparent url(menuarrow.gif) no-repeat center left; */
}





































 .horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
text-align:center;

}


/*Top level menu link items style*/


.horizontalcssmenu ul li a{
display: block;
width: 150px; /*Width of top level menu link items was 90px*/
padding: 6px 5px 0px 5px;
margin :0 10px 0 10px;
height:40px;
border: 1px solid #202020;
text-decoration: none;
background-color: white;
/*color:#235b8c;*/
color:black;
font: bold 14px Comic Sans MS;
/*margin-left:20px;
margin-right:20px;
margin-top:10px; */

text-align:center;
-moz-border-radius:50px;
-webkit-border-radius :50px;
border-radius:10px;
}



/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;

}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 90px; /*width of sub menu levels*/
height:20px;
font-weight: normal;
padding: 5px 5px;
background-color: lightgreen;
color:black;
margin-top:0px;
/*background-color:#235b8c;*/
/*color: #FFF;*/
/*background: #e3f1bd;*/
border-width: 0 1px 1px 1px;

}

.horizontalcssmenu ul li a:hover{
/*background: url(menubgover.gif) center center repeat-x;*/
background-color:yellow;
}

.horizontalcssmenu ul li ul li a:hover{
background-color:red;
/*background: #cde686;*/
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
/*background: transparent url(menuarrow.gif) no-repeat center left; */
}
