@charset "UTF-8";

/* AuxSpryMenuBarHorizontal.css - Set up for HudginsContracting.com */

/* This CSS file contains only custom tweaks to be applied on top of standard Spry CSS file. */
/* The link to this file must FOLLOW the link to the standard Spry CSS file.  */

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

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

 *******************************************************************************/
/* The outermost container of the Menu Bar      */
/* JDW--changes here include setting font-size and line-height   */
/*     to offset the general setting in the overall site CSS file     */
/* Also to center menu: set fixed width to sum of menu item widths, and set margin: 0 auto; */

ul.MenuBarHorizontal
{
	width: 945px;
	height: 31px;
	margin-left:29px;
	font-size: 14px;
	font-weight:bold;
	line-height:1.2;
}

/* Menu item containers, position children relative to this container and set to a fixed width */
ul.MenuBarHorizontal li
{
	width: 111px;
	height: 25px;
	float: left;
	margin-right:24px; /*JDW--added to provide gap between buttons; calculate to match button and navbar width */
	margin-top:3px;  
	white-space: nowrap;
}
/* 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) */
/* Submenu containers have borders on all sides; modify as desired */
ul.MenuBarHorizontal ul
{
	width: 171px;
	border:none;
	background-color:#444; /* Match main bar color  */
	background-image:url(navbar_dropdown_bg.jpg); background-repeat:repeat;
	padding-bottom:5px;
}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 171px;
	height: 25px;
	float: none;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* JDW -- added this rule to specify centering of top menu items -- must set lower level */
/*     menu items specifically to text-align: left in order to offset effect  */
/* 	Also set larger font size and bold weight, which is offset below for sub items      */
/*  Menu items have a button image background with black text */
/* Also set height and padding to specify how to center text vertically in background--NOTE: 
	when two-line menu items are coded in html doc with <br />, need to add styling 
	to reduce padding--i.e., move it and increase height correspondingly. */
ul.MenuBarHorizontal a
{
	text-align:center;
	background-color: #FEC501;
	background-image:url(navbar_button_bg.jpg);
	color: #000;
	height: 22px;     
	padding: 3px 0 0 0; 
}

/* Menu items that have mouse over or focus have a highlighted button image background and black text */
/* JDW--customize this as needed */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-image:url(navbar_button_over_bg.jpg);
	background-color: #FEC501;
	color: #000;
}

/* JDW--customize this as needed  */
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and black text */
/* JDW -- changed to highlighted button image background and black text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-image:url(navbar_button_over_bg.jpg);
	background-color: #FEC501;
	color: #000;
}

/* JDW --  set font size, weight */
/*JDW-- Submenu items need special top and left padding to position text within button image background; height & width must 
	be reduced correspondingly */
ul.MenuBarHorizontal ul a
{
		font-size:12px;
		height: 22px;
		width:151px;
		padding: 3px 0 0 0;
/*		margin: 5px auto;  */
		margin: 0 auto;
		background-image:url(navbar_button_med_bg.jpg);
}
ul.MenuBarHorizontal ul a.MenuBarItemHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	background-image:url(navbar_button_over_med_bg.jpg);
	background-color: #FEC501;
	color: #000;
}
/*******************************************************************************

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

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

/* JDW--customize the next 4 sections as needed for menu arrow images --CHANGES SO FAR: */
/* 1. Don't display arrow gifs on top level items           */

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
/*	background-image: url(SpryMenuBarDown.gif);  */
	height: 22px;
	padding: 3px 0 0 0;
	background-image:url(navbar_button_bg.jpg);
	background-color: #FEC501;
}
/* 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%) */
/* JDW: Don't display arrow, but do display highlighted button background image just like menu items without submenus when hovered over */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image:url(navbar_button_over_bg.jpg);
	background-color: #FEC501;
	color: #000;
}

/*******************************************************************************
 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;
		background: #444; /* Generally, match with background color for main nav bar (or "ul.MenuBarHorizontal ul" above) */
/*		background-image:url(navbar_dropdown_bg.jpg); background-repeat:repeat;  */
	}
}