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

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


#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;
background: url(images/link2.jpg) no-repeat;
color:#fff;
position:relative;
font-size:13px;
text-align:left;
width:85px;
height:40px;
margin:0;
padding:0;
text-decoration:none;
font-weight:bold;}

#topnav ul li a
{float:left;
background: url(images/link2.jpg) no-repeat;
color:#fff;
position:relative;
font-size:13px;
margin:0;
padding:0;
text-align:left;
padding-top:10px;
padding-left:20px;
width:65px;
height:40px;
text-decoration:none;
font-weight:bold;}

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

#topnav1 ul li a:hover
{color:#fff;}

#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:39px; 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: #393939; height: auto;}

#topnav ul ul a { background: none;
color:#fff;  height: auto; font-size: 0.85em; border-bottom: 1px solid #5F5F5F; text-transform: none;
width:130px; padding-bottom:10px;}

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

#topnav ul ul .topsub_last { }

#topnav a:hover {background: #676767;}
#topnav :hover > a {color: #FFFFFF; background: #676767 url(../../images/nav_h.gif) repeat-x bottom}

/* 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: #2F2F2F; color: #FFFFFF;}



















#topnav1 { float:left; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */


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


#topnav1
{float:left;
background: url(images/link1.jpg) no-repeat;
color:#fff;margin:0;padding:0;
font-size:13px;
text-decoration:none;
font-weight:bold;
}

#topnav1 ul li a
{float:left;
background: url(images/link1.jpg) no-repeat;
width:58px;
color:#fff;
margin:0;padding:0;
padding-top:10px;
padding-left:20px;
font-size:13px;
text-decoration:none;
font-weight:bold;
height:30px;}


#topnav1 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 */
#topnav1 ul ul {visibility:hidden; float:left; position:absolute; height:0; top:39px; left:0px; }

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

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

#topnav1 ul ul a { background: none;
color:#fff; height: auto; font-size: 0.85em; border-bottom: 1px solid #5F5F5F; text-transform: none;
width:130px; padding-bottom:10px;}

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

#topnav1 ul ul .topsub_last { }

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

#topnav1 a:hover {background: #676767;}
#topnav1 :hover > a {color: #FFFFFF; background: #676767 url(../../images/nav_h.gif) repeat-x bottom}

/* make the second level visible when hover on first level list OR link */
#topnav1 ul li:hover ul, #topnav1 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#topnav1 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav1 ul :hover ul :hover ul{ visibility:visible;}
#topnav1 ul ul a:hover, #topnav1 ul ul :hover > a { background: #2F2F2F; color: #FFFFFF;}