/* Navigation Menu Styles - Chris Donahue - 2005-08-09 */
/* Note: The heavy use of pixel dimensions is to work around problems in
 * in MSIE that happens when you resize proportional fonts (the menu items
 * start to spread apart which fires the onmouseout event when trying to
 * move the mouse between menu items).
 */
div#navigation {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 33px;
	
}
/* Root menu list element. */
ul#menu {
	list-style: none; 
	margin: 0; 
	padding: 0;
	z-index: 200; 
	color: inherit; 
	background: transparent;
}
/* The menu is hidden until JS turns it on in IE. */
/* * html ul#menu { visibility: hidden; } */

/* CSS3 selector helps Firefox with the images. */
ul#menu li ul li a {
	background-color: #455963;
	margin: 0px;
	padding: 0px;
}
ul#menu li ul li a.only-child {
	background-image: none;
}
ul#menu li.goleft ul li a {
}
ul#menu li.goleft ul li a.only-child {
	background-image: none;
}
* html ul#menu li ul li a { background-image: none; }
* html ul#menu li.goleft ul li a { background-image: none; }

	/* Root menu list items. */
	ul#menu li {
		float: left; 
		margin: 0; 
		padding: 0;
	}
		ul#menu li a {
			display: block; 
			height: auto;
			margin: 0; 
			padding: 0; 
			background: transparent;
      color:#FFFFFF;
			font-family: Arial, sans-serif; font-size:11px;
			font-weight: bold;
			text-decoration:none; text-align: left;
		}
		ul#menu li a:hover {
			font-weight: bold; 
		}
		ul#menu li a.hassubmenu { 
		}

/* First submenu list elements. */
/* The padding around the <ul> tags defines the "sticky" region where people
 * can move their cursor, but the menu won't disappear.  If you adjust the
 * the padding around any of the <ul> tags, you will also need to adjust the
 * margin-left to compensate for the offset below the parent menu item.
 */
ul#menu li ul {
	display: none; 
	position: absolute; 
	top: auto; 
	left: auto;
	margin: 0; 
	padding: 0px;
	list-style: none;
	background: transparent;
	width: 100px;
}
	/* First submenu list items. */
	ul#menu li ul li {
		margin: 0; 
		padding: 0;
		/* IE Vertical Gap in LIs HACKS! */
		float: left; 
		clear: left;
		vertical-align: bottom;
	}

	/* Descendent submenu list elements. */
	ul#menu li ul li ul { 
		margin:-27px 0 0 100px; 
		padding: 5px 0px; 
	}
	/* Descendent submenu list items. */
	ul#menu li ul li ul li { 
		margin: 0; 
		padding: 0; 
	}

	/* Submenu anchors. */
	ul#menu li ul li a {
		display: block; 
		overflow: hidden; 
		width: 165px;
		margin: 0; 
		padding: 2px 3px;
		text-align: left;
		background-color: #455963;
	}
	ul#menu li ul li a:hover {
		background-color: #a6c9e4;
		color: #FFFFFF;
	}
	ul#menu li ul li a.hassubmenu {
		background-color: #106cb5;
	}
	ul#menu li ul li a.hassubmenu:hover {
		background-color: #a6c9e4;
	}

/* Right-side exceptions to all the above rules. */
ul#menu li.goleft ul {
	padding-right: 0;
}
	ul#menu li.goleft ul li a { 
		text-align:right; 
	}
	ul#menu li.goleft ul li a.hassubmenu {
		background-color: #FFFFCC;
	}
	ul#menu li.goleft ul li a.hassubmenu:hover {
		
	}
	ul#menu li.goleft ul li ul {
	}

/* CSS2-compliant browsers use this instead of a mile of JavaScript */
ul#menu li:hover>ul { display:block; }