/*************************************************************************
*   Top menu style sheet
*
****************************************************************************/

div#topnav {
 width:100%;
 float:left;
 border-top:1px solid black;
 border-bottom:1px solid black;
 font-size:.7em;
 background-color: rgb(17,212,212);       
 margin-top:0px;
 color:black;
}

div#topnav ul {
  margin:0 0 0 1px;
}

div#topnav li {
 float:left;
 position:relative;
 list-style-type:none;
  background-color: rgb(17,212,212);       
 padding:0;
 margin-left:1px;
 border-left:1px solid black;
}
/*****************************************
div#topnav li:first-child {
 border-left:1px solid black;
}
************************************/
/**********************
div#topnav li:hover {
 background-color:red;
}
**********************/
div#topnav a {
 display:block;
 padding:0 22px;
 text-decoration:none;
 font-weight:bold;
 color:black;
 background-color: rgb(17,212,212);
}

div#topnav a:hover {
 color:red;
}
div#topnav a#curlnk {
  background-color: rgb(53,217,180);
}
div#topnav ul li ul {
  margin:0;
  z-index: 20;
  position:absolute;
  width:10em;
  left: -1px;
}
div#topnav ul li ul li {
  width:100%;
  padding:0;
  border-left:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
}
div#topnav ul li ul li a {padding:1px .3em;}
div#topnav ul li ul li:first-child {
  border-top:1px solid black;
}

div#topnav ul li ul {
  display:none;
}
div#topnav ul li:hover ul {
  display:block;
}
div#topnav ul li:hover ul, div#topnav ul li ul:hover {display:block;}

/* pop-outs start here  */

body div#topnav ul li ul li ul {
    position:absolute;
    visibility: hidden;
    top: -1px;
    left: 10em;
  }
div#topnav ul li ul li:hover ul {
   visibility:visible;
  }
/*  second level poputs start here */

div#topnav ul li ul li:hover ul li ul {
   visibility:hidden;
  }
div#topnav ul li ul li ul li:hover ul {
  visibility:visible;
}
/*  Hack zone */
/****************************
* html a {
  display:block;
}
*****************************/
/*****************************
* html div#topnav ul {
  float:left;
  border-left:1px solid black;
  margin-left: 1px;
  margin-top:-3px;
}
*****************************/
 
* html div#topnav ul li ul {
  border-top:1px solid black;
  border-left:0px;
  z-index:20;
}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value */
* html div#topnav ul li ul li ul {
  left:.85em;
  voice-family: "\"}\"";
  voice-family:inherit;
  left:10em;
 }
/* and the "be nice to Opera" rule */
 html>body div#topnav ul li ul li ul {
  left:10em;
  }

/* an Opera-only hack to fix a redraw problem */
 @media all and (min-width: 0px;) {
  body div#topnav ul li ul {padding-bottom:100px;}
  body div#topnav ul li ul li ul {padding-bottom:22px;}
  ul li ul li ul li ul li:hover {visibility:visible;}
  }
/* end of styles */