/* ######### Chrome Main Menu Bar CSS ######### */

.chromemenu{
width: 100%;
}

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

.chromemenu ul{
margin: 0;
padding: 10px 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
font-size: 15px;
font-family: Arial;
}

.chromemenu ul li{
display: inline;

}

.chromemenu ul li a{
color: White;
padding: 4px 8px 4px 8px;
margin: 4px 8px 4px 12px;
text-decoration: none;

}

.chromemenu ul li a:hover{
background-color: #EFEFEF;
text-decoration: none;
color: #214e34;

}

.chromemenu ul li a.selected{
background-color: #EFEFEF;
text-decoration: none;
color: #214e34;

}