/* this is the CSS for the menu that you will need. */
#menu_holder
{
	height: 58px;
	width: 770px;
	display: block;
	position: relative;
	top: -40px;
	z-index: 9995;
	margin: 0 auto;
	text-align: center;
}

#menu_holder div
{
	margin: 0 auto;
}

#nav
{
	height: 58px;
	width: 642px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(/images/menu/right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#hit_area
{
	height: 120px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url(/images/menu/badge.jpg);
	background-repeat: no-repeat;
}
/*
#hit_area2
{
    width: 100%;
    background-image: url(/images/menu/activate_text.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    display: block;
    position: absolute;
    margin: 0px;
    left: 0px;
    top: 120px;
}
*/
#nav ul
{
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(/images/menu/left.png);
	background-repeat: no-repeat;
}
#nav li
{
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited
{
	background-image: url(/images/menu/middle.png);
	background-repeat: repeat-x;
	height: 58px; /*width: 100px;*/
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	font-family: Verdana;
	text-align: center;
	font-size: 12px;
}
#nav li a:focus, #nav li a:hover
{
	text-decoration: none;
	-moz-outline: 0;
	color: #FFFFFF;
	background-color: #3D7401;
	background-image: none; /*background-image: url(/images/menu/rollOver.png);     background-repeat: repeat-x;*/
}
