﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            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: 0px 0px 0px 0px;
 text-align: left;
 z-index: 1000
}

#navigation ul ul{/* all lists */
 background: #2777a8;
 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: #353535;
 display: block;
 font-size: 1.2em;
 margin: 0px 0px 0px 0px;
 padding: 16px 41px 14px 40px;
 text-align: left;
 text-decoration: none;
 border-left: solid 1px #989b9b;
 border-right: solid 1px #eee;
}

#navigation ul li a.navon {
 background: #c32d27;
 color: #fff;
}

#navigation ul li a.subon {}

#navigation ul li a:hover {
 background: #c32d27;
 color: #fff;
}
/* Second level stylings */

#navigation li ul {/* second-level lists */
 background: #2777a8;
 left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
 position: absolute;
 width: 170px
}

#navigation li ul li a {
 background: #7b8181;
 border-bottom: solid 1px #fff;
 border-right: 0px;
 border-left: 0px;
 color: #fff;
 display: block;
 font-size: 1.1em;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 text-align: left;
 text-decoration: none;
 width: 153px
}

#navigation li ul li a:hover {
 background: #c32d27;
 text-decoration: none
}

#navigation li ul ul {/* third-and-above-level lists */
 background: #c32d27;
 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" */