/* MENU SETUP */

img
{
	border: 0px;
}

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

#menu ul li
{

}


#menu li
{
	list-style-type: none;
	list-style-image:none;
	left:0px;
	font-family:Arial, Tahoma, Sans Serif;
	color:#ffffff;
	
}


/* 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: 10%;*/
}

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




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



/*Main Menu Style*/

#menu  li.menu
{
	padding: 5px 4px 5px 4px;
	float:left;
	text-decoration: none;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ffffff;
	font-family:Arial, Tahoma, Sans Serif;
}

#menu li.menu a
{
	color: #ffffff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	font-family:arial, sans serif;	
	text-align:center;
	font-family:Arial, Tahoma, Sans Serif;
	
	
}

/*Main Menu HOVER Style*/

#menu  li.menu_hover, #menu  li.menu_hit, #menu  li.menu_hit_hover 
{
	padding: 4px;
	color: #ff00ff;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}

#menu LI.menu_hit .menubg A, #menu LI.menu_hover .menubg A
{
color:#ffffff;
}


#menu  li.menu_hover .menuL, #menu  li.menu_hit .menuL, #menu  li.menu_hit_hover .menuL
{
	background-image:url('/images/oacrs/menu_l.jpg');
	background-repeat:no-repeat;
	height:34px;
	font-family:Arial, Tahoma, Sans Serif;
	color:#ffffff;
	text-align:center;
	
	
}


#menu  li.menu_hover .menubg, #menu  li.menu_hit .menubg, #menu  li.menu_hit_hover .menubg
{	
	background-image:url('/images/oacrs/menu_bg.jpg'); 
	background-repeat:repeat-x;
	height:34px;
	color:#ffffff;
	font-family:Arial, Tahoma, Sans Serif;
}


#menu  li.menu_hover .menuR, #menu  li.menu_hit .menuR, #menu  li.menu_hit_hover .menuR
{
	background-image:url('/images/oacrs/menu_R.jpg');
	background-repeat:no-repeat;
	height:34px;
	font-family:Arial, Tahoma, Sans Serif;
	color:#ffffff;
	
}




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