/* ================================================================ 
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.
=================================================================== */

.link4b { float:left; position:relative; z-index:2;}


.link4b ul {list-style:none; margin:0;
padding:0;}

#dropdown
{float:right;
margin-right:1px;
margin-bottom:10px;}

#topnav
{ float:left; position:relative; z-index:2;}

#topnav ul {list-style:none; margin:0;
padding:0;}


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

* html #topnav ul ul {top:25px;t\op:25px;}

* html #topnav ul ul li { width: 134px; }

/* yet another hack for IE5.5 */
* html #topnav ul ul a {width:166px;w\idth:166px;}

#topnav
{float:left;
background: #027c33;
color:#fff;
position:relative;
text-align:left;
width:176px;
margin:0;
padding:0;
font-size:12px;
text-decoration:none;
font-weight:bold;}

#topnav ul li a
{float:left;
color:#fff;
position:relative;
margin:0;
padding:0;
text-align:left;
padding-top:4px;
padding-left:10px;
width:176px;
text-decoration:none;
font-weight:bold;}

#topnav ul li a:hover
{color:#fff;
background-position:left;
float:left;
width:156px;}

#topnav ul li {float:left; position:relative; list-style:none; width:176px; height:28px;}

/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {visibility:hidden; float:left; position:absolute; height:0; top:28px; left:0px; }

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

/* style the second level links */
#topnav ul ul li { height: auto;}

#topnav ul ul a { background:#959595; float:left;
color:#fff; height: auto; font-size: 12px; text-transform: none;
border-bottom:1px solid #696253;
width:166px; padding-bottom:8px; padding-top:5px; font-family: Arial, Helvetica, sans-serif;}

#topnav ul ul .topsub_last a { border: none; }

#topnav ul ul .topsub_last { }

#topnav ul li a:hover {float:left;display:inline;
width:166px;
font-weight:bold;}

#topnav ul li ul li a:hover {
float:left;
display:inline;
width:166px;
font-weight:bold;}


#topnav a:hover {}

#topnav :hover > a {color: #FFFFFF; 
width:166px;
}

/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul, #topnav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav ul :hover ul :hover ul{ visibility:visible;}
#topnav ul ul a:hover, #topnav ul ul :hover > a { background: #808080 repeat-x; width:166px; color: #FFFFFF;}




