@charset "utf-8";

#menu_main_box{background:url(../assets/menu_bg.jpg); width:800px; padding: 0;}

#menu_container{padding:0; margin:0 auto; list-style-type: none; display:table;}

.main_menu{	
	padding:0; 
	margin:0 auto; 
	list-style-type: none; 
	display:block;
	text-align:center;
	height:25px;
	z-index:9;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	clear:both;
	font-size:15px;
}

/* Set up the list items */
.main_menu li{
	margin:0 auto 1px auto;
	padding:0 15px 0 15px;
	float:left;
	line-height:25px;
}

.mm1{width:591px;}
.mm2{width:640px;}
.mm3{width:640px;}

/* Set up the link size, color and borders */
.main_menu a{color:#7f1420; text-decoration:none;}

/* Set up the sub level borders */
.main_menu li ul li a, .main_menu li ul li a:visited {}
.main_menu li a.enclose, .main_menu li a.enclose:visited {}

/* For Non-IE browsers and IE7 */
.main_menu li:hover {color:#000;}
/* Make the hovered list color persist */
.main_menu li a:hover{color:#000;}
.main_menu li .selected{color:#000;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .main_menu li a:hover {background:#d8eff5; color:#000;}

/* For accessibility of the top level menu when tabbing */
.main_menu li a:active, .main_menu li a:focus {background:#d8eff5; text-decoration:none; color:#000;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
.main_menu li.drop {background:#d8eff5;}