.chromestyle{
width: 100%;/*Main Dive Width*/
font-weight: bold;
}

.chromestyle ul{
width: 100%;
padding:9px;
background: url(navigation_bg.jpg)repeat-x; /*Tab Button image Normal BG*/
margin: 0;
text-align:left; /*Menu Iitem Aline in Main Dive*/
}

.chromestyle ul li{
display: inline; /*Links aline ment for vertical or hoirzontal*/
}

.chromestyle ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006699;
font-size:12px;
font-weight:bold;
padding:12px;
margin: 0;
text-decoration: none;
width:500px;
background:url(tab_BtnBg.jpg)  center repeat-x;
}

.chromestyle ul li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:12px;
font-weight:bold;
height:32px;
width:500px;
background: url(btn_overBg.jpg)  center repeat-x; /*Tab Button Image Active BG*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
color:#FFFFFF;
font:normal 11px Verdana;
line-height:22px;
z-index:100;
background:#04B5E8;
width: 230px;
visibility: hidden;
text-align:left;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
color:#FFFFFF;
text-indent: 3px;
font:normal 11px Verdana;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: black;
text-align:left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
color:#FFFFFF;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#CAEEFE;
color:#006699;
font:normal 11px Verdana;
font-weight: bold;
text-align:left;
}
.width
{
width:500px;
}

