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

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


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

#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:38px;t\op:38px;}

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

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

#topnav
{float:left;

color:#fff;
position:relative;
text-align:left;
width:111px;
height:40px;
margin:0;
padding:0;
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:10px;
padding-left:25px;
width:60px;
height:40px;
text-decoration:none;
font-weight:bold;}

#topnav ul li a:hover
{color:#fff;
width:90px;}

#topnav ul li {float:left; position:relative; list-style:none;}








/* 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:38px; 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 { background: #1a1154; height: auto;}

#topnav ul ul a { background: none;
color:#fff; height: auto; font-size: 11px; border-bottom: 1px solid #31298e; text-transform: none; font-weight: normal;
width:150px; height:28px; padding-top:10px;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;
background: url(images/linkh.jpg) repeat-x;
width:84px;
font-weight:bold;}

#topnav ul li ul li a:hover {float:left;display:inline;
background: url(images/linkh.jpg) repeat-x;
width:150px;
/*font-weight:bold;*/
font-weight: normal;}


#topnav a:hover {background: #676767;}

#topnav :hover > a {color: #FFFFFF; background: url(images/linkh.jpg) repeat-x bottom;
width:85px;
height:28px;}

/* 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: #140d40 repeat-x; width:150px; color: #FFFFFF;}