.chromestyle{
margin: 0;
padding: 0;
width: 980px; 
height: 74px;
background: url(../images/09menu2-940px.jpg) center top no-repeat; 
background-color: #FFF;
border: 0px solid #FFF;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 0px solid #BBB;*/
width: auto;
padding: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
/*background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

* html .chromestyle ul{
/*border: 0px solid #BBB;*/
width: 100%;
}

.chromestyle ul li{
list-style: none; float: left; /* display: inline;  original and no display: block in .chromestyle ul li a*/
}

.chromestyle ul li#spacer1 {margin: 0; padding: 0px; width: 13px; }
.chromestyle ul li#spacer2 {margin: 0; padding: 0px; width: 240px; display: block; }
.chromestyle ul li#spacer3 {margin: 0; padding: 0px; width: 13px; display: block;  }

.chromestyle ul li a{
color: #494949;
padding: 0;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}


.chromestyle ul li#promotion a {margin: 0; padding: 17px 5px 0 5px; width: 84px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#promotionselected a {margin: 0; padding: 14px 5px 0 5px; width: 84px; height: 57px; color: #000;  background: url(../images/09menu2dw.jpg) -8px top no-repeat; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;  }
.chromestyle ul li#promotion a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -8px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#promotion a  {width: 94px; }
/*IE only hack*/ * html .chromestyle ul li#promotionselected a {width: 94px; color: #000; }

.chromestyle ul li#package a {margin: 0; padding: 17px 5px 0 5px; width: 83px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#packageselected a {margin: 0; padding: 14px 5px 0 5px; width: 83px; height: 57px; background: url(../images/09menu2dw.jpg) -102px top no-repeat; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#package a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -102px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#package a  {width: 93px; }
/*IE only hack*/ * html .chromestyle ul li#packageselected a {width: 93px; color: #000; }

.chromestyle ul li#services a {margin: 0; padding: 17px 5px 0 5px; width: 83px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#servicesselected a {margin: 0; padding: 14px 5px 0 5px; width: 83px; height: 57px; background: url(../images/09menu2dw.jpg) -195px top no-repeat;  font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#services a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -195px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#services a  {width: 93px; }
/*IE only hack*/ * html .chromestyle ul li#servicesselected a {width: 93px; color: #000; }

.chromestyle ul li#medical a {margin: 0; padding: 17px 5px 0 5px; width: 133px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#medicalselected a {margin: 0; padding: 14px 5px 0 5px; width: 133px; height: 57px; background: url(../images/09menu2dw.jpg) -288px top no-repeat;  font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#medical a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -288px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#medical a  {width: 143px; }
/*IE only hack*/ * html .chromestyle ul li#medicalselected a {width: 143px; color: #000; }

.chromestyle ul li#doctor a {margin: 0; padding: 17px 5px 0 5px; width: 70px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#doctorselected a {margin: 0; padding: 14px 5px 0 5px; width: 70px; height: 57px; background: url(../images/09menu2dw.jpg) -431px top no-repeat;  font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#doctor a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -431px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#doctor a  {width: 80px; }
/*IE only hack*/ * html .chromestyle ul li#doctorselected a {width: 80px; color: #000; }

.chromestyle ul li#news a {margin: 0; padding: 17px 5px 0 5px; width: 59px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#newsselected a {margin: 0; padding: 14px 5px 0 5px; width: 59px; height: 57px; background: url(../images/09menu2dw.jpg) -511px top no-repeat; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#news a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -511px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#news a  {width: 69px; }
/*IE only hack*/ * html .chromestyle ul li#newsselected a {width: 69px; color: #000; }

.chromestyle ul li#health a {margin: 0; padding: 17px 5px 0 5px; width: 65px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#healthselected a {margin: 0; padding: 14px 5px 0 5px; width: 65px; height: 57px; color: #000;  background: url(../images/09menu2dw.jpg) -580px top no-repeat; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#health a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -580px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#health a {width: 75px; }  
/*IE only hack*/ * html .chromestyle ul li#healthselected a {width: 75px; color: #000; }

.chromestyle ul li#media a {margin: 0; padding: 17px 5px 0 5px; width: 163px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#mediaselected a {margin: 0; padding: 14px 5px 0 5px; width: 163px; height: 57px; background: url(../images/09menu2dw.jpg) -655px top no-repeat; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#media a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -655px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#media a  {width: 173px; }
/*IE only hack*/ * html .chromestyle ul li#mediaselected a {width: 173px; color: #000; }

.chromestyle ul li#energy a {margin: 0; padding: 17px 5px 0 5px; width: 133px; height: 57px; font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#energyselected a {margin: 0; padding: 14px 5px 0 5px; width: 133px; height: 57px; background: url(../images/09menu2dw.jpg) -288px top no-repeat;  font: bold 15px Arial; color: #FFF; vertical-align: middle;  display: block; text-decoration: none;}
.chromestyle ul li#energy a:hover {padding: 14px 5px 3px 5px; display: block;  background: url(../images/09menu2dwhover.jpg) -288px top no-repeat; color: #EEE; }
/*IE only hack*/ * html .chromestyle ul li#energy a  {width: 143px; }
/*IE only hack*/ * html .chromestyle ul li#energyselected a {width: 143px; color: #000; }

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
margin: -20px 0 0 0;
text-align:left;
top: 0;
border: 0px solid #BBB;
border-bottom-width: 0;
font:normal 12px Tahoma;
/*line-height:18px;*/
z-index:100;
color: #FFF; 
background-color: #336699; 
width: 200px; -moz-border-radius:5px;-webkit-border-radius:5px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

* html .dropmenudiv {  /*IE only hack*/
margin: -5px 0 0 0;
}

.dropmenudiv a {
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB;
padding: 5px;
text-decoration: none;
color: #FFF;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
color: #FFF;
}

.dropmenudiv a:hover{
background-color: #336666;
color: #FFF;
}
