/* 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 */

body
	{
	margin: 0;
	padding: 0;
	color: white;
	font-size: 15px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	
	}

#menu
	{
	position:relative;				/* position, size, and text of the menu */
	top:0em;
	left:0px;
	z-index: 10;
	width: 8em;					/* width of menu boxes */
	text-align: left;
	font-size: 15px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	}

#menu a
	{
	display:block; /* expands menu box */
	padding: .2em;
	white-space:nowrap;
	width: 130px;
	}

#menu a, #menu a:visited				/* menu at rest */
	{
	color: white;
	background-color: #76a539;
	text-decoration:none;				/* removes underlines from links */
	}

#menu a.parent, #menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
#menu a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background-color: #490035;
	}
#stupidmenu	/* on mouse over -- all menus */
	{
	color: white;
	}		
#stupidmenu	#stupidmenu a.stupidparent, #stupidmenu a.stupidparent:hover/* on mouse over -- all menus */
	{
	color: white;
	}	
#menu li
	{
	list-style-type:none;	/* removes bullets */
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 8em;	/* distance from of left menus (should be same as width) */
	display: none;
	}

div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 8em;			/* width of sub menus */
	}

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;
	}


.homemenu a:link {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

.homemenu a:visited {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

.homemenu a:hover {
color: orange; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
font-weight: normal;
padding-right: 5px;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px;
background-color: Black; }

.homemenu a:active {
color: White; 
font-family:"Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

#indexmenu a:link {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; 
text-align: left;
}

#indexmenu a:visited {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

#indexmenu a:hover {
color: orange; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
font-weight: normal;
padding-right: 5px;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px;
background-color: Black; }

#indexmenu a:active {
color: White; 
font-family:"Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }