/* ------- HORIZONTAL DROPDOWN WITH IE HACK - SEE PAGE BOTTOM FOR EDITING EXAMPLES --------- */
#menu {
	height:25px;
	background-color:#002D80;
}

/* ---------------------------- DON'T EDIT OR MOVE THIS BLOCK! ------------------------------ */
#menu ul					{list-style:none;margin:0;padding:0;float:left;}
#menu a, #menu a:visited 	{display:block;width:auto;margin:0;}
#menu li 					{position:relative;}
#menu ul ul					{position:absolute;z-index:500;top:auto;display:none;}
#menu a.x, #menu a.x:visited{background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;}
#menu a.x, #menu a.x:visited{font-weight:normal;color:#000;}
#menu a.x:hover				{color:#FFF;background:#000;}
#menu a.x:active			{color:#060;background:#CCC;}
div#menu li:hover			{cursor:pointer;z-index:100;}
div#menu li li li li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, 
div#menu li:hover ul ul		{display:none;}
div#menu li li li li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, 
div#menu li:hover ul 		{display:block;}

/* ----------- ------------------ END OF 'DON'T EDIT' BLOCK --------------------------------- */

/* ******************************************************************* */
/* ******************** LEVEL 1 (TOP) MENU ITEMS  ******************** */
#menu ul {
	width:140px; /* set top item with with UL - no LI or A */
	background-image:url(../images/menu_border_line.gif);
	background-position:right center;
	background-repeat:no-repeat;

} 
#menu a, #menu a:visited {
	padding:5px 5px 6px 5px; /* don't use 'height' attribute - instead use top & bottom padding to set menu item height and place text vertically */
	line-height:normal; /* SAFARI HACK; use with line-height along with top & bottom padding to set menu item height */
	color:#FFF; 
	text-decoration:none; 
	text-align:center; 
	font:bold 11px Arial, Helvetica, sans-serif; 
	white-space:nowrap; /* keeps text from wrapping on LEVEL 1 */
}
/* LEVEL 1 hover state */
#menu a:hover, #menu a:active, #menu a.selected {
	background:#25A1D7; 
}

/* 'Carrier Coverage' link is super wide */
#menu ul.carrier_coverage {
	width:265px;
}


/* ******************************************************************* */
/* ***************** LEVEL 2 (DROPDOWN) MENU ITEMS  ****************** */

#menu ul li ul li a, #menu ul li ul li a:visited {
	padding:6px 7px 5px 7px;
	background:#D1E7FE;
	text-align:left; 
	width:auto; /* defaults to width of LEVEL 1 menu item */
	white-space: normal; /* allows text to wrap on LEVEL 2 (3, etc.) */
	color:#333;
	border:solid 1px #999;
	border-top:none;
	font-weight:normal;
}
/* LEVEL 2 hover */
#menu ul li ul li a:hover, #menu ul li ul li a:active {
 	background:#25A1D7; 
	color:#FFF;
}

/* ****************************************************************************** */
/********************************* LEFT MENU **************************************/

/* unordered list structure */
DIV#menu_left {
	height:280px; /*set height tall enough to accomodate accordian expanding - so footer doesn't bounce up and down with menu movement */
}
DIV#menu_left UL {
	margin:0 ;
	padding:0;
	list-style-type:none;
	text-transform:uppercase;
	border-top:solid 1px #999;
	line-height:normal;
	background:#999;
}
DIV#menu_left UL LI UL {
	border-top:none;
	margin:-3px 0 -1px 0 ;
}
DIV#menu_left UL LI A SPAN, DIV#menu_left UL LI A:HOVER SPAN  {
	border-bottom:none; /* get rid off underline highlight that radpanel puts in */
}
/*-------- 1st level links ----------*/
DIV#menu_left UL LI A, DIV#menu_left UL LI A:hover {
	display:inline-block;
	width:155px;
	color:#363636;
	font-weight:bold;
	font-size:11px;
	letter-spacing:0;
	line-height:normal;
	padding:6px 15px 6px 15px;
	border-bottom:solid 1px #999;
	text-decoration:none;
	background-image:url(../images/menu_left_bg_no_submenu.jpg); /*defaults to no arrow */
	background-position:right top !important; /* 'important' keeps alternate hover/selected images positioned in IE6 */
	background-repeat:no-repeat !important;
	margin-bottom: -3px ;
}
DIV#menu_left UL LI A:hover  {
	background:url(../images/menu_left_bg_no_submenu_hover.jpg); /*defaults to no arrow hover */
	border-bottom:none ;
}
/*-------- Top Items With Submenus CLOSED Get Arrow Facing RIGHT ----------*/
DIV#menu_left UL LI A.rpExpandable {
	background-image:url(../images/menu_left_bg.jpg); 
}
DIV#menu_left UL LI A:HOVER.rpExpandable {
	background-image:url(../images/menu_left_bg_hover.jpg); 
}
/*-------- Top Items With Submenus OPEN Get Arrow Facing DOWN ----------*/
DIV#menu_left UL LI A.rpExpandable.rpExpanded  {
	background-image:url(../images/menu_left_bg_open.jpg);
}
DIV#menu_left UL LI A:hover.rpExpandable.rpExpanded  {
	background-image:url(../images/menu_left_bg_open_hover.jpg);
}



/*-------- 2nd level links ----------*/
DIV#menu_left UL LI UL LI A, DIV#menu_left UL LI UL LI A:HOVER {
	padding:4px 20px 4px 20px;
	font-size:10px;
	background:#D1E7FE;
	border-bottom:solid 1px #999;
}
DIV#menu_left UL LI UL LI A:hover, DIV#menu_left UL LI UL LI A.selected {
	color:#FFF;
	background:#25A1D7;
}
DIV#menu_left UL LI UL LI A.rpExpandable {
	background-image: none ; /* stop arrows from cascading down to second leve; */
}
