/* CSS Document */

<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: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
	border: 1px solid #CAEAFF;
	width: 99,8%;
	background: url(media/chromebg.gif) center center repeat-x;
	padding: 8px 0;
	margin: 0;
	text-align: center; /*set value to "right" for example to align menu to the left of page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
	color: #494949;
	padding: 20px;
	margin: 0;
	text-decoration: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
}

#chromemenu ul li a:hover{
background: url(media/chromebg2.gif) center center repeat-x;
}

</style>