.chromestyle{
width: 770px;
font-weight: bold;
}

.chromestyle:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%; height: 36px;
padding: 0; margin: 0;
background: url(http://codyehlers.com/images/menu_bg.gif) center center repeat-x;
text-align: left;
}

.chromestyle ul li{
display: inline;
height: 36px;
}

.chromestyle ul li a{
height: 15px; display: block; float: left;
color: #444444;
padding: 10px 20px;
text-decoration: none;
border-right: 1px solid #ccc;
font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
background: url(http://codyehlers.com/images/menu_over.gif) center center repeat-x;
color: #fff;
}



.dropmenudiv{
position: absolute;
top: -2px;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
line-height: 18px;
z-index: 100;
background-color: #fff;
width: 300px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
background: url(http://codyehlers.com/images/arrow_r.gif) 10px center no-repeat;
border-bottom: 1px solid #d8d8d8;
padding: 10px 20px;
text-decoration: none;
font-weight: bold;
color: #000;
}

* html .dropmenudiv a{
width: 100%;
}

.dropmenudiv a:hover{
background-color: #5c9970;
color: #fff;
}




.chromestyle ul { line-height: 1.0em; }
.chromestyle ul li { padding-bottom: 0px; }