<style type="text/css">

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

#chromemenu {
	width: 100%;
	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 {
	width: 100%;
	background: url(images/chromebg.gif) center center repeat-x;
	padding: 5px 0;
	margin: 0;
	text-align: center; /*set value to "right" for example to align menu to the left of page*/
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.leftbar { 
	padding: 5px;
	text-decoration: none;
	border-left: 1px solid #DADADA;
}

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

</style>

