.navbar {
	font:14px arial, 'Trebuchet MS', verdana, georgia, sans-serif;
	margin: 0px;
	padding: 5px 5px 4px 2px;
	border: 1px outset #DADADA;
	background-color : #D3D3D3;
	text-align: left;
	float: left;		/* use this, in conjunction with the 'display:block' rule below, to make a vertically-oriented list */
}

.navbar ul, .navbar li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #000;
}

.navbar li a, .navbar li a:visited {
	display: block;
	color: #000;
	background-color : #B0C4DE;
	margin: 3px 1px 3px 10px;
	padding: 3px 6px 3px 6px;
	border: 1px solid #B0B0B0;
	width: 100px;
	text-align: center;
	font-weight: bold;
}

li.navbartitle { 
	color: #000;
	background-color : transparent;
	margin: 3px 0px 3px 2px;
	padding: 9px 0px 3px 0px;
	width : 121px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

<!-- this rule draws a raised bevel around a link when you hover over it -->
.navbar li a:hover {
	color: #000;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #e0e0e0 #888 #888 #e0e0e0;
}

#navbarsel  {
	color: #000;
	background-color: #E0E0FF;
	border-style: solid;
	border-width: 1px;
	border-color: #888 #e0e0e0 #e0e0e0 #888
}

<!-- subnavbar style is used for a horizontal navigation bar in the content area of a page -->
.subnavbar {
	font:1em arial, 'Trebuchet MS', verdana, georgia, sans-serif;
	margin: 0px;
	padding: 6px 5px 5px 2px;
	border-bottom: 1px outset #DADADA;
	background-color : #D3D3D3;
	text-align: center;
}

.subnavbar ul, .subnavbar li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #000;
}

.subnavbar li a, .subnavbar li a:visited {
	color: #000;
	display: inline;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 2px;
	border: none;
	text-align: center;
	font-weight: bold;
}

.subnavbar li a:hover { 
	background-color : #B0C4DE;
	padding: 3px 5px 2px;
	border: 1px outset #0E4084;
	text-decoration: none;
}