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

/* STAYSAFE */

#mainnav 					{ width: 100%; position: relative; z-index: 100; padding: 0; margin: 0; }
#mainnav ul 				{ background-color: transparent; float: left; list-style-type: none; padding: 0; margin: 20px 0 0 6px; }
#mainnav ul li				{ width: 110px; background-color: transparent; float: left; display: inline; list-style-type: none; font-weight: bold; font-size: 1.0em; color: #fff; text-align: center; padding: 0; margin: 0 3px; }   
#mainnav ul li.selected		{ background-color: transparent; }

#mainnav a, 
#mainnav a:visited 			{ width: 96px; height: 47px; float: left!important; display: block; position: relative; background: transparent none; font-weight: bold; text-decoration: none; color: #fff; padding: 5px 7px 0; border: 0; margin: 0; }

#mainnav a:hover,
#mainnav a:active,
#mainnav .selected a,
#mainnav .selected a:visited		{ background: transparent url("templatefiles/both.gif") no-repeat 0 -150px; color: #0168b5; }
#mainnav .selected li a,
#mainnav .selected li a:visited		{ background: transparent none; color: #0168b5; }


/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav a 				{ float: none; }
 /* End IE5-Mac hack */

/* not for IE5.x or IE6 */
#mainnav li:hover				{ position: relative; background: transparent url("templatefiles/both.gif") no-repeat 0 -150px; }
#mainnav li:hover a,
#mainnav li:hover a:visited		{ color: #0168b5; }
#mainnav li:hover li		 	{ background: transparent none; } 

#mainnav li:hover li a,
#mainnav li:hover li a:visited	{ color: #0168b5; }
#mainnav li:hover li a:hover,
#mainnav li:hover li a:active	{ color: #fff; }

#mainnav li ul 					{ display: none; width: 150px; position: absolute; top: 52px; left: 0; background: #B5D3EB none; padding: 0; margin: 0; }
#mainnav li:hover > ul 			{ display: block; }
#mainnav li ul li 				{ width: 150px; background: #B5D3EB none; font-size: 0.85em; text-align: left; padding: 0; margin: 0;}


#mainnav li ul li a, 
#mainnav li ul li a:visited 	{ width: 130px; height: auto; float: none!important; display: block; position: relative; left: 0; background: none; color: #0168b5; padding: 10px; border: 0; border-bottom: 1px solid #fff; margin: 0; }
#mainnav li ul li a:hover, 
#mainnav li ul li a:active 		{ background: transparent none; color: #fff; }


#mainnav > li:hover > ul 		{ top: 52px; left: 0; }

#mainnav table 					{ position: absolute; top: 0; left: 0; border-collapse: collapse; z-index: 100; }

* html #mainnav li a:hover 		{ position: relative; }

#mainnav li a:active, 
#mainnav li a:focus 			{ background: transparent; color: #e50004; }

* html #mainnav li ul 			{ visibility: hidden; display: block; position: absolute; top: 52px; left: 0; padding: 0; }

#mainnav li a:hover ul ul 		{ visibility: hidden; }
#mainnav li a:hover ul a:hover ul ul { visibility: hidden; }
#mainnav li a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
#mainnav li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }

#mainnav li a:hover ul { visibility: visible; left: 0; top: 52px; lef\t:0; to\p:52px; }
#mainnav li a:hover ul a:hover ul { visibility: visible; top: 52px; left: 0; }
#mainnav li a:hover ul a:hover ul a:hover ul { visibility: visible; }
#mainnav li a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
#mainnav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }