﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            DROPMENU.CSS                                      -*/
/*-           ADAPTED VERSION OF SON OF SUCKERFISH MENU WITH ADDITIONAL IE-HOVER FIX             -*/
/*-                   WHICH FIXED HOVERING OVER IMAGES AND FLASH IN IE                           -*/
/*------------------------------------------------------------------------------------------------*/

* html ul#nav{
 position: absolute
}

#navigation ul {/* all lists */
 list-style: none;
 margin: 0;
 text-align: left;
 z-index: 1000;
 float:left;
}

#navigation ul ul{/* all lists */
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0;
 position: relative;
 z-index: 1000
}

#navigation li {/* all list items */
 float: left
/*width: 140px;  width needed or else Opera goes nuts */
}

#navigation li li {/* all list items */
 float: left;
 width: 130px;/*width needed or else Opera goes nuts */
}
/* First level stylings */

#navigation ul li a {
 color: #002776;
 display: block;
 font-size: 1.6em;
 margin: 0px 15px 0 15px;
 padding: 5px 15px 0px 15px;
 margin:0;
 text-decoration: none;
 height:25px;
}

#navigation ul li a.navon {
color:#000;
}

#navigation ul li a.subon {}

#navigation ul li a:hover {
 background-position: bottom;
}
/* Second level stylings */

#navigation li ul {/* second-level lists */
 left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
 position: absolute;
 width: 210px;
 border:solid 1px #c7c8ca;
 padding:5px;
 background:#fff;
}

#navigation li ul li a {
 border-bottom: dotted 2px #c7c8ca;
 color: #002776;
 display: block;
 font-size: 1.2em;
 margin: 0px 0px 0px 10px;
 padding: 6px 2px 6px 20px;
 text-align: left;
 text-decoration: none;
 height:auto;
 width:170px;
 font-weight:bold;
 background:url(../images/bullet.gif) no-repeat 0 8px;

}

#navigation li ul li a:hover {
 text-decoration: none;
 color:#000;
 background:url(../images/bullet.gif) no-repeat 0 8px;
}

#navigation li ul ul {/* third-and-above-level lists */
 margin: -2.7em 0 0 170px
}



#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
 left: -999em
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {/* lists nested under hovered list items */
 left: auto
}

LI:hover UL {
 display: block
}

LI.over UL {
 display: block
}
/* Support for the "iehover-fix.js" */

* html ul#nav iframe, * html ul.nav iframe {
 filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
 left: -0.25em;
 position: absolute;
/* account for the border */
 top: -0.25em;
 z-index: 0
}
/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */
