/* ================================================================ 
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/ul-multi-five.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* ----------------------------------------------------------------------------	*/
/* default styling */
.bbb, .bbb ul {list-style-type:none; margin:0; padding:0px;}
.bbb a {text-decoration:none;}
.bbb {font-family: papyrus, arial, sans-serif; font-size:10px; width:700px; margin:0 auto; text-align:left;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.bbb a {background:url(trans.gif); filter: alpha(opacity=100); opacity:1.0;} 

/* style the <b> element so that is does not affect the size of the link */
.bbb a b {color:#ffffcc; font-weight:bold; display:block; padding:5px 10px; margin-right:1px;}
.bbb a:hover b {color:#764; cursor:pointer; border-left:2px solid #ffffcc;}
.bbb .fly .main b {background: transparent url(../images/rt_arrow.gif) no-repeat right 11px;}
.bbb .down b {background: transparent url(../images/dn_arrow.gif) no-repeat right 11px;}
/* for the offset left dropdown and flyout */

/* HEIGHT */
.bbb ul ul {top: -25px;} /* position the top of the flyout sub menus */
.bbb ul ul.two {top: -40px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.bbb1,
.bbb1 a {width:125px;}
.bbb .bbb1 a b,
.bbb .bbb1 .fly a b {background-color:#764;}
.bbb1 ul li {max-width:100px;}
.bbb1 ul a {width:150px;}
.bbb1 ul ul {left:150px;}
.bbb1 a {margin-right:-99px;}
.bbb1 ul a {margin-right:-129px;}

/* FOR NAV2 */
.bbb2,
.bbb2 a {width:125px;}
.bbb .bbb2 a b,
.bbb .bbb2 .fly a b {background-color:#764;}
.bbb2 ul li {max-width:100px;}
.bbb2 ul a {width:150px;}
.bbb2 ul ul {left:150px;}
.bbb2 a {margin-right:-99px;}
.bbb2 ul a {margin-right:-129px;}

/* FOR NAV3 */
.bbb3,
.bbb3 a {width:150px;}
.bbb .bbb3 a b,
.bbb .bbb3 .fly a b {background-color:#764;}
.bbb3 ul li {max-width:100px;}
.bbb3 ul a {width:150px;}
.bbb3 ul ul {left:150px;}
.bbb3 a {margin-right:-99px;}
.bbb3 ul a {margin-right:-119px;}

/* FOR NAV4 */
.bbb4,
.bbb4 a {width:140px;}
.bbb .bbb4 a b,
.bbb .bbb4 .fly a b {background-color:#764;}
.bbb4 ul li {max-width:135px;}
.bbb4 ul a {width:150px;}
.bbb4 ul ul {left:150px;}
.bbb4 a {margin-right:-99px;}
.bbb4 ul a {margin-right:-119px;}

/* FOR NAV5 */
.bbb5 {width:160px;}
.bbb5 a {width:160px;}
.bbb5 a b {background-color:#764; margin-right:0;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.bbb li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.bbb ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.bbb ul li {clear:left;} /* must clear the floated list item inside sublist */
.bbb a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.bbb a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.bbb .drop,
.bbb .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.bbb ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

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

.bbb a:hover b,
.bbb a:focus b,
.bbb a:active b {color:#ffffcc; cursor:pointer; border-left:3px solid #ffffcc;}

.bbb1 ul a:hover,
.bbb1 ul a:focus,
.bbb1 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.bbb2 ul a:hover,
.bbb2 ul a:focus,
.bbb2 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.bbb3 ul a:hover,
.bbb3 ul a:focus,
.bbb3 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.bbb4 ul a:hover,
.bbb4 ul a:focus,
.bbb4 ul a:active {margin-right:-30px; z-index:10; outline:0;}

/* OPERA fix */
.bbb ul:hover,
.bbb ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* ----------------------------------------------------------------------------	*/

/* bug fixes for IE7 and lower - DO NOT CHANGE */
.bbb .fly {width:99%;} /* make each flyout 99% of the prevous flyout */
a:active {} /* requires a blank style for :active to stop it being buggy */