/**
 * Main Garganteous Header Menu
 * The Menu CSS is so big
 * we put it in it's own file.
 * -JGR
 *
 * Menu BG Color: #bb5a26
 * 
 * 1. Global menu styles
 * 2. Per menu styles - Here you set the width for the individual sub menus.
 * 
 *   ___________________________
 *  | Root Menu Item         v  |
 *  .---------------------------.
 *  | Lvl1 subMenu1             |_______________________________
 *  | Lvl1 subMenu2 w/ subMenu >| Lvl2 subMenu1 for Lvl1subMenu2|
 *  | Lvl1 subMenu3             | Lvl2 subMenu2 for Lvl1subMenu2|
 *  | Lvl1 subMenu4             | Lvl2 subMenu3 for Lvl1subMenu2|
 *  | Lvl1 subMenu5             |-------------------------------
 *  |___________________________| 
 */

/**
 * Global menu styles
 */

#menuContainer {
 	background-image:	url(../images/menubg.gif);
	background-repeat:	repeat-x;
	background-color:	#bb5a26;
	height:				1.9em;
}

#menuCenterer {
	margin:				auto; /* centers in IE7 and FF */
	width:				48em; 
	padding-left:		4.5em;
}

#menu, #menu ul 
{
	list-style: 		none;
	padding:			0;
	margin:				0;
}


#menu li
{
	margin:				0;
	padding:			0;
	float:				left;
	display: 			inline;
}

#menu li ul {
	position: 			absolute;
	left: 				-999em;
	height: 			auto;
	width: 				auto;
	font-weight: 		normal;
	border: 			0.25em solid #0380b7;
	margin: 			-0.1em 0;
}

#menu li li {
	background-color:	#fff;
	float: 				left;
	clear: 				left;
	width: 				auto;
}

#menu ul a:link,
#menu ul a:visited,
#menu ul a:active {
	color: 				#000;
	font-size:			0.9em;
}

#menu ul a:hover {
	color: 				#fff;
}

#menu a:link,
#menu a:visited,
#menu a:active {
	font-size:			1em;
	padding:			.3em 1em 0;
	height: 			1.6em;
	display:			block;
	color:				#fff;
	text-decoration:	none;
	font-weight:		bold;
}

#menu a:hover {
	background-color:	#ed722f;
	background-color:	#0380b7;
}

#menu li ul a.subMenu {
	background-image:	url(../images/headerMenuDoodad.gif);
	background-repeat:	no-repeat;
	background-position:right center;
}

#menu li:hover,
#menu li.hover
{
	position: 			static;
}

#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul {
	left: 				-1999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
	left: 				auto;
}

#menu li:hover, #menu li.sfhover {
	background: 		#0380b7;
}

#menu li ul a.subMenu {
	background-image:	url(../images/headerMenuDoodad.gif);
	background-repeat:	no-repeat;
	background-position:right center;
}


/**
 * Per Menu Styles
 * this first section is for the Iteration 2/3+ version of the site.
 * Just leavint them here cause they're already sized out nicely.
 */
#menuAccountCenter a {
	width:				7.5em;
}

#menuResidential a {
	width:				5.6em;
}

#menuBusiness a {
	width:				4.5em;
}

#menuAboutIEI a {
	width:				4.5em;
}

#menuCustomerCare a {
	width:				7.5em;
}

#menuExtras a {
	width:				3em;
}
 
/**
 *  Header width overrides for Iteration 1.
 */


#business a:link,
#business a:visited {
	width: 				4.5em;
}

#business li a:link,
#business li a:visited  {
	width: 				6em;
}

#business li li a:link,
#business li li a:visited  {
	width: 				10em;
}

#business li ul {
	margin:				-1.7em 0 0 6.9em;
}


#adept a:link,
#adept a:visited {
	width: 				3.5em;
}

#professionalServices a:link,
#professionalServices a:visited {
	width: 				10.5em;
}

#professionalServices li a:link,
#professionalServices li a:visited {
	width: 				11.4em;
}

#news a:link,
#news a:visited {
	width: 				3em;
}

#contact a:link,
#contact a:visited {
	width: 				4em;
}

#serviceRequest a:link,
#serviceRequest a:visited {
	width: 				11.8em;
}