#list-nav {
	list-style:none;
	margin:0px;
	padding:0px;
	width:900px;
}

#list-nav li {
	display:inline
}

#list-nav li a {
	font-size:14px;
	letter-spacing:1px;
        font-weight:bold;	
        text-decoration:none;
	padding:10px 5px;
	width:101px;
	background:transparent url(../siteimages/greybg.gif) top right no-repeat;
	color:#666666;
	float:left;
	text-align:center;
	border-left:1px solid #666666;
}

#list-nav li a:hover {
	background:transparent url(../siteimages/ltgreybg.gif) top right no-repeat;
	color:#666666;
}

#vlist-nav {
	list-style:none;
	margin:0px;
	padding:0px;
	width:150px;
	float:right;
	display:block;
}

#vlist-nav li {
	height:35px;
}

#vlist-nav li a {
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	text-decoration:bold;
	padding:10px 5px;
	line-height:30px;
	background:#a2b3a1;
	color:#666666;
	border-left:3px solid #999966;
	border-right:3px solid #999966;
	display:block;
}

#vlist-nav li a:hover {
	background:#999966;
	color:#000
}

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF2BF;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
width:101px;
padding:10px 5px;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../siteimages/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(../siteimages/pinkbgover.gif); /*background image swap on hover*/
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}


.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: red;
}