#bar { width:770px; background: url(/images/bar.gif); position:relative; top:-25px; }
#head { top:25px; height:125px; width:770px; position:relative; background:url(/images/home.jpg); margin:0 auto; z-index:200 }
#logo { height:116px; width:180px; top:1px; left:5px; position:absolute; }

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

#menu {
	padding:0; margin:0; list-style:none;
	height:25px;
	position:relative;
	z-index:500;
}
#menu li {float:left; margin-right:1px;}

#menu li a {
	display:block;
	float:left;
	background:transparent;
	color:#000;
	text-decoration:none;
	font: 12px arial, sans-serif;
	padding:5px 45px 5px 20px;
	font-weight: bold;
}

#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 */
#menu li a:hover { z-index:200; position:relative; color:#fff; background:#c60; }
#menu li:hover { position:relative; z-index:200; }

#menu li:hover > a { color:#fff; background:#c60; }
#menu li:hover > a.sub { color:#fff; background:#c60; }

#menu li a.sub { background:transparent; }
#menu :hover ul { left:0; top:24px; width:220px; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {
	position:absolute; left:-9999px; top:-9999px;
	width:0; height:0; margin:0; padding:0; list-style:none;
}

#menu :hover ul :hover ul {
	left:170px;
	top:0px; 
	white-space:nowrap;
	width:180px;
	z-index:200;
}

#menu :hover ul li { margin:0; }
#menu :hover ul li a {
	width:180px; background:#c6c2b6;
	padding:0;
	text-indent:10px;
	color:#000;
	height:24px;
	line-height:24px;
}

#menu :hover ul :hover { background-color:#c60; color:#fff; }
#menu :hover ul :hover a.fly { background-color:#c60; color:#fff; }

#menu :hover ul :hover ul li a { width:220px; padding:0; text-indent:10px; background:#c6c2b6; color:#000; }
#menu :hover ul :hover ul :hover { background-color:#e60; color:#fff; }

