/* MENU SETUP */

img
{
	border: 0px;
}

#menu
{

	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	white-space: nowrap;

	
float:left;
	/* Set width to the entire menu. Not needed for vertical, since block size will be set for vertical styles */
	height:50px;
	/*overflow:hidden;*/
/*width:700px;*/
	
}

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

.foundtop #menu li
{
	padding-left:20px;
	padding-right:20px;
	float:left;
	
}


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

	
}


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

	
	padding-top:8px;
	font-family: Arial, Verdana, Sans Serif;
	text-align:center;
	font-size:17px;
	


	
}



#menu li.menu a:hover
{
	color: #2a364e;

	
	padding-top:8px;
	font-family: Arial, Verdana, Sans Serif;
	text-align:center;
	font-size:17px;
	
	 


	
}






/*Main Menu HOVER Style*/

#menu  li.menu_hover, #menu  li.menu_hit, #menu  li.menu_hit_hover, #menu li.menu a:hover, #menu  li.menu:hover, #menu li:hover, #menu li a:hover
{

	color: #ffffff;

	
padding-top:0px;
padding-bottom:0px;
	font-family: Arial, Verdana, Sans Serif;
	text-align:center;
	font-size:17px;

padding-top:8px;
padding-bottom:25px;

	
}


#menu  li.menu_hover a, #menu  li.menu_hit a, #menu  li.menu_hit_hover a, #menu li.menu a:hover, #menu  li.menu:hover a, #menu li:hover, #menu li a:hover
{

	color: #ffffff;

	
	font-family: Arial, Verdana, Sans Serif;
	text-align:center;
	font-size:17px;
background-image:url('/images/chss/arrow.png');
background-repeat:no-repeat;
background-position:center 36px;
padding-top:8px;
padding-bottom:30px;



	
}

.spacer
{
	width:10px;
	color:#000000;
	background-color:#000000;
}



/*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;
	left:-40px;
}



.menusub ul
{
    left:228px;
    top:0;
}
.menu_hit_hover ul ul, .menu_hover ul ul
{
	position:absolute;
	left:228px;
	z-index:1000;
}

.menu_hover ul ul li
{
    position:relative;
    top:-40px;
}