@charset "UTF-8";
/* CSS Document */
/**** pssc menu ****/
#menu a {

	display: block;
	width: 100%;
	padding:0 0 5px 10px;
	text-decoration:none;
	color:#ffffcc;
	font-size:18px;
	text-align:left;
	}
#menu a:hover {
	color: #ffeeff
	}
#menu ul {	/*this is the visible menu box*/
	list-style: none;
	padding:0px;
	margin:0px;
	width:100px;
	}
#menu li { /* this styles the flyout menus*/
	position:static; /* so that child position will work*/
	width:100%; /* let the list items fit the width of their parent ul  */
	float:left;  /*this turns the menu so the sublevel flies out on hover*/
	margin:0px 0 0 0;
	}
#menu li ul {/* style all list items in submenu */
	width:155px; /*WAS 145 you might have to titrate this one*/
	background-image:url(gif);  /*trick IE. This doesn't need to be a real file! */
	margin-top:-27px;/*lets 2nd menu stay level with heading*/
	margin-left: 100px;/*same as visible menu box*/
	position:absolute; /*lets menus hide before hover*/
	left:-5000px;/*hide the submenus off to the left*/
	}
#menu li:hover ul {
	left: auto; /* brings the menu back in place*/
	}
#menu li:hover { /*style top-level hover*/
	background-color: #008c8c;			 
	}
#menu li:hover li{ /*style sub-menu list items*/
	background-color: #008c8c;
	}
#menu li li:hover { /**/
	background-color: #008484;
	color:#ffffff;
	}
/*remember to add IE hover override at end of head section of html document*/