@CHARSET "ISO-8859-1";
.menu_item
, .menu_menu {
	opacity: 0.95;
	filter:alpha(opacity=95);
}	
.menu_item
, .menu_menu {
	display: block;
	color: #ffffff;
	background-color: #778915;
	width: 239px;
	text-decoration: none;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 3px 0 3px 3px;
	height: 16px;
	line-height: 15px;
	margin: 0;
	border: 0;
}

/* Begin: Make the love_god_menu appear under the curve on the left side. */
#love_god_menu {
	position: relative;
	height: 0;
	left: 15px;
}

#love_god_menu .menu_item
, #love_god_menu .menu_menu {
	width: 226px;
}

#love_god_menu .parent_hover {
	left: 229px;
}
/* End: Make the love_god_menu appear under the curve on the left side. */

/* Begin: Make the serve_the_world_menu appear under the curve on the right side. */
#serve_the_world_menu .menu_item {
	width: 226px;
}	
/* End: Make the serve_the_world_menu appear under the curve on the right side. */

.menu_item:hover
, .menu_menu:hover
, .menu_item:active
, .menu_menu:active {
	background-color: #405700;
}

.arrow {
	background-image: url("../img/menu_bg.gif");
	background-position: top right;
	background-repeat: no-repeat;	
}

.arrow:hover
, a.arrow:active {
	background-image: url("../img/menu_bg_hover.gif");	
}

#debug {
	border: 0.1em solid black;
	overflow: scroll;
	height: 200px;
}

ul.sub_menu {
	display: none;
}

div.menu ul.parent_hover {
	display: block;
	position: absolute;
	left: 242px;
	margin-top: -22px;
	text-align: left;
	border: 0;
}

div.menu {
	position: absolute;
	display: none;
}

div.menu ul {
	border-collapse: collapse;
	list-style-type: none;
	width: 242px;
	padding: 0;
	border: 0;
	margin-left: 0;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
}

div.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	height: 22px;
}

tr.menu_tr {
	height: 0;
	margin: 0;
	border: 0;
	padding: 0;
}

td.menu_td {
	vertical-align: top;
	height: 0;
	margin: 0;
	border: 0;
	padding: 0;
}

td.menu_bottom_td div.menu {
	/* This is not good but it seems to be the only way
	 * to make to make the menu push up rather than pull down 22px per item*/
	margin-top: -154px;
	margin-left: 1px;
}

td.menu_bottom_td {
	vertical-align: bottom;
	height: 0;
	margin: 0;
	border: 0;
	padding: 0;	
}