/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {
bottom:0px;
height:25px;
left:0px;
position:absolute;
width:851px;
z-index:300;
}

/* hack to correct IE5.5 faulty box model */
* html #nav {
width:852px; 
w\idth:851px;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav {
list-style-type:none;
font-size:0.875em;
margin:0;
padding:0;
}

#nav ul {
width:auto;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
float:left;
position:relative;
width:auto;
}

/* style the links for the top level */
#nav a:link, #nav a:visited {
background:#EAF1F5;
color:#000000;
display:block;
float:left;
margin-right:2px;
padding:4px 25px 3px 10px;
text-decoration:none;
width:auto;
}

#nav .page-item-12 a:link, #nav .page-item-12 a:visited {
background:#EAF1F5 url(../imgs/sub-arrow.gif) 72px 10px no-repeat;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {
width:auto; 
w\idth:auto;
}

/* style the second level background */
#nav ul a.drop, #nav ul a.drop:visited {
background:#EAF1F5;
}

/* style the second level hover */
#nav ul a.drop:hover{
background:#EAF1F5;}

#nav ul :hover > a.drop {
background:#EAF1F5;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul {
background:#EAF1F5;
left:0px;
font-size:0.857em;
margin:0px;
padding:0px 10px;
position:absolute;
top:25px;
visibility:hidden;
width:105px;
z-index:400;
}

/* another hack for IE5.5 */
* html #nav ul {
top:24px;
t\op:25px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {
border-collapse:collapse;
left:0;
position:absolute; 
top:0; 
}

/* style the second level links */
#nav ul a:link, 
#nav ul a:visited, 
#nav .current_page_item ul a:link, 
#nav .current_page_item ul a:visited, 
#nav .current_page_item.page-item-12 ul a:link, 
#nav .current_page_item.page-item-12 ul a:visited {
background:#EAF1F5;
border-bottom:1px solid #D9D9D9;
color:#000000;
display:block;
float:none;
margin-right:0px;
padding:5px 0px;
position:relative;
width:105px;
}

#nav .page-item-12 ul a:link, 
#nav .page-item-12 ul a:visited {
background:#EAF1F5;
}

#nav ul li.page-item-34 a:link, 
#nav ul li.page-item-34 a:visited, 
#nav .current_page_item.page-item-12 ul li.page-item-34 a:link, 
#nav .current_page_item.page-item-12 ul li.page-item-34 a:visited {
border-bottom:none;
}

/* yet another hack for IE5.5 */
* html #nav ul a:link, * html #nav ul a:visited {
width:124px;
w\idth:125px;
}

/* style the top level hover */
#nav a:hover, #nav :hover > a:link, #nav :hover > a:visited, #nav .current_page_item a:link, #nav .current_page_item a:visited {
background:#00395A;
color:#ffffff;
}

#nav .page-item-12 a:hover, 
#nav .page-item-12:hover > a:link, 
#nav .page-item-12:hover > a:visited, 
#nav .current_page_item.page-item-12 a:link, 
#nav .current_page_item.page-item-12 a:visited {
background:#00395A url(../imgs/sub-arrow.gif) 72px -90px no-repeat;
}


#nav ul :hover > a:link, 
#nav ul :hover > a:visited, 
#nav ul a:hover, 
#nav ul .current_page_item a:link, 
#nav ul .current_page_item a:visited, 
#nav .page-item-12 ul a:hover, 
#nav .current_page_item.page-item-12 ul a:hover {
background:#EAF1F5;
color:#00395A;
}

/* make the second level visible when hover on first level list OR link */
#nav li:hover ul, #nav a:hover ul, #nav li.sfhover ul {
visibility:visible; 
}