/* CSS Document */
/* ================================================================ 
Stylesheet for common top navigation menu
=================================================================== */

.top-menu {padding:0px; margin:0; list-style:none; height:28px; position:relative; z-index:999; Verdana, Arial, Helvetica, sans-serif; color:#404040;}

/* top level menu header */
.top-menu li.top {z-index:999; overflow:visible; width:115px; display:block; float:left; padding:29px 0 0 0;}
.top-menu li a.top_link {display:block; float:left; height:28px; text-decoration:none; }
.top-menu li a.top_link span {display:block; height:28px; float:left; padding:0 4px 0 10px; line-height:27px; font-size:1.0em; font-weight:bold; color:#404040; cursor:pointer; }
.top-menu li a.top_link b {display:block; width:15px; height:28px; float:left;}
.top-menu li a.top_link b.down {background: url(images/topnav-tabdown-off.png) no-repeat;}

.top-menu li a.top_link:hover span {background: url(images/topnav-tab.png) no-repeat; line-height:26px; color:#ffffff;}
.top-menu li a.top_link:hover b {background: url(images/topnav-tabb-on.png) no-repeat; color:#ffffff;}
.top-menu li:hover > a.top_link span {width:80px; background: url(images/topnav-tab.png) no-repeat; line-height:26px; color:#ffffff;}
.top-menu li:hover > a.top_link b {background: url(images/topnav-tabb-on.png) no-repeat; color:#ffffff;}
.top-menu li:hover > a.top_link b.down {background: url(images/topnav-tabdown-on.png) no-repeat; color:#ffffff;}
.top-menu a:hover {visibility:visible; position:relative; z-index:200;}
.top-menu li:hover {position:relative; z-index:200;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

/* keep the 'next' level invisible by placing it off screen. */
.top-menu ul, 
.top-menu :hover ul ul, 
.top-menu :hover ul :hover ul ul,
.top-menu :hover ul :hover ul :hover ul ul,
.top-menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.top-menu :hover ul.sub {z-index:300; left:0; top:24px; white-space:nowrap; width:140px; height:auto; z-index:300;padding:29px 0 0 0;}
.top-menu :hover ul.sub li {display:block; height:22px; float:left; width:140px; font-weight:normal; background: url(images/topnav-submid.png);}
.top-menu :hover ul.sub li.fly {background: url(images/topnav-submid-r.png);}
.top-menu :hover ul.sub li a {display:block; position:relative; font-size:1.0em; height:22px; width:120px; line-height:22px; text-indent:10px; color:#ffffff; text-decoration:none; background:url(images/trans.gif);}
.top-menu :hover ul.sub li a:hover {color:#FFA280; text-decoration:underline; }
.top-menu :hover ul.sub :hover > a {color:#ffffff;}

.top-menu :hover ul :hover ul,
.top-menu :hover ul :hover ul :hover ul,
.top-menu :hover ul :hover ul :hover ul :hover ul,
.top-menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:212px; top:2px; white-space:nowrap; width:120px; z-index:400; height:auto;}

/* Big width drop-down menu */
.top-menu :hover ul.sub li.subtop,
.top-menu :hover ul :hover ul li.subtop,
.top-menu :hover ul :hover ul :hover ul li.subtop,
.top-menu :hover ul :hover ul :hover ul :hover ul li.subtop
{width:260px; padding-top: 2px; background:url(images/topnav-bsubtop.png);}

.top-menu :hover ul.sub li.submid,
.top-menu :hover ul :hover ul li.submid,
.top-menu :hover ul :hover ul :hover ul li.submid,
.top-menu :hover ul :hover ul :hover ul :hover ul li.submidmid
{width:260px; padding-top: 2px; background:url(images/topnav-bsubmid.png);}

/* Menu item with fly-out - currently only used with widest menu */
.top-menu :hover ul.sub li.fly,
.top-menu :hover ul :hover ul li.fly,
.top-menu :hover ul :hover ul :hover ul li.fly,
.top-menu :hover ul :hover ul :hover ul :hover ul li.fly
{width:260px; padding-top: 2px; background:url(images/topnav-bsubmid-r.png);}

.top-menu :hover ul.sub li.subbot,
.top-menu :hover ul :hover ul li.subbot,
.top-menu :hover ul :hover ul :hover ul li.subbot,
.top-menu :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; width:260px; background:url(images/topnav-bsubbottom.png);}

/* Medium width drop-down menu */
.top-menu :hover ul.sub li.msubtop,
.top-menu :hover ul :hover ul li.msubtop,
.top-menu :hover ul :hover ul :hover ul li.msubtop,
.top-menu :hover ul :hover ul :hover ul :hover ul li.msubtop
{width:220px; padding-top: 2px; background:url(images/topnav-msubtop.png);}

.top-menu :hover ul.sub li.msubmid,
.top-menu :hover ul :hover ul li.msubmid,
.top-menu :hover ul :hover ul :hover ul li.msubmid,
.top-menu :hover ul :hover ul :hover ul :hover ul li.msubmid
{width:220px; padding-top: 2px; background:url(images/topnav-msubmid.png);}

.top-menu :hover ul.sub li.msubbot,
.top-menu :hover ul :hover ul li.msubbot,
.top-menu :hover ul :hover ul :hover ul li.msubbot,
.top-menu :hover ul :hover ul :hover ul :hover ul li.msubbot
{width:220px; height:30px; background:url(images/topnav-msubbottom.png);}

/* Small width drop-down menu */
.top-menu :hover ul.sub li.ssubtop,
.top-menu :hover ul :hover ul li.ssubtop,
.top-menu :hover ul :hover ul :hover ul li.ssubtop,
.top-menu :hover ul :hover ul :hover ul :hover ul li.ssubtop
{width:140px; padding-top: 2px; background:url(images/topnav-ssubtop.png);}

.top-menu :hover ul.sub li.ssubmid,
.top-menu :hover ul :hover ul li.ssubmid,
.top-menu :hover ul :hover ul :hover ul li.ssubmid,
.top-menu :hover ul :hover ul :hover ul :hover ul li.ssubmidmid
{width:140px; padding-top: 2px; background:url(images/topnav-ssubmid.png);}

.top-menu :hover ul.sub li.ssubbot,
.top-menu :hover ul :hover ul li.ssubbot,
.top-menu :hover ul :hover ul :hover ul li.ssubbotbbot,
.top-menu :hover ul :hover ul :hover ul :hover ul li.ssubbot
{width:140px; height:30px; background:url(images/topnav-ssubbottom.png);}

/* Second level fly-out menu */
.top-menu :hover ul.sub li.sub2top,
.top-menu :hover ul :hover ul li.sub2top,
.top-menu :hover ul :hover ul :hover ul li.sub2top,
.top-menu :hover ul :hover ul :hover ul :hover ul li.sub2top
{width:120px; padding-top: 2px; background:url(images/topnav-sub2top.png);}

.top-menu :hover ul.sub li.sub2mid,
.top-menu :hover ul :hover ul li.sub2mid,
.top-menu :hover ul :hover ul :hover ul li.sub2mid,
.top-menu :hover ul :hover ul :hover ul :hover ul li.sub2mid
{width:120px; padding-top: 2px; background:url(images/topnav-sub2mid.png);}

.top-menu :hover ul.sub li.sub2bot,
.top-menu :hover ul :hover ul li.sub2bot,
.top-menu :hover ul :hover ul :hover ul li.sub2bot,
.top-menu :hover ul :hover ul :hover ul :hover ul li.sub2bot
{width:120px; height:30px; background:url(images/topnav-sub2bottom.png);}