/* ================================================================ 
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.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer {
	position: relative;
	margin: 0px 0 40px 0;
}
#outer_index {
	position: relative;
	margin: 0px 0 30px 0;
}

#menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 0;
}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	background: red;
	margin: 3px 0px 0 0;
	position: relative;
}

#menu li.sub {
	background: url(graphics/menu_bkgd.jpg);
	margin: 5px -1px 0 0;
}
#menu li.subaccomm {
	background: url(graphics/menu_bkgd_accomm.jpg);
	margin: 5px -1px 0 0;
}
#menu li.subleft {
	background: url(graphics/menu_leftcap.jpg) no-repeat;
	margin: 5px -1px 0 0;
}
#menu li.subright {
	background: url(graphics/menu_rightcap.jpg) no-repeat;
	margin: 5px -1px 0 0;
}
/* for IE5.5 and IE6 only */
#menu table {
border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;
}

#menu li a {
	display: block;
	color: #000;
	height: 25px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 25px;
	width: 100px;
	text-decoration: none;
	text-align: center;
}

#menu li.subleft a, #menu li.subright a {
	width: 13px;
}
#menu :hover {
	color: #009;
	background: #f4f0dc;
}
#menu li.subaccomm :hover {
	color: #009;
	background: #ecf2ee;
}

#menu :hover > a {
	color: #009;
}

#menu :visited > a, #menu li.sub ul li a:visited{
	color: #900;
}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {	
	position: absolute;
	left: -9999px;
	width: 171px;

}
/*Width of Submenus*/
#menu ul li a, 
#menu :hover ul ul li a,
#menu :hover ul :hover ul ul li a,
#menu :hover ul :hover ul ul.left  li a{	
	width: 158px;
	text-align: left;
	padding: 0 0 0 10px;
}

#menu :hover ul{
	padding: 2px 2px 5px 5px;
	left: 0;
	top: 25px;
	border: solid black;
	border-width: 0 1px 1px 0;	
	background: #e6e0b0;
}
#menu li.subaccomm a:hover ul{
	padding: 2px 2px 5px 5px;
	left: 0;
	top: 25px;
	border: solid black;
	border-width: 0 1px 1px 0;	
	background: #d0ecbe;
}
#menu li.subaccomm ul li a:hover{
	background: #ffffeb;
}

 /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
	padding: 2px 2px 5px 5px;
	left: 168px;
	top: -3px;
	border: 1px solid black;
	border-width: 0 1px 1px 0;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
	padding: 0 3px;
	left: -178px;
	top: -3px;
}