.chromestyle{
width:85%;
height:36px;
margin:0;
padding:0;
}
.chromestyle ul{
overflow:hidden;
margin:0;/*clearing out the styles for the regular ul. do not remove or modify*/
padding:0;/*clearing out the styles for the regular ul. do not remove or modify*/
border: 0 none;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
padding:0;
margin:0;
}
.chromestyle ul li a{
padding:0;
margin:0;
color: #ffffff;
display: inline-block;
font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
border:3px solid transparent;
border-bottom:0 none;
line-height:30px;
width:120px;
height:36px;
text-align:center;
/*IE 6,7 fix. do not touch*/
*display:inline;
zoom:1;
/*IE fix. do not touch*/
}
.chromestyle ul li a.right{
width:150px;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#333399;
background-color: #ccccee; 
border: 3px solid #ccccee;
border-bottom:0 none;
}

.chromestyle ul li a.right{
	border-right-width:0;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
display:block;
top:0;
left:0;
border: 3px solid #ccccee;
border-top:1px solid #ccccee;
font:normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:22px;
z-index:1000;
background-color: #f5f5fa;
width: 250px;
visibility:hidden;
padding:0;
margin:0;
margin-top:1px;
*margin-left:1px;
}


.dropmenudiv a{
width: 240px;
display: block;
text-indent: 3px; 
padding-top:3px;
padding-bottom:3px;
margin-left:4px;
margin-right:4px;
font-weight: normal;
text-decoration: none;
color: #333399;
border-bottom:1px solid #ccccee;
}

.dropmenudiv a:hover{ 
font-weight: bold;
}
.dropmenudiv a.last{ 
border:0 none;
}
.dropmenudiv ul{
margin-top:1px;
list-style-image:url('images/arrows.gif');
margin-left:0;
padding-left:1px;
padding-bottom:0;
margin-bottom:3px;
}
.dropmenudiv ul>li{
margin-top:0;
}