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

.menu_bg {width:940px; height:200px; background:#ccc; padding-top:12px;} .navbar {width:900px; margin:0 auto; z-index:150; position:relative;} .nav, .nav ul {list-style-type:none; margin:0; padding:0; float:left;} .nav a {text-decoration:none; z-index:150; position:relative;} .nav {font-family: verdana, arial, helvetica, sans-serif; font-size:.7em; margin-bottom:-1px;}


/* style the links */
.nav a {float:left; background:#cdbd1a; color:#000; text-align:center; line-height:16px; padding:4px 0; border:1px solid #f0e042; margin-bottom:-1px; line-height:1.2em; padding:4px 0 6px 0;} /* controls items that don't expand, top and 3rd level */
.nav a span {text-transform:uppercase; color:#743f73; font-weight:bold; text-shadow:1px 1px 1px #f0e042;}
.nav a:hover span {font-weight:bold; text-transform:uppercase; color:#fff;}
.nav a.sub-a {background:url(pix/link_gold2.gif) right center no-repeat #cdbd1a; color:#000;} /* controls top-level items that expand */

.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; color:#fff; background:url(pix/berry.gif) left center #743f73;}

/* for same page link - may be temp */
.nav li.no {text-transform:uppercase; color:#fff; text-shadow:1px 1px 1px #000; text-align:center; margin-bottom:-1px; line-height:1.2em; padding:5px 0 6px 0; font-weight:bold; width:141px; background:url(pix/berry.gif) left center;}

/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {color:#fff; background:url(pix/berry.gif) left center; text-shadow:1px 1px 1px #000;} 
.nav li:hover > a span {color:#fff; background:url(pix/berry.gif) left center; text-shadow:1px 1px 1px #000;}

.nav a {background:url(pix/link_gold1.gif) right center;}
.nav a:hover {background:url(pix/berry.gif) left center;}

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

/* flyout TOP positions */
.nav ul.fly {top:-24px;} /* position the top of the flyout first sub-li menus */

/* flyout LEFT/RIGHT positions */
.nav ul.fly {left:140px;}
.nav .left ul.fly {left:auto; right:140px;}

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

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

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

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