\
/* CSS Popout Menu */

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


#menu {
	width: 150px;					/* width of menu boxes */
	text-align: left;
	float: left;
	clear: left;
	margin-bottom: 10px;
	margin-top: 0px;
	word-wrap: break-word;	
	z-index:9;
}

#menu a	{
	display:block;
	padding: 0.2em;					/* expands menu box */
	border-bottom:2px solid #5C7AA8;		/* adds bottom border */
	/*white-space:nowrap;*/				/* commented out to allow wrapping of menu items */
	text-decoration:none;				/* removes underlines from links */
	padding-left: 10px;
	color: #FFFFFF;
	word-wrap: break-word;
	background: #A2B5D5;
	z-index:9;
	}


#menu a:hover	/* on mouse over -- all menus */
	{
	color: #FF0000;		/* was f00 */
	/*background: #A2C397;*/
	text-decoration:none;				/* removes underlines from links */
	}

#menu a.parent
	{
	padding-left: 10px;
	background-image: url("menup.gif");
  background-position: top right;
	z-index:9;
	}

#menu a.parent:hover	/* attaches parent-arrow on all parents */
	{
	background-image: url("menup.gif");
	}


	
#menu li {
	float: left;
	width: 150px;
	list-style-type:none;	/* removes bullets */
	z-index:9;
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 150px;	/* distance from of left menus (should be same as width) */
	display: none;
	background: #f0ebff;
	border: 1px solid #000;
	z-index:9;
	}

div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 150px;			/* width of sub menus */
z-index:9;
	}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
	{
	display: none;
	}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
	{
	display: block;
	z-index: 9;
	}


BODY {
	background-color: #FFFFFF;
}

P {
	font-family: Verdana, Arial, sans-serif;
}

TD {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
}

H1 {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

H2 {
	color: #5C7AA8;
	font-size: medium;
}


.CONTENT {
	background-color: #dddddd;	// #D8D8D8;
	color: #000000;				// #FFFFFF;
}

.HEADER { 
	background-color: #5C7AA8;
	font-weight: bold;
	color: #FFFFFF;
}

.SIDE {
	color: #FFFFFF;
	background-color: #D8D8D8;
}

.MENU {
	background-color: #A2B5D5;
	color: #FFFFFF;
}

A {
	color: #5C7AA8;
}

A.MENU {
	text-decoration: none;
}

A.MENU:HOVER {
	color: #FF0000;
	text-decoration: underline;
}

.help {
	border-bottom: 1px dashed #666;
	cursor: help;
}

.help {
	border-bottom: 1px dashed #666;
	cursor: help;
}

li.thumb {
	list-style-type: none;
	float: left;
	border: 1px solid #999; 
	margin: 6px;
	padding: 5px 5px 3px 5px;
}