#index {
	background-image: url('images/layout/index_side.gif'); 
	background-repeat: repeat-x; 
	width: 100%; 
	height: 33px;
}

#index ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 873px; /* Width of Menu Items */
}

#index ul li {
	position: relative;
	display: block;	float:left;
}
			
#index li ul {
	position: absolute;
	left: -1px; /* Set 1px less than menu width */
	top: 31px;
	display: none;
}

#index ul li ul li ul{
	position:absolute;
	left:95px;
	top:0px;
	display:none;
}

/* all buttons */ 
#index ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #6986a0; /* IE6 Bug */
	padding: 0px;
	width: 97px;
	text-align: center;
	line-height: 31px;

}

/* gap between buttons */
#index ul li.gap {
	width: 1px;
	background-color: #0e3352;
	height: 32px;
	/*float: left;*/
}

/* unselected buttons */
#index ul li a.level1 {
	background-image: url('images/layout/index_button1.gif');
	height: 33px;
	width: 95px;
	display: block;
	/*float: left;*/ /* needed */
}


/* current page button */	
#index ul li a.level1_on {
	/*float: left;*/
	background-color: #325b7d;
	background-image: url('images/layout/index_button2.gif');
	height: 33px;

}

/* drop down items */
#index ul li a.level2 {
	clear: all;
	margin: 0px;
	width: 95px;

}		


/* Fix IE. Hide from IE Mac \*/
* html #index ul li { /*float: left;*/ height: 1%; }
* html #index ul li a { height: 1%; }
/* End */

/* Hover Styles main buttons*/
#index ul li.levela a:hover { 
	color: #fff; 
	background: #496d8b; 
	border-top: 1px solid #123655;
	border-bottom: 1px solid #123655;	
	height: 30px;
	line-height: 29px;	
} 

/* Hover Styles drop down buttons*/
#index ul li.levelb a:hover { 
	color: #fff; 
	background: #496d8b; 
	border-top: 0px;
	border-bottom: 0px;		
	height: 31px;
	line-height: 31px;		
} 

/* Hover Style current page*/
#index ul li a.level1_on:hover { 
	background-color: #325b7d;
	background-image: url('images/layout/index_button2.gif');
	height: 31px;
	border-top: 0px;
	line-height: 31px;
}

/* Hover Styles sub buttons*/	
#index li ul li a { 
	padding: 0px; 
	margin: 0px;
	clear: both;
	border: 0px;
}
		
#index li:hover ul, #index li.over ul{ 
	display: block;
	width: 95px;
	border: 1px solid #123655;
} /* The magic */

#index li li:hover ul, #index li ul li:over ul { 
	display: block;
	width: 95px;
	border: 1px solid #123655;
}