/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div#header #menu {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 30px;
	position: relative;
	z-index: 500;
	font-family: arial, verdana, sans-serif;
	background: url('../images/menu_top_bg.gif') repeat-x;
}
	div#header #menu li {
		float: left;
		margin-right: 0px;
		width: 137px;
		border-left: 1px solid #666;
	}
	div#header #menu li:first-child, div#header #menu li li {
		border-left: none;
	}
	*html div#header #menu li {
		border-left: expression(this.previousSibling == null ? 'none' : '1px solid #666' );
	}	

		div#header #menu li a {
			display: block;
			float: left;
			height: 30px;
			width: 97px;
			line-height: 30px;
			color: #333;
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			padding: 0 20px 0 20px;
		}

	div#header #menu table {
		border-collapse: collapse;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
		div#header #menu li a:hover {
			z-index: 200;
			position: relative;
			color: #999;
		}
	div#header #menu li:hover {
		position: relative;
		z-index: 200;
	}
	div#header #menu li:hover > a {
		color: #fff;
		background-color: #999;
	}
	div#header #menu li.selected:hover > a {
		color: #333;
	}
	div#header #menu li.selected a {
		color: #fff;
		background: url('../images/menu_top_active_bg.gif') repeat-x;
	}
	div#header #menu li a > li.selected {
		color: #fff;
		background: url('../images/menu_top_active_bg.gif') repeat-x;
	}

	div#header #menu li a.selected {
		color: #fff;
	}
	div#header #menu :hover ul {
		left: 0;
		top: 30px;
		width: 137px;
	}

	/* keep the 'next' level invisible by placing it off screen. */
	div#header #menu ul {
		position: absolute;
		left: -9999px;
		top: -9999px;
		/*width: 270px;*/
		/*height: 0;*/
		background: url('../images/flymenu_bg.png') no-repeat left bottom;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#header #menu :hover ul li {
		margin: 0;
	}
		div#header #menu :hover ul li a {
			width: 150px;
			padding: 0;
			text-indent: 10px;
			color: #fff;
			height: 30px;
			line-height: 30px;
			background: none;
		}
	div#header #menu :hover ul :hover {
		color: #666;
	}
		div#header #menu :hover ul li.selected a {
			color: #333;
		}
	
/*
 * rightCol menu
 */
div#rightCol #menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 500;
	font-family: arial, verdana, sans-serif;
	font-size: 1.2em;
	background: none;
}
	div#rightCol #menu li {
		float: none;
		margin-right: 1px;
		list-style: none;
	}
		div#rightCol #menu li.selected li.selected a {
			color: #999;
		}
		div#rightCol #menu li a {
			line-height: 1.6em;
			color: #886a46;
			text-decoration: none;
			font-weight: bold;
			padding-left: 10px;
		}
		div#rightCol #menu li ul {
			margin: 0;
			padding-left: 10px;
		}

	div#rightCol #menu table {
		border-collapse: collapse;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: 0;
	}
