/*------------------------------------------------------------------------------------------------*/
/*-                                            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 */
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 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 {
border-left: solid 0px #dbdbdb;
padding:0 0 0 0;
margin: 0px 0 0 0;
}

#navigation ul li a {
 color: #525252;
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 margin: 0px 0px 1px 0px;
 padding: 11px 18px 12px 17px;
 text-align: left;
 text-decoration: none;
 text-transform: uppercase;
 background: url(../images/navslice.gif) repeat 0 0;
 }

#navigation ul li a.navon {
color: #dd3a17
}

#navigation ul li a.subon {
}

#navigation ul li a:hover {
color: #dd3a17;
background-position: 0 -39px;
}

/*######################## Second level stylings ########################*/

#navigation ul 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: 170px;
 border-left: solid 0px red;
 padding: 0px;
}

#navigation ul li ul li {
border-left: solid 0px #dbdbdb;
padding:0px 0px 0px 0px;
margin:0px;
}

#navigation ul li ul li a {
 background: #fff;
 border: solid 1px #e9e9e9;
 border-top:0;
 color: #525252;
 display: block;
 font-size: 1.2em;
 margin: 0px 0px 0px 0px;
 padding: 8px 5px 10px 10px;
 text-align: left;
 text-decoration: none;
 width: 200px;
 text-transform: none;
 font-weight: normal;
}

#navigation li ul li a:hover {
 text-decoration: none;
 color:#dd3a17;
}

#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" */