/* ================================================================ 
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/snowstorm.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* default styling */
.topnav,
.topnav ul {list-style-type:none; margin:0; padding:0; float:left;}
.topnav a {text-decoration:none;}
.topnav {font-family: verdana, sans-serif; font-size:11px; margin-bottom:-1px;  z-index:1;}

/* style the links */
.topnav a {float:left; background:#e0d3b8; color:#000; text-align:center; line-height:16px; padding:4px 0; border:1px solid #fff; margin-bottom:-1px;}
.topnav a.sub-a {background:#bf1434; color:#fff;}

.topnav a:hover,
.topnav a:focus,
.topnav a:active {outline:0; color:#fff; background:#b2ab9b;}

/* this is for the path highlight in all browsers except IE6 and lower */
.topnav li:hover > a {color:#fff; background:#b2ab9b;} 

/* WIDTH change this WITH CARE to suit your requirements */
.topnav {width:164px; margin-right:-1px;}
.topnav a {width:162px; margin-right:-163px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.topnav ul li {max-width:164px;} /* fix for IE8 */

/* flyout TOP positions */
.topnav ul.fly {top:-25px;} /* position the top of the flyout first sub-limenus */
.topnav ul.fly2 {top:-41px;} /* position the top of the flyout sub-limenus with previous text on two lines */

/* flyout LEFT/RIGHT positions */
.topnav ul.fly {left:163px;}
.topnav .left ul.fly {left:auto; right:119px;}


/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.topnav ul {position:relative; margin-bottom:-10000px;} 
.topnav ul li {float:left; clear:left;}
.topnav a {position:relative;}
.sub-li {margin-top:-10000px;}
.sub-a {margin-top:10000px;}

/* The bit that does ALL the work to bring the sub-limenus into view */
.sub-li a:hover,
.sub-li a:focus,
.sub-li a:active {margin-right:0;}

/* OPERA fix */
.topnav ul:hover {clear:left;}

/*IE5-7 fixes*/
.topnav .sub-li {width:100%;}
a:active {}
/* ---------------------------------------------------------------------------- */