<style type="text/css">
/* ================================================================ 
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-flyout.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.
=================================================================== */

#backgroundHolder {width:740px; height:490px; padding:10px 0 0 10px; margin:0 auto;}
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; margin:0;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(/clear.gif);} 

/* style the <b> element so that is does not affect the size of the link */
.nav a b {background:#999; border:1px solid #000; border-color:#ddd #333 #333 #ddd; color:#ffff00; display:block; padding:5px 10px;}
.nav a:hover b {background-color:#aaa; color: #fff; cursor:pointer;}
.nav .fly .main b {background:#999 url(/menu_arrow.gif) no-repeat 185px 9px;}
.nav .down b {background:#999 url(/menu_arrow.gif) no-repeat 185px 9px;}

/* HEIGHT */
.nav ul {top:-24px;} /* position the top of the flyout sub menus */

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

/*set the link width here*/
.nav .drop,
.nav a {width:200px;}
.nav ul li {max-width:200px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul {left:190px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-199px;}

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

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav 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 */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:focus b,
.nav a:active b {background:#aaa; color:#800;} /* for tabbing */

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

/* ----------------------------------------------------------------------------	*/
</style>

<!--[if lte IE 7]>
<style type="text/css">
/* bug fixes for IE7 and lower - DO NOT CHANGE */
.nav .fly {width:99%;} /* make each flyout 99% of the prevous flyout */
a:active {} /* requires a blank style for :active to stop it being buggy */
</style>
<![endif]-->