@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
/*  NOTE: Padding in this module controls location of menu bar; use to center it.  No margin is NOT margin=0. To center buttons in a longer bar, use width=what needed for buttons, put half padding left and right, background color and border will extend past the buttons by the amount of the padding. --AIB */
ul.MenuBarHorizontal
{
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: 775px;
	text-align: center;
	height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1a4066;
	border-bottom-color: #1a4066;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 65px;
	margin: 0px;
	background-color: #aac7e7;
	font-weight: normal;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
/* Margin & padding appear to affect the space between the buttons; position affects the location of the buttons within the container for both main and sub menu; since I wanted sub menu under main button, couldn't use to center buttons; see above for solution.  Top -1 (positioning, placement) gets the button to line up over the container.  But IE appears to ignore the -1.  --AIB */
ul.MenuBarHorizontal li
{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 120px;
	height: auto;
	float: left;
	top: 0px;
}
ul.MenuBarHorizontal li.width90 {
	width: 90px;
}
ul.MenuBarHorizontal li.width105 {
	width: 105px;
}
ul.MenuBarHorizontal li.width150 {
	width: 150px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
/* If the left: -1000em line is missing, the drop-down menus show even if the main buttoned is not hovered over. The margin influences the position of the submenu box--AIB */
ul.MenuBarHorizontal ul
{
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 120px;
}
ul.MenuBarHorizontal ul.width150 {
	width: 150px;
}
ul.MenuBarHorizontal ul.width105 {
	width: 105px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
/* NOTE: This affects the submenus below and to the right--AIB */
ul.MenuBarHorizontal ul li
{
	width: 120px;
}
ul.MenuBarHorizontal ul.width150 li {
	width: 150px;
}
ul.MenuBarHorizontal ul.width105 li {
	width: 105px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
/* I changed to line them up directly under the parent button--AIB--now can't get it to change 3/17/11 */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin:  0% 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: 0px;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
/* Padding affects position of Submenu containers in relation to parent button.  You don't see the background or border on this unless the buttons have no background image or color.  Setting width to auto causes IE to show submenu as row instead of column--this is the box underlying the drop-down list defined below in ul.MenuBarHorizontal ul a--AIB */
ul.MenuBarHorizontal ul
{
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #1a4066;
	background-color: #aac7e7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1a4066;
	text-align: center;
}
/* Menu items are a light gray block with padding and no text decoration */
/* NOTE:  auto width affects the submenu?!?!? Both submenu and main menu --AIB--per jcook, add another rule for the submenus; ul.MenuBarHorizontal ul a--see below */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #1a4066;
	text-decoration: none;
	height: auto;
	width: 120px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
ul.MenuBarHorizontal a.width150 {
	width: 150px;
}
ul.MenuBarHorizontal a.width105 {
	width: 105px;
}
ul.MenuBarHorizontal a.width90 {
	width: 90px;
}
ul.MenuBarHorizontal a.current {
	color: #CBDEED;
	background-color: #1a4066;
}
ul.MenuBarHorizontal a.current2 {
	color: #1a4066;
	background-color: #F1EACD;
}
ul.MenuBarHorizontal a.current3 {
	color: #1a4066;
	background-color: #D9E6F4;
}
/*these are the "active" buttons for the drop-down; they are on top of the submenu container defined above in ul.MenuBarHorizontal ul--AIB*/
ul.MenuBarHorizontal ul a
{
	display: block;
	cursor: pointer;
	color: #1A4066;
	text-decoration: none;
	height: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	width: 120px;
}
ul.MenuBarHorizontal ul.width150 a {
	width: 150px;
}
ul.MenuBarHorizontal ul.width105 a {
	width: 105px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, 
ul.MenuBarHorizontal a:focus
{
	color: #1A4066;
	background-color: #CBDEED;
}
ul.MenuBarHorizontal ul a:hover, 
ul.MenuBarHorizontal ul a:focus
{
	color: #1A4066;
	background-color: #CBDEED;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, 
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #1A4066;
	background-color: #CBDEED;
}
ul.MenuBarHorizontal ul a.MenuBarItemHover, 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	color: #1A4066;
	background-color: #CBDEED;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/* NOTE:  This is for the "up" buttons with sub-button below (ie, down arrow) --AIB*/
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	text-align: center;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/* NOTE:  The following is for the "up" button in the drop-down that has sub-buttons to the right (ie, right arrow) --AIB */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: 1A4066;
	background-color: #AAC7E7;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: 1A4066;
	border-bottom-color: 1A4066;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/* NOTE:  This is for the "hover" buttons with sub-button below (ie, down arrow)--AIB */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: 1A4066;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/* NOTE:  The following is for the "hover" button in the drop-down that has sub-buttons to the right (ie, right arrow hover) --AIB */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: 1A4066;
	background-color: CBDEED;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}
}