/********************************************************************
* Suckerfish drop-down menus
********************************************************************/
@media screen, projection {
#menubar {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* all lists */
#menubar ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	zoom: 1; /* helps IE styling */
	text-transform: uppercase; /* top-level menu only */
}


/* all list items */
#menubar li { 
	float: left;
	position: relative;
	z-index: 999;  /* force on top */
	zoom: 1; /* helps IE styling */
	background-color:#C5E5F7;
}


/* all links */
#menubar a {
	display: block;
	zoom: 1; /* helps IE styling */
}



/* second-level lists */
#menubar li ul { 
	position: absolute;
	margin-top: 6px;
	padding: 0;
	width: 13em;  /* wide enough for most on a single line */
	left: -9999px; /* initially hide off screen */
	background: #157EBE; /* blue */
	color: #FFFFFF; /* white */
	border: 1px solid #C5E5F7; /* gold */
	border-top-width: 0;
	text-transform: none; /* normal case */
}



/* nested list under hovered list items */
#menubar li:hover ul,
#menubar li.sfhover ul { 
	margin-left: 10003px; /* bring back into view */
	z-index: 999; /* force on top */
}




/* top level button styling */
#menubar li {
	margin: 0;
	padding: 0;
	height: 28px; /* button height */
	text-align: center;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:-1px;
}
#menubar li a {
	background: #C5E5F7; /* light blue */
	color: #157EBE; /* dark blue */
	text-decoration: none;
}
#menubar a.selected,
#menubar li.selected > a,
#menubar li:hover > a,
#menubar li a:hover {
	background: #C5E5F7; /* light blue */
	color: #F9B142; /* gold */
}
#menubar a img {
	border: solid #FFFFFF; /* white */
	border-width: 0 0 0 4px;  /* left border only */
	vertical-align: middle;
}
#menubar li.first a img {
	margin-left: 2px;
	padding-left: 10px;
	border-color: #FFFFFF; /* white */
}

#menubar li.first  {
	padding-top: 8px;
	padding-bottom: 0px;	
	margin-left: 2px;
	vertical-align: middle;
	width:55px;
	height:20px;	
}
#menubar li.second  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:78px;
	height:20px;
}
#menubar li.third  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:65px;
	height:20px;
}
#menubar li.fourth  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:123px;
	height:20px;
}
#menubar li.fifth  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:93px;
	height:20px;
}
#menubar li.sixth  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:55px;
	height:20px;
}
#menubar li.seventh  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:90px;
	height:20px;
}
#menubar li.eight  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:80px;
	height:20px;
}
#menubar li.ninth  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:80px;
	height:20px;
}
#menubar li.tenth  {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	width:57px;
	height:20px;
}



/* submenu styling */
#menubar li li {
	float: none;
	width: 100%;  /* 100% of parent ul (above) */
	height: auto; /* must adjust depending on text */
	text-align: left;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: normal;
	font-size:90%;
}
#menubar li li a {
	padding: 5px; /* help readability/usability */
	background-image: none; /* must be specific for some browsers */
	background-color: #157EBE; /* blue */
	color: #FFFFFF; /* white */
	border-top: 1px solid #C5E5F7; /* gold */
}
#menubar li li a:hover, 
#menubar li li a:focus, 
#menubar li li a:active {
	background: #157EBE; /* blue */
	color: #F9B142; /* gold */
}


/* IE6 requires explicit widths for top-level navigation \*/
* html #menubar li {
	width: 95px;
} /* IE6 treats as min-width */
* html #menubar li li {
	width: 15em;
} /* end */

}