/* ================================================================ 
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/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* position of the whole menu */
#nav {margin:20px 0 5px 0;}

/* background & position for the whole menu */
#nav {width:100%; height:50px; background:url(nav.jpg) top repeat-x; position:relative;}

/* basic properties for the top level menu */
#nav .select, #nav .current {margin:0; padding:0 ; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}

/* styles for the top level menu */
#nav .select a,
#nav .current a {display:block; height:35px; float:left; background:url(nav.jpg); padding:0 10px 0 10px; text-decoration:none; font:140% Trebuchet MS; line-height:30px; white-space:nowrap;  color:#fff;
border-bottom:2px solid #4f9ec9;border-top:2px solid #388cba;border-left:2px solid #388cba;border-right:2px solid#388cba;}
* html #nav .select a, * html #nav .current a {width:1px; height:36px;} /* for IE5.5 and IE6 only */

/* styles for the top level menu on hover */
#nav .select a:hover, 
#nav .select li:hover a {background:#4f9ec9; cursor:pointer; color:#444;}

/* hide the sub level menu */
#nav .sub {display:none;}
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;} /* for IE5.5 and IE6 only */

/* style for the active top level menu */
#nav .current a {background:#4f9ec9; color:#444;}

/* styles for the sub level menu on hover */
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#4f9ec9; color:#fff; font:100% verdana;}

/* styles for the active sub level menu on hover */
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#4f9ec9; color:#fff; border-bottom:2px solid #79b933;}

/* background for the sub level menu */
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:100%; top:35px; left:0; background:#4f9ec9; margin-top:0px; padding:0px; z-index:100; color:#fff; font:90% verdana;}

/* background & position for active the sub level menu */
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:98.3%; top:35px; left:0;  background:#4f9ec9; color#fff; margin-top:0; padding:0 10px 0 10px; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-top:1px;}/* for IE5.5 and IE6 only */

/* styles for active the sub level menu */
#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#4f9ec9; padding:5px 10px 5px 10px; margin:0; font:90% verdana; white-space:nowrap; border:0; color:#444;}

/* styles for the sub level menu */
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; line-height:20px; height:20px; background:#4f9ec9; padding:5px 10px 5px 10px; margin:0; white-space:nowrap; border:0; color:#444; font:100% verdana;}