/* This file is only used by Main.aspx */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_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.
=================================================================== */
#main-multi-level {height:29px; width:2000px; position:relative; z-index:100; background:#fff;}
 
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
 
.main-menu, .main-menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:13px;}
 
/* Set up the size of the list items and float left to place inline */
.main-menu li.top {display:block; float:left; position:relative; background: url(images/NavSepOffL.gif) left top no-repeat; padding: 0px 0px 0px 11px;}
 
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.main-menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
 
/* Default link styling */
.main-menu li.top a.top_link {display:block; float:left; height:29px; line-height:29px; text-decoration:none; color: #fff; background: url(images/NavOff.gif); padding:0;}
.main-menu li.top a.top_link span.span_top {display:block; float:left; height:29px; background: url(images/NavSepOffR.gif) right top no-repeat; padding:0 5px 0 0;}
.main-menu li.top a.top_link span.drop {background: url(images/NavSepOffR.gif) right top no-repeat; padding:0 15px 0 0;}

/* style the currently select tab */
.main-menu li.top_sel { background: url(images/NavSepOnL.gif) left top no-repeat; }
.main-menu li.top_sel a.top_link { color: #fff; background: url(images/NavOn.gif); padding:0;}
.main-menu li.top_sel a.top_link span.span_top { background: url(images/NavSepOnR.gif) right top no-repeat;}
.main-menu li.top_sel a.top_link span.drop {background: url(images/NavSepOnR.gif) right top no-repeat;}
 
 
/* Style the list OR link hover. Depends on which browser is used */
.main-menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.main-menu li:hover {position:relative; z-index:200;}
 
/* Style the top level links */
.main-menu li.top:hover {background: url(images/NavSepOnL.gif) left top no-repeat; }
.main-menu li.top a.top_link:hover,
.main-menu li.top:hover a.top_link {background: url(images/NavOn.gif);}
.main-menu li.top a.top_link:hover span.span_top,
.main-menu li.top:hover a.top_link span.span_top {background: url(images/NavSepOnR.gif) right top no-repeat;}
.main-menu li.top a.top_link:hover span.drop,
.main-menu li.top:hover a.top_link span.drop {background: url(images/NavSepOnR.gif) right top no-repeat;}
 
/* keep the 'next' level invisible by placing it off screen. */
.main-menu ul, 
.main-menu ul ul, 
.main-menu :hover ul :hover ul ul,
.main-menu :hover ul :hover ul :hover ul ul,
.main-menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
 
/* Style the drop down sub level links */
.main-menu :hover ul.sub {left:0; top:26px; background: transparent url(images/transparent.gif); padding:0px; white-space:nowrap; width:170px; height:auto;}
.main-menu :hover ul.sub li {display:block; float:left; border-top: solid 1px #336d1b!important; border-bottom: #163c05 1px solid; border-left: #163c05 1px solid; border-right: #163c05 1px solid;}
.main-menu :hover ul.sub li a {display:block; float:left; height:24px; width:210px; line-height:25px; color:#fff; text-decoration:none; padding:0; background-color: #22540d;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.main-menu :hover ul.sub li a span,
.main-menu :hover ul.sub li a.fly:hover ul li a span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background-color: #22540d; height:24px; width:205px; padding:0px; font-weight:normal; color:#fff; margin-left: 5px;}
 
.main-menu :hover ul.sub li a.fly span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background-color: #22540d; color:#fff;}
 
.main-menu :hover ul.sub li a:hover,
.main-menu :hover ul.sub li a:hover ul li a:hover,
.main-menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.main-menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.main-menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background-color: #cbe5c0!important; color:#000;}
 
.main-menu :hover ul.sub li a:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background-color: #cbe5c0!important; color:#000;}
 
.main-menu :hover ul.sub li a.fly:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.main-menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background-color: #cbe5c0!important; color:#000;}
 
/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.main-menu :hover ul li:hover > a.fly {background-color: #cbe5c0!important; color:#000;}
.main-menu :hover ul li:hover > a.fly span {background-color: #cbe5c0!important; color:#000;}
 
/* Position the flyouts */
.main-menu :hover ul :hover ul,
.main-menu :hover ul :hover ul :hover ul,
.main-menu :hover ul :hover ul :hover ul :hover ul,
.main-menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:0; background:transparent url(images/transparent.gif); padding:0px 5px 0px 0px; white-space:nowrap; z-index:200; height:auto;}