*{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 }
#hdrmy{float :left ; width:140px }
#hdrface{float :right ; width:140px}
#hdrmymain {height :100px ; text-align:center; margin: 0 140px 0 140px; background :lightgreen}
 #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}
 #instr {margin-left:20px; text-align :left;}
 #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 30px 2px 10px;background :lightgreen}
 span#myhead {font-family:Arial ; font-size:20px;color : Black ;
   font-weight:bold; padding : 2px 20px 2px 10px;}
 
 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:160px; 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:200px; 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:180px;
   -moz-border-radius:50px;
-webkit-border-radius :50px;
border-radius:10px;
  }
.nav {
  list-style:none;
  font-weight:bold;
  float:left;
  width:100%;
  position: relative;
  text-align:center;
  z-index:5;
  margin-bottom:10px;

  }
 .nav li{
  float:left;
  margin-right:10px;
  position: relative;
  }
 .nav a{
    display:block;
    padding:5px;
    color: black;
    background-color: lightgreen;
    text-decoration: none;
    margin:2px;
     /*-moz-border-radius:50px; */
/*-webkit-border-radius :50px; */
  border-radius:10px;
    }

  .nav a:hover{
     color: #fff;
     background-color: red;
     text-decoration: none;
     }
   .nav ul{
      background-color: #fff;
      background: rgba(255,255,255,0);
      list-style:none;
      position: absolute;
      left: -9999;
      }
   .nav ul li{
      padding-top: 1px;
      padding-bottom: 1px;
      background-color: blue;
      float: none;
      }
   .nav ul a{
    white-space: nowrap;
    }
  .nav li:hover ul{
   left:0;
   }
  .nav li:hover a{
     background-color: red;
     text-decoration: none;
     }

  .nav li:hover ul a{
     background-color: lightgreen;
     text-decoration: none;
     }
   .nav li:hover ul li a:hover{
       background-color: red;
     }

 .navcen {
  list-style:none;
  font-weight:bold;
  float:left;
  width:100%;
  position: relative;
  text-align:center;
  z-index:5;
  margin-bottom:10px;

  }
 .navcen li{
  /*float:left; */
  margin-right:10px;
  text-align:center;
  position: relative;
  }
 .navcen a{
    display:block;
    padding:5px;
    color: black;
    background-color: lightgreen;
    text-decoration: none;
     /*-moz-border-radius:50px; */
/*-webkit-border-radius :50px; */
  border-radius:10px;
    }
  .navcen a:hover{
     color: #fff;
     background-color: red;
     text-decoration: none;
     }
   .navcen ul{
      background-color: #fff;
      background: rgba(255,255,255,0);
      list-style:none;
      position: absolute;
      left: -9999;
      }
   .navcen ul li{
      padding-top: 1px;

      float: none;
      }
   .navcen ul a{
    white-space: nowrap;
    }
  .navcen li:hover ul{
   left:0;
   }
  .navcen li:hover a{
     background-color: red;
     text-decoration: none;
     }

  .navcen li:hover ul a{
     background-color: lightgreen;
     text-decoration: none;
     }
   .navcen li:hover ul li a:hover{
       background-color: red;
     }




 /* 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;text-align:center;}

/*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: 120px; /*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:#235b8c;
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:rgb(176,34,37);
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:#235b8c;
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; */
}