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

/*for IE-avoids flickering*/
#nav ul  {
background-image:url(../images/nav/navbkgd.jpg);
height:46px;
background-repeat:repeat-x;
position:relative;
z-index:99;
}

#nav ul li {
display:inline;
float:left;
line-height:46px;
}

#nav ul li a span {
display:none;
}

#nav ul li a {
background-repeat:no-repeat;
display:block;
height:46px;
outline:0;
text-decoration:none;
font-size:.9em;
}

#nav ul a:hover {
background-position:right top;
}

#nav ul .selected a {
background-position:right top;
}


/*************************/
/*        buttons
/*************************/
#nav ul li .about {
background-image:url(../images/nav/aboutmec.jpg);
width:101px;
height:46px;
background-position:top left;
}

#nav ul li .billpay {
background-image:url(../images/nav/billpay.jpg);
width:79px;
height:46px;
background-position:top left;
}

#nav ul li .contactus {
background-image:url(../images/nav/contactus.jpg);
width:101px;
height:46px;
background-position:top left;
}

#nav ul li .energyservices {
background-image:url(../images/nav/energyservices.jpg);
width:135px;
height:46px;
background-position:top left;
}

#nav ul li .kids {
background-image:url(../images/nav/kids.jpg);
width:103px;
height:46px;
background-position:top left;
}

#nav ul li .membercare {
background-image:url(../images/nav/membercare.jpg);
width:118px;
height:46px;
background-position:top left;
}


#nav ul li .mypower {
background-image:url(../images/nav/mypower.jpg);
width:141px;
height:46px;
background-position:top left;
}

#nav ul li .news {
background-image:url(../images/nav/news.jpg);
width:122px;
height:46px;
background-position:top left;
}

#nav ul li a:hover {
background-position: 0 -46px;
}

/*
#nav ul li a.selected {
background-position: 0 -46px;   
}*/


/*********************************/
/*        DROPDOWN
/*********************************/

#nav ul ul {
background: #92925c;
position:absolute;
display:none;
z-index:97;
clear:both;
margin:-9px 0 0 0;
padding:10px 0;
border-left:2px solid #e5e9e8;
border-right:2px solid #e5e9e8;
border-top:1px solid #e5e9e8;
width:auto;
min-width:79px;
height:auto;
border-bottom:2px solid #e5e9e8;
}

#nav ul ul li {
display:block;
float:none;
line-height:1.1em;
white-space:nowrap;
}

#nav ul li li a span {
display:block;
}

#nav ul ul li a {
color:Black;
clear:both;
background:none;
z-index:70;
padding:0 7px;
height:1.6em;
position:relative;
font-size:.85em;
}

#nav ul ul li a:hover {
text-decoration:underline;
background:none;
}

#nav ul li:hover ul {
left: auto;
}

#nav ul li:hover ul, #nav ul li a:hover ul {
left: auto;
}

#nav li:hover ul, #nav li.over ul{  
display: block; /*shows second level menu on hover*/
}