/* 
	CSS file for the main menu on left of each page
*/


#sidebar1 {
	float: left;
	width: 170px;
	background: #dde8eb;
	padding: 15px 0;
	margin-bottom: 3px;
	color: #336;
	}
	#sidebar1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
	#sidebar1 ul li { margin: 0; }
	#sidebar1 li a {
		display: block;
		padding: 3px 3px 3px 0.5em; 
		background-color: transparent; 
		color: #336;
		text-decoration: none;
		font-weight:bold;
		width: 100%;
		font-size:1.2em;
		}
	
html>body #sidebar1 li a { width: auto; }
#sidebar1 li a:hover { background-color: #475397; color: #ffe6cf; }
.subbie {
 	padding-left:2em;
 	background-color: #e1e1e1;
	padding-top:2ex;
 	}
	.subbiefirst { padding-top:inherit; }
	.subbielast { padding-bottom:2ex; }
	.subbie a { font-size:1em !important; }
	
/* Below this is the "new menu" materials as adopted from idaho.gov /cf 11-27-2009 */
/* ******************************************************************************* */

ul.MenuBarVertical{float:left;margin: 0;padding: 0;list-style-type: none;font-size: 100%;cursor: pointer;width: 135px;}
ul.MenuBarVertical { color:#000; font-weight:bold; }
ul.MenuBarVertical a {text-decoration:none; }
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{z-index: 1000;}
ul.MenuBarVertical li{margin: 0;padding: 0;list-style-type: none;font-size: 100%;position: relative;text-align: left;cursor: pointer;width: 135px;}
ul.MenuBarVertical ul{margin:-1px 0 0 90% ;/*change the margins to move the submenu*/padding: 0;list-style-type: none;font-size: 100%;position: absolute;z-index: 1020;cursor:pointer;width: 135px;left: -1000em;top: 0;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarVertical ul.MenuBarSubmenuVisible{left: 0;}
ul.MenuBarVertical ul li{width: 175px;position:relative;}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul.MenuBarVertical{border-right: 1px solid #ccc;background-color:#dde8eb;height:1%;} /* sideNav */

ul.MenuBarVertical a{color:#336;display: block;cursor: pointer;border-bottom:1px solid #ccc;padding:10px 5px 10px 15px;text-decoration: none;}
/* HOVER COLOR*/

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible{}

ul.MenuBarVertical a.MenuBarItemSubmenuHover {border-bottom:#999 solid 1px;background-color:#e1e1e1;} /* flyout */

#topNav a{background-color:#dde8eb;}/* topNav */
#topNav ul li a{background-color:#ffe6cf;} /* flyout !!! */
#topNav ul li a:hover{background:#fff;}
ul.MenuBarVertical #topNav a.MenuBarItemSubmenuHover {background-color:#e1e1e1;} /* flyout */

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

ul.MenuBarVertical a span span{background: none;padding: 0;}

ul.MenuBarVertical a.MenuBarSubmenuVisible{}

ul.MenuBarVertical li ul a{border-right:1px solid #999;border-left:1px solid #999;background-color:#f00;display: block;padding: 10px 0 10px 10px;position:relative;} /* flyout */
ul.MenuBarVertical li ul a:hover{background:#fff;}


ul.MenuBarVertical li ul .first{border-top:1px solid #ccc;border-left:none;}

ul.MenuBarVertical li ul .last{border-bottom:1px solid #999;}

#leftNav a:hover, #leftNav a.submenu:hover {background-color:#ccc;color:#0066ff;text-decoration:none;}