/* horizontal menu */
div#cssmenu {
	overflow: visible;
	width: 100%;
	margin-top: 10px;
	z-index: 1010;	
		margin-top:0px;padding-top:3px;padding-left:200px;width:598px;_width:798px;
	margin-left:0px;
		height:35;	background: #eae2c7 url(/images/colorado-phipsi/menu_bg.jpg) no-repeat scroll top left;		
}

div#cssmenu ul {
	margin: 0px 10px;
	padding: 0;
	list-style: none;
	/* width: 100%;  Width of Menu Items */
	overflow: visible;
	z-index: 1005;
	border:0;
	background: #eae2c7 url(/images/colorado-phipsi/menu_bg.jpg) no-repeat scroll top left;	}

div#cssmenu ul li {
	position: relative;
	float: left;
	test:65px;
		_width: 65px;
		padding: 0px;
	margin-right: 10px;
	overflow: visible;
	_margin: 0px;		/* You fools. IE is bloat and sucks. */
	z-index: 999;
	border:0;	
	text-align:center; /* for horizontal menus, not much point in not having centered text */
}
div#cssmenu ul li ul li {
text-align:left;
}


div#cssmenu li ul {
	position: absolute;
	left: -10px; /* Set 1px less than menu width */
	top: 29px;
	display: none;
	width: 150px;
	_width: 140px;			/* You fools. IE is bloat and sucks. */
	
		border: 1px solid #75041C;
		
	/*border-top: 3px solid #75041C;*/
	background-color: #ffffff;
	z-index: 1100;
	}

div#cssmenu li ul li {
	width: 150px;
	z-index: 1002;
	text-align:left; /* for horizontal menus, we have left aligned sub menus */
}

div#cssmenu li ul li ul {
	position: absolute;
	left: 140px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
	width: 150px;
	border: 1px solid #75041C;
	/*border-top: 3px solid #75041C;*/
	background-color: #ffffff;
	z-index: 1002;
}

/* Styles for Menu Items */
div#cssmenu ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	border: 0px;
	_width: 100%;		/* You fools. IE is bloat and sucks. */
	z-index: 5;
	color: #CA0000;
			font-size:12px;
		/*border: 1px solid #75041C;
	border-bottom-width:0;*/

}

/* Fix IE. Hide from IE Mac \*/
* html div#cssmenu ul li { float: left; height: 1%; }
* html div#cssmenu ul li a { height: 1%; }
/* End */

div#cssmenu ul li a:hover {
		background-color: #eeeeee;
		color: #CA0000;
		z-index: 1000;

} /* Hover Styles */



div#cssmenu li ul li a:hover {
	border:0;
		color: #eeeeee;
		
		background-color: #CA0000;
		
	z-index: 1000;
} /* Hover Styles */

div#cssmenu li ul li a {
	padding: 5px 10px;
	font-size: 90%;
	border: 0;
	z-index: 1000;
		color: #CA0000;
		
		background-color: #eeeeee;
			font-size:12px;
		

} /* Sub Menu Styles */

div#cssmenu li:hover ul { display: block; } /* The magic */
div#cssmenu li.over ul { _display: block; } /* You fools. IE is bloat and sucks. */


div#cssmenu li:hover ul li ul { display: none; } /* level 2 magic */
div#cssmenu li.over ul li ul { _display: none; } /* You fools. IE is bloat and sucks. */


div#cssmenu li ul li:hover ul { display: block; } /* level 3 magic */
div#cssmenu li ul li.over ul { _display: block; } /* You fools. IE is bloat and sucks. */

div#cssmenu li.level1 a {
	_white-space: nowrap;	/* You fools. IE is bloat and sucks. */
	
}

div#cssmenu li.level2 a {
	_white-space: normal;	/* You fools. IE is bloat and sucks. */
}