/* ===============================================================================
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_variable4.html 
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=============================================================================== */

#nav {
	padding:0 0 0 30px;
	margin:0;
	list-style:none;
	font: 12px arial, sans-serif;
	position:relative;
	top:120px; left:0;
	z-index:200;
	background:url(/images/back.gif) repeat-x;
	height:36px; }
 
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	background:#ccc;
	border-top:2px solid #fff; }

#nav li { float:left; }
	
#nav li li {
	float:none;
	border-left:1px solid #fff;
	border-right:2px solid #666; }
	
#nav li.last { border-bottom:1px solid #666; }
	
/* a hack for IE6 */
* html #nav li li { float:left; }

#nav li a {
	display:block;
	float:left;
	color:#fff;
	height:36px;
	padding:0 20px 0 5px;
	line-height:36px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold; }
	
#nav li a.down   { background:url(/images/down.gif) no-repeat right center; }
#nav li li a.fly { background:url(/images/fly.gif) no-repeat right center; }

#nav li li a {
	display:block;
	height:22px;
	line-height:20px;
	float:none;
	padding:0 25px 0 10px;
	font-weight:bold;
	letter-spacing:1px; }
	
#nav li:hover       { position:relative; z-index:300; }
#nav li.mhover      { position:relative; z-index:300; }
#nav li.mhover a    { color:#633; }
#nav li li a        { color:#fff; }
#nav li li.mhover a { color:#fff; background-color:#aaa; }
#nav li:hover ul    { left:0; top:33px; z-index:500; }
#nav li.mhover ul   { left:0; top:33px; z-index:500; }
#nav ul             { position:absolute; left:-9999px; top:-9999px; }
	
* html #nav ul      { width:2px; }

/* it could have been this simple if all browsers understood show next level ... */
#nav li:hover li:hover > ul {
	left:-5px; top:-1px;
	margin-left:100%;
	z-index:500; }
	
/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute;
	left:-9999px; top:-9999px;
	width:auto; }
	
/* show path followed */
#nav li:hover > a { color:#633; }
#nav li li:hover > a {
	font-weight:bold;
	background-color:#aaa; }

/* ... but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.mhover li.mhover a,
#nav li.mhover li.mhover li.mhover a,
#nav li.mhover li.mhover li.mhover li.mhover a,
#nav li.mhover li.mhover li.mhover li.mhover li.mhover a,
#nav li.mhover li.mhover li.mhover li.mhover li.mhover li.mhover a {
	color:#fff;
	background-color:#aaa; }

#nav li.mhover li.mhover li a,
#nav li.mhover li.mhover li.mhover li a,
#nav li.mhover li.mhover li.mhover li.mhover li a,
#nav li.mhover li.mhover li.mhover li.mhover li.mhover li a {
	color:#633;
	background-color:#ddd; }

/* show next level */
#nav li.mhover li.mhover ul,
#nav li.mhover li.mhover li.mhover ul,
#nav li.mhover li.mhover li.mhover li.mhover ul,
#nav li.mhover li.mhover li.mhover li.mhover li.mhover ul {
	left:100%; top:-1px;
	margin-left:-5px; }

/* keep further levels hidden */
#nav li.mhover ul ul,
#nav li.mhover li.mhover ul ul,
#nav li.mhover li.mhover li.mhover ul ul,
#nav li.mhover li.mhover li.mhover li.mhover ul ul {
	position:absolute;
	left:-9999px; top:-9999px; }
	
/* ----------------------------------------------------------------------- */

#head {
	height:120px; width:100%;
	top:0; left:0; position:absolute;
	background:url(/images/bg.jpg) repeat-x top left; }
 
#bp { top:0; left:666px; position:absolute; }
 
#br1 {
	top:0; left:20px; position:absolute;
	font:bold 3em Georgia, "Times New Roman", Times, serif;
	color:#fff; }
 
#br2 {
	top:55px; left:20px; position:absolute;
	font:bold 1.75em Georgia, "Times New Roman", Times, serif;
	color:#fff; }

#search { top:126px; left:575px; position:absolute; z-index:1000 }
#help   { top:124px; left:800px; position:absolute; z-index:1000 }