/* 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: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
}

#menu
	{
	position: relative; /* position, size, and text of the menu */
	top: 0;
	left: 0;
	z-index: 0;
	width: 8em; /* width of menu boxes */
	text-align: left;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
	line-height: 30px;
	color: white;
}

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

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

#menu a.parent, #menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	}

#menu a:hover	/* on mouse over -- all menus */
	{
	color: ButtonShadow;
	background-image: none;
	background-color: transparent;
	font-weight: bold;
}
	
#menu li
	{
	list-style-type: none;	/* removes bullets */
	}

#menu ul li
	{
	position: relative;
	}

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

#menu ul li a:hover	/* on mouse over -- all menus */
	{
	color: ButtonShadow;
	background-image: none;
	background-color: transparent;
	font-weight: bold;
}
.bottommenu
	{
	position: relative; /* position, size, and text of the menu */
	top: 0;
	left: 0;
	z-index: 0;
	text-align: center;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
	color: white;
}	
.bottommenu a:visited	
	{
	color: white;
}	
.bottommenu a,#menu
	{
	display: block; /* expands menu box */
	padding: .1em;
	white-space: nowrap;
	width: 145px;
	color: #393939;
	font-weight: bold;
	text-decoration: none; /* removes underlines from links */
}

.bottommenu a:hover	/* on mouse over -- all menus */
	{
	color: #7c7c7c;
	border: thin;
	border-color: white;
}
.topmenu
	{
	position: relative; /* position, size, and text of the menu */
	top: 0;
	left: 0;
	z-index: 0;
	text-align: right;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, "Franklin Gothic Medium", sans-serif;
	color: white;
}	
.topmenu a,#menu a:visited	
	{
	padding: .1em;
	white-space: nowrap;
	color: white;
	text-decoration: none; /* removes underlines from links */
	}

.topmenu a:hover	/* on mouse over -- all menus */
	{
	color: ButtonShadow;
	border: thin;
	border-color: white;
}
.whitelink
	{
	color: white;
}
.whitelink a,a:visited
	{
	color: white;
}
.whitelink a:hover
	{
	color: #7c7c7c;
	font-weight: bold;
}