<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
}

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

#chromemenu ul{
border: 0px solid #BBB;
width: 100%;
/* to add color to whole menu area add this code here    background-color: #ffffff;  */
padding: 0px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #000000;						/* TEXT COLOR */
background-color: #ffffff;			/* BACKGROUND COLOR */
height: 18px;                        /* height of menu */
padding: 4px;                        /* spacing at edges of text */
margin: 2;                           /* spacing between menu items */
font-family: arial;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-left: 3px;
padding-right:2px; 
padding-top:2px; 
padding-bottom:2px

}

#chromemenu ul li a:hover{
color: #9C0000;						/* TEXT HOVER COLOR */
background-color: #ffffff;			/* BACKGROUND HOVER COLOR */
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;        
padding-left: 4px;
padding-right:1px; 
padding-top:3px; 
padding-bottom:1px

}

</style>