.red {color:#c00;}


#menu_body {
	width: 100%;
	text-align: left;
}

#main_menu, #main_menu ul {
	float: left;
	position: inherit;
	width: 100%;
	list-style: none;
	background: #B0BBC4;
	font-weight: bold;
	padding: 0;
	margin: 0px 0 6px 0;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
}

#main_menu a {
	display: block;
	width: 120px;
	color: #ffffff;
	text-align:center;
	text-decoration: none;
	padding: 3px 0 3px 0;
	font-family:
}

#main_menu a.IMG {
	/*if you want to add graphics to the menu items
	background: url() center left no-repeat;*/
}

#main_menu li {
	border-right: 1px solid #FFFFFF;
	float: left;
	padding: 0;
	width: 120px;
}

#main_menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	font-weight: normal;
	border-width: 0px ;
	margin: 0;
}

#main_menu li li {
	width: 120px;
	background: #EEEEEE;
	border-bottom: 1px solid #ffffff
}

#main_menu li ul a {
	width: 120px;
	color: #000000;
	font-weight:bold;
}

#main_menu li:hover ul ul, #main_menu li:hover ul ul ul, #main_menu li.sfhover ul ul, #main_menu li.sfhover ul ul ul {
	left: -999em;
}

#main_menu li:hover ul, #main_menu li li:hover ul, #main_menu li li li:hover ul, #main_menu li.sfhover ul, #main_menu li li.sfhover ul, #main_menu li li li.sfhover ul {
	left: auto;
	background-color: #7C98C5;
}

#main_menu li li:hover a{
	background-color: #5176B3;
	color: #ffffff;
	display:block;
	width: 120px;
}

#main_menu li:hover, #main_menu li.sfhover {
	background-color: #7C98C5;
}

#main_menu li li:hover, #main_menu li li.sfhover{
	background-color: #5176B3;
}


#positioner {
  clear:both; 
  top:0; 
  width:100%;
  height:18px;
  left:1px; z-index:100;
  background:#B0BBC4;
  text-align:left;
}

.menu {display:block; position:absolute;}

.menu a.outer, .menu a.outer:visited {
   color:#fff; 
   width:120px; 
   height:18px; 
   display:block; 
   background:#B0BBC4; 
   margin-right:1px; 
   text-align:center; 
   float:left; 
   text-decoration:none; 
   font-family: verdana, arial, sans-serif; 
   font-size:10px; 
   line-height:18px; 
   overflow:hidden;
   font-weight:bold;
   border-right: 1px solid #fff;
}

.menu a.outer:hover {
  background:#7C98C5; 
  overflow:visible;
}

.menu a.outer:hover table.first {
  display:block; 
  background:#eee; 
  border-collapse:collapse;
}
  
.menu a.inner, .menu a.inner:visited {
  display:block; 
  width:119px; 
  height:18px; 
  border-bottom:1px solid #ffffff; 
  text-decoration:none; 
  color:#000;
  font-family: verdana, arial, sans-serif; 
  font-size:10px; 
  text-align:center;
  font-weight:bold;
  line-height:18px;
}
  
.menu a.inner:hover {
  background:#5176B3;
  color:#fff; 
  font-weight:bold;
  line-height:18px;
}

.menu a.outer table.first a.second {
  height:18px; 
  line-height:18px; 
  overflow:hidden; 
  font-weight:bold;
}

.menu a.outer table.first a.second:hover {
  position:relative; 
  overflow:visible;
}
  
.menu a.outer table.first a.second:hover table {
  position:absolute; 
  top:-2px; 
  left:102px; 
  border-collapse:collapse; 
  background:#eee; 
  border:1px solid #000; 
  font-weight:normal
}