@charset "UTF-8";

/*********************************************************************************************

 VERTICAL MENU BAR with SUBMENU LAYOUT INFORMATION: describes box model, positioning

 ********************************************************************************************/

/* Styles applied to the #menuBar */
#menuBar {
	float: left;
	height: 466px;
	margin-right: 15px;
	width: 8.2em !important; /* since this element is floated, a width must be given */
	}
		
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
#menuBar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 10pt;
	cursor: default;
	font-variant: normal;
	border: 1px solid #CCCCCC;
	}

/* Menu items are a cream block with padding and no text decoration */
#menuBar a {
	display: block;
	cursor: pointer;
	background-color: #FFFFCC;
	margin: 0px;
	padding: 0.5em 0.75em;
	color: #333333;
	text-decoration: none;
	}	
	
/* Active Menu has a lime background and white text */
#menuBar a.highlight{
	background-color: #66CC33;
	color: #FFFFFF;
	}

/* Menu items that have mouse over have a lime background and white text */
#menuBar a:hover{
	background-color: #66CC33;
	color: #FFFFFF;
	display:block;
	}
	
/* Menu item containers, position children relative to this container and are same fixed width as parent */
#menuBar li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	}
	
/* SUBMENU */
#menuBar ul ul {
	padding: 0px;	
	font-size: 100%;	
	cursor: default;
	width: 7.2em;
	margin-left: 0.75em;
	}
	
#menuBar ul li li {
	list-style-type: none;
	}

div#menuBar ul li:hover ul {
	display:block;
	}

/* [if IE]
 
#menuBar a {
	font: bold 0.7em/1.4em arial, helvetica, sans-serif;
	}
[endif] */