/* 
  ------------------------------------
  Menu Bar CSS file.
  
  Controls a pure-css horizontal pop-up menu bar
  
  -Bill Kenney
  ------------------------------------
*/
/*
Container for the menu.
*/
#menubar_wrapper {
	background-color: #909090;  /* make visible so you can make certain to cover. */
}
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menubar_wrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*
menubar is the root UL and menubar ul applies to all the sub-menu ULs.
Set font for just the menu. Do not add a font-size here.
*/
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
/*
Root-Level Links for elements without drop-down menus.
Do not change the first two properties.
*/
#menubar a {
	display: block;
	padding-top: 5px;
	padding-bottom: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color:#606060;
}
/*
Root-Level Links for elements with drop-down menus.
Do not change the first two properties.
Right padding is increased to compensate for 'arrow' gif,
as element is bg color, not bg image.
*/
#menubar a.trigger {
	background-image: url(templates/TYPA/menu_arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*
Sub Menu Elements
*/
#menubar a.sub {
	border-top: 0px;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}
/*
The Root-Level list items.
Floating left allows them to appear horizontally.
Width is for IE5 Mac. The last rule in this style sheet overrides to auto for Windows.
*/
#menubar li {
	float: left;
	width: 9em;
	width: 140px;
	/*border: 0px;*/
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#menubar li ul, #menubar ul li  {
	width: 12em;
}
/*
The sub-menu links.
*/
#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
/*
The Sub-Menu (Vertical) Unordered Lists describes each dropdown sub-menu grouping. 
Background Color must be set or problems will be encountered in MSIE.
Set right and bottom borders to simulate a raised look.
*/
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
}
#menubar ul.sub {
	border: 0px;
}
/*
Changes the Text color and background color when the Root-Level
menu items are:
	hover: moused over.
	focus: tabbed to.
	active: keyboard triggered.
	mbhover:  IE5/IE6 assignment.
*/
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.mbhover a {
	color: #000080;
}
#menubar a.trigger:hover, #menubar a.trigger:focus,
#menubar a.trigger:active {
	background-image: url(templates/TYPA/menu_arrow_blue.gif);
}
/*
Light up the sub-menu when root level activated.
Second selector is assigned to IE5 and IE6 via the MenubarLaunch script.
*/
#menubar li:hover ul, #menubar li.mbhover ul {
	display: block;
}
/*
Set Sub-Level links when the Root-Level activated.
Color should match the rule: #menubar ul li a.
Background color must be transparent if the underlying
background is an image.
*/
#menubar li:hover ul a, #menubar li.mbhover ul a {
	color: #000080;
	background-color: transparent;
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white.
*/
#menubar ul a:hover {
	background-color: #000080!important;
	color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menubarff li {width: auto;}

/* ************************************************************************ */
/* ************************************************************************ */
/* Root-Level subclasses.  Each root element has a different color scheme   */
/* ************************************************************************ */
#menubar li.blue a {
	border-top: 10px solid #7BB1CD;
	background-color: #ACC0D9;
}
#menubar li.pink a.trigger {
	border-top: 10px solid #DB8AC4;
	background-color: #F4B4C4;
}
#menubar li.green a.trigger {
	border-top: 10px solid #7F8257;
	background-color: #AEC6B8;
}
#menubar li.yellow a.trigger {
	border-top: 10px solid #F8C325;
	background-color: #FCDB96;
}
#menubar li.lavendar a {
	border-top: 10px solid #8B7AA6;
	background: #DBB2D2;
}
#menubar li.orange a.trigger {
	border-top: 10px solid #EEC050;
	background-color: #F5C9AE;
}
/* *********************************************************** */
/* Sub-Menu drop-down subclasses. */
/* Each menu has a different color scheme */
/* *********************************************************** */
#menubar li.blue ul {
	background-image: url(templates/TYPA/menubg_blue.png);
	background-repeat: repeat-x;
	border-left: 1px solid #7BB1CD;
	border-right: 3px solid #7BB1CD;
	border-bottom: 3px solid #7BB1CD;
}
#menubar li.pink ul {
	background-image: url(templates/TYPA/menubg_pink.png);
	background-repeat: repeat-x;
	border-left: 1px solid #DB8AC4;
	border-right: 3px solid #DB8AC4;
	border-bottom: 3px solid #DB8AC4;
}
#menubar li.green ul {
	background-image: url(templates/TYPA/menubg_green.png);
	background-repeat: repeat-x;
	border-left: 1px solid #7F8257;
	border-right: 3px solid #7F8257;
	border-bottom: 3px solid #7F8257;
}
#menubar li.yellow ul {
	background-image: url(templates/TYPA/menubg_yellow_long.png);
	background-repeat: repeat-x;
	border-left: 1px solid #F8C325;
	border-right: 3px solid #F8C325;
	border-bottom: 3px solid #F8C325;
}
#menubar li.lavendar ul {
	background-image: url(templates/TYPA/menubg_lavendar.png);
	background-repeat: repeat-x;
	border-left: 1px solid #8B7AA6;
	border-right: 3px solid #8B7AA6;
	border-bottom: 3px solid #8B7AA6;
}
#menubar li.orange ul {
	background-image: url(templates/TYPA/menubg_orange.png);
	background-repeat: repeat-x;
	border-left: 1px solid #EEC050;
	border-right: 3px solid #EEC050;
	border-bottom: 3px solid #EEC050;
}