@charset "utf-8";
/* CSS Document */

ul#primary-nav {
	margin:0;
	padding: 0;
	list-style:none;
	float:left;
}
ul#primary-nav ul {
	width: 150px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	list-style:none;
}

/* This block forces containling blocks to surround sub blocks */
ul#primary-nav:after { 
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav li {
	display:inline;
	position: relative;
	margin:0;
	padding:0;
	float: left;
	/*width: 150px; /* Width of ALL Menu Items */
	
	background-color:#ccc;
}
ul#primary-nav li li { width:150px;}
	
ul#primary-nav li a,
ul#primary-nav li li a { 
	display: block;
	/* Style of all unactive buttons. If there is a background color/image, set the containing <li> style. */
	color:#000;
	font-size:13px;
	padding:2px 5px;
	text-decoration:none;
}
ul#primary-nav li li a { font-size:11px;}
ul#primary-nav li a:hover,
ul#primary-nav li li a:hover { 
	display: block;
	/* Style of all active buttons */
	color:#fff;
	background-color:#666666;
}



/* Set the position of the first tier drop downs. If the top-level navs are graphics or of a fixed appearance, you may need to set the "top" and "left" attributes to a pixel value. */
ul#primary-nav ul { position: absolute; display: none; border-top:solid 1px #fff; left:-1px;}
/* Set the position of second tier and deeper menus */
ul#primary-nav ul ul { left:150px; top: 0;}

/* Top Menu Styles */
ul#primary-nav li a.topNav { padding:2px 10px; background:#c03 url(../images/ma_nav_bg.gif) repeat-x; border-right:solid 1px #fff; color:#fff; text-decoration:none;}
/* Sub Menu Styles */
ul#primary-nav li ul li a { border-left:solid 1px #fff; border-right:solid 1px #fff; border-bottom:solid 1px #fff; border-top:none;}

/* Hide sub-menus initially */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; }

/* The magic: Show lists when parent is moused over (hover) */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; }

/* Identify Sub Menus with an arrow down graphic for top */
/* ul#primary-nav li.menuparent { background-image:url(../images/arrow_down.gif); background-position:right center; background-repeat: no-repeat; } */
/* Identify Sub Menus with an arrow right graphic for the deeper nested menus */
ul#primary-nav li li.menuparent { background-image:url(../images/arrow_right.gif); background-position:right center; background-repeat: no-repeat; }

/* Highlight menu containing nav when mousing over sub items */
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color:#666 !important;}
ul#primary-nav li.menuparent:hover a.topNav,
ul#primary-nav li.over a.topNav,
ul#primary-nav a.topNav.selected { background-position:0 -100px !important; background-color:#666 !important; color:#fff !important;}



ul#primary-nav li#myBillNav { width:65px;}
ul#primary-nav li#myUsageNav { width:81px;}
ul#primary-nav li#myProgramsNav { width:100px;}
ul#primary-nav li#outageInfoNav { width:93px;}
ul#primary-nav li#serviceRequestNav { width:118px;}






/*				 */
/* SECONDARY NAV */
/*				 */ 


ul#secondary-nav {
	margin:0;
	padding: 0;
	list-style:none;
}
ul#secondary-nav ul {
	width: 150px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	list-style:none;
}

/* This block forces containling blocks to surround sub blocks */
ul#secondary-nav:after { 
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#secondary-nav li { float: left; height: 1%; }
* html ul#secondary-nav li a { height: 1%; }
/* End */

ul#secondary-nav li {
	display:inline;
	position: relative;
	margin:0;
	padding:0;
	float: left;
	/*width: 150px; /* Width of ALL Menu Items */
	
	background-color:#666666;
}

	

ul#secondary-nav li a { 
	display: block;
	/* Style of all unactive buttons. If there is a background color/image, set the containing <li> style. */
	color:#666;
	font-size:13px;
	padding:3px 5px;
	text-decoration:none;
}

ul#secondary-nav li a:hover{
	display: block;
	/* Style of all active buttons */
	color:#666;
	background-color:#fff;
}



/* Set the position of the first tier drop downs. If the top-level navs are graphics or of a fixed appearance, you may need to set the "top" and "left" attributes to a pixel value. */
ul#secondary-nav ul { position: absolute; display: none; border-top:solid 1px #fff;}
/* Set the position of second tier and deeper menus */
ul#secondary-nav ul ul { left: 150px;top: 0;}

/* Top Menu Styles */
ul#secondary-nav li a.topNav { padding:2px 10px; background:#666; border-left:solid 1px #fff; color:#ccc; text-decoration:none;}
/* Sub Menu Styles */
ul#secondary-nav li ul li a { border-left:solid 1px #fff; border-right:solid 1px #fff; border-bottom:solid 1px #fff; border-top:none;}

/* Hide sub-menus initially */
ul#secondary-nav li:hover ul ul,
ul#secondary-nav li:hover ul ul ul,
ul#secondary-nav li.over ul ul,
ul#secondary-nav li.over ul ul ul { display: none; }

/* The magic: Show lists when parent is moused over (hover) */
ul#secondary-nav li:hover ul,
ul#secondary-nav li li:hover ul,
ul#secondary-nav li li li:hover ul,
ul#secondary-nav li.over ul,
ul#secondary-nav li li.over ul,
ul#secondary-nav li li li.over ul { display: block; }

/* Identify Sub Menus with an arrow down graphic for top */
/* ul#primary-nav li.menuparent { background-image:url(../images/arrow_down.gif); background-position:right center; background-repeat: no-repeat; } */
/* Identify Sub Menus with an arrow right graphic for the deeper nested menus */
ul#secondary-nav li li.menuparent { background-image:url(../images/arrow_right.gif); background-position:right center; background-repeat: no-repeat; }

/* Highlight menu containing nav when mousing over sub items */
ul#secondary-nav li.menuparent:hover,
ul#secondary-nav li.over { background-color:#fff !important;}
ul#secondary-nav li.menuparent:hover a.topNav,
ul#secondary-nav li.over a.topNav,
ul#secondary-nav a.topNav.selected { background-position:0 0px !important; background-image:url(../images/btn_secondaryNav_background.gif); background-color:#fff !important; color:#666 !important;}


ul#secondary-nav li#myProfileNav { width:80px;}
ul#secondary-nav li#myAlertsNav { width:78px;}
ul#secondary-nav li#faqNav { width:55px;}