/*------------------------------------------------------------------------------------------------*/
/*-                                            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 {
height:60px; /*Give a set height to the li so that the jquery padding doesnt nudge the whole page*/
}

#navigation ul li a {
 color: #fff;
 display: block;
 font-size: 2.35em;
 margin: 0px 0px 0px 0px;
 padding: 7px 22px 10px 28px;
 text-align: left;
 text-decoration: none;
 font-family: Georgia, Times, Serif;
 background: url(../images/nav_border.png) no-repeat top right;
}

#navigation ul li a span {
 color: #ad9048;
 display: block;
 font-size: 0.45em;
 margin: 0;
 padding: 8px 0 0 0;
 text-align: left;
 text-decoration: none;
}

#navigation ul li a.navon {
 color: #ad9048;

}

#navigation ul li a.subon {}

#navigation ul li a:hover {
}
/* 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: #51738b;
 border-bottom: solid 1px #fff;
 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: #496b83;
 text-decoration: none
}

#navigation li ul ul {/* third-and-above-level lists */
 background: #2777a8;
 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" */