/**
 ** Base Menu Styles
 **/
#header { 
	background-color: white; 
}

#menuContainer {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	/* width must be set to the menu width to get proper centering 
	 * (73 * ShortButtonCount) + (114*LongButtonCount) = width 
	 * HOWEVER IE6 is funny with this stuff and we must add 2 for each 
	 * item then adjust the centering by that ammount with addition 
	 * padding-left
	 */
	width: 771px;
	padding-left: 14px;
}

#menuContainer .itemShort {
	width: 72px;
	height: 17px;
	/* background image is overriden in menu_<color>.css files */
	background-image:url(../../images/btn_inactive.gif); 
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;
	float: left;
	cursor: hand;
	cursor: pointer;
}

#menuContainer .itemShortActive {
	width: 72px;
	height: 17px;
	/* background image is overriden in menu_<color>.css files */
	background-image:url(../../images/btn_active_bluegrey.gif);
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;
	float: left;
	cursor: hand;
	cursor: pointer;
}

#menuContainer .itemLong {
	width: 113px;
	height: 17px;
	/* background image is overriden in menu_<color>.css files */	
	background-image:url(../../images/btn_long_inactive.gif);
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;	
	float: left;
	cursor: hand;
	cursor: pointer;
}

#menuContainer .itemLongActive {
	width: 113px;
	height: 17px;
	/* background image is overriden in menu_<color>.css files */	
	background-image:url(../../images/btn_long_active_bluegrey.gif);
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;	
	float: left;
	cursor: hand;
	cursor: pointer;
}

#menuContainer a,a:visited,a:active {
	color: black;
	text-decoration: none;
}

/**
 ** Submenu Bar
 **/
#submenu {
	clear: both;
	width: 100%;
	height: 16px;
	background-image:url(../../images/submenu_bkgd_bluegrey.gif);
	font-family: sans-serif;
	font-size: 11px;
	text-align: center;	
	padding-top: 2px;
	overflow: hidden;
}

#submenu a,a:visited,a:active {
	color: black;
	text-decoration: none;
}

#submenu span { padding-right: 15px; }

#submenu a:hover { text-decoration: underline; }

#submenu_footer {
	clear: both;
	width: 100%;
	height: 16px;
	font-family: sans-serif;
	font-size: 11px;
	text-align: center;	
	padding-top: 12px;
	overflow: hidden;
}

#submenu_footer a,a:visited,a:active {
	color: black;
	text-decoration: underline;
}

#submenu_footer span { padding-right: 15px; }