/*This next section lays out the format for the horizontal main menu*/
.submenuBar img {
	margin-top: 0px;
}

.submenuBar {
	width: 950px;
	height: 21px;
	background-image:url(images/submenu/submenu-background.jpg);
	background-repeat:repeat-x;
	z-index:100;
	padding-bottom:0px;
	}
	

#submenu, #submenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	
}

#submenu a {
	display: block;
	text-decoration: none;
	padding: 0px;
	border-right: 1px solid #000000;

}

#submenu li {
	float: left;
	width: 10em;

}

#submenu li ul, #submenu ul li  {
	width: 10em;
/*	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
*/

}

/*  This determines the look of the navigation when rolled over */
#submenu ul li a  {
	color: #FFFFFF;
/*	border-right: 0;
	padding: 6px 9px 6px 9px;
	background-color: #333333;
*/}

/*  This determines the look of the roll-down navigation  */
#submenu li ul {
	position: absolute;
	display: none;
/*	background-color: #6699CC;
	border-bottom: 2px solid #000000;
*/	font-family:"Arial", sans-serif;
	font-size:12px;
	font-weight:bold;
}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector sets color and background
when Root-Level items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth 
selector is assigned to IE5 and IE6 Windows via the P7_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/
#submenu li:hover a, #submenu a:focus,
#submenu a:active {
	color: #000000;
}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#submenu li:hover ul, #submenu li.p7hvr ul {
	display: block;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
The color set should march the normal Sub-Level link color
in the rule: #submenu ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.
*/
#submenu li:hover ul a, #submenu li.p7hvr ul a {
	color: #000000;
	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.
*/
#submenu ul a:hover {
	background-color: #C7C7C7!important;
	color: #000000!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. */
#submenu li {width: auto;}
