/* MENU SETUP */

img
{
	border: 0px;
}

#menu
{
	display: table;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	white-space: nowrap;
	
float:left;
	width: 940px; /* Set width to the entire menu. Not needed for vertical, since block size will be set for vertical styles */
}

#menu li
{
	padding-left:26px;
	padding-right:26px;
	float:left;
	
}

#menu li, #menu li a
{
	list-style-type: none;
	list-style-image:none;
	left:0px;
	color:#ffffff;
	font-size:13px;
}


/* Delete this next section when doing a vertical menu */

/*
#menu li.two
{
	display: table-cell;
	width: 50%;
}


#menu li.three
{
	display: table-cell;
	width: 33.3%;
}

#menu li.four
{
	display: table-cell;
	width: 25%;
}

#menu li.five
{
	display: table-cell;
	width: 20%;
}

#menu li.six
{
	display: table-cell;
	width: 16.6%;
}

#menu li.seven
{
	display: table-cell;
	width: 13%;
}

#menu li.eight
{
	display: table-cell;
	width: 12.5%;
}

#menu li.nine
{
	display: table-cell;
	width: 11.1%;
}

#menu li.ten
{
	display: table-cell;
	width: 10%;
}

/* STOP DELETING */





* html #menu li
{
	float: left; /* If you are using a vertical menu, delete this line/style  */
	
}



/*Main Menu Style*/




#menu li.menu a, #menu  li.menu
{
	color: #ffffff;

	
	font-weight:bold;
	font-family:arial, sans serif;	
	text-align:center;
	font-size:13px;


	
}




/*Main Menu HOVER Style*/

#menu  li.menu_hover, #menu  li.menu_hit, #menu  li.menu_hit_hover
{

	color: #ffffff;

	
	font-weight:bold;
	font-family:arial, sans serif;	
	text-align:center;
	font-size:13px;
	
}




/*Sub Menu Style*/

#menu  li.menusub
{
	position:absolute;
	padding: 4px 16px;
	color: #fff;
	background-color: #08c;
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
}

/*Sub Menu HOVER Style*/

#menu  li.menusub_hover
{
	position:absolute;
	padding: 4px 16px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
}

/*Sub Menu HIT Style*/

#menu  li.menusub_hit
{
	position:absolute;
	padding: 4px 16px;
	color: #0000ff;
	background-color: #ffff00;
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
}



* html #menu a
{
	float: left; /* Not sure what this does, but may need to be removed when vertical  */
}

/* Random stuff */

.container
{
	clear: both;
	text-decoration: none;
}
* html .container
{
	display: inline-block;
}


.clear_both
{
	clear: both;
}

/* Hides all the levels when initially loading. Add more "sub"s as needed  */

.menu ul, .menusub ul, .menusubsub ul, .menu_hit ul
{
	display: none;
}

.menu_hit_hover ul, .menu_hover ul
{
	position:relative;
	top:4px;
	left:-17px;
}