.chromestyle
{
width: 99%;
font-weight: bold;
}

.chromestyle:after
{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul
{
border: 1px solid #bbb;
margin-bottom: 18px;
height: 30px;
width: 848px;;
background: url(http://www.capecoralselfstorageunits.com/images/chromebg2.gif) repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: auto; /* 0 */
text-align: center; /*set value to "left", "center", or "right"*/
border-bottom: #94cc31 medium groove;
}

.chromestyle ul li
{
display: block;
float: left;
height: 30px;
_height: 30px;
}

/*
.chromestyle ul li.last
{
border-right: none;
}
*/

.chromestyle ul li a
{
display: block;
float: left;
cursor: pointer;
color: #444;
/* padding: 4px 7px; */
/* margin: 0; */
margin: 4px 7px;
_margin: 0px 7px;
padding: 0px 7px;
text-decoration: none;
border-right: 1px solid #B5E2FE;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected
{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #ce0000;
/* background: url(http://www.storeriteofcapecoral.com/newsite/images/chromebg2-over.gif) center center repeat-x; */
cursor: pointer;
}

.chromestyle ul li a.selected
{
text-decoration: underline;
}


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

.dropmenudiv
{
position:absolute;
top: 0;
border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a
{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover
{ /*THEME CHANGE HERE*/
background-color: #EBF7FF;
}


/*****************************/
/*** Credit goes to Stu Nichols of CSS play for this CSS code***/

.menu2
{
padding:0 0 0 32px;
margin:0;
list-style:none;
height:35px;
background:#fff url(http://www.capecoralselfstorageunits.com/images/button1.gif);
position:relative; border:1px solid #000;
border-width:0 0px;
border-bottom:1px solid #7aa629;
/*
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
*/
}

.menu2 li {float:left;}

.menu2 li a
{
display:block;
float:left;
height:35px;
line-height:35px;
color:#666;
text-decoration:none;
font-size:12px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 0 8px;
cursor:pointer;
}

.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}

.menu2 li.current a {color:#fff; background:url(http://www.capecoralselfstorageunits.com/images/button3.gif);}

.menu2 li.current a b {background:url(http://www.capecoralselfstorageunits.com/images/button3.gif) no-repeat right top;}

.menu2 li a:hover {color:#fff; background:#222 url(http://www.capecoralselfstorageunits.com/images/button3.gif); cursor: pointer;} <!-- -->

.menu2 li a:hover b {background:url(http://www.capecoralselfstorageunits.com/images/button3.gif) no-repeat right top;} <!-- -->

.menu2 li.current a:hover {color:#fff; background:#000 url(http://www.capecoralselfstorageunits.com/images/button3.gif); cursor:pointer;}

.menu2 li.current a:hover b {background:url(http://www.capecoralselfstorageunits.com/images/button3.gif) no-repeat right top;}
