/* CSS Document */

.pageName{
	color: #ffc832;
	width:150px;
	letter-spacing:0.2em;
	background: #4b0000;
	text-align: center;
	border: 4px groove #000000;
	font-size: 20px;
	padding: 5px;
	font-weight: bold;
	display: block;
	margin: auto;
	float: none;
	position: static;
	z-index: auto;
	word-spacing: normal;
	}
	
.Menugrey{
	color: #000000;
	background: #d3d3d3;
	border: 2px groove #000000;
	padding: 5px;
	display: block;
	margin: auto;
	float: none;
	position: static;
	z-index: auto;
	word-spacing: normal;
	}	
	
.menutitle{font-size:20px;
color:#000000;
font-weight:bolder	;
text-decoration:none;
}

.menutitle2{font-size:16px;
color:#800000;
font-weight:bolder	;
text-decoration:none;
}

.menucaption{font-size:20px;
color:#800000;
font-weight:bolder	;
text-decoration:none;
}

.bigbold {font-size:18px;
font-weight:bolder;
}	

.bigboldgold {font-size:18px;
font-weight:bolder;
color: #C88C32;
}	

.small {font-size:10px;
}
.normal {font-size:14px;
}

.greybold {
	color: #808080;
	font-weight: bold;
	font-size: 14px;
}

.redtext {color: #800000}

<style type="text/css">

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

.bevelmenu{
font: bold 15px arial;
background-color: #781400;
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;
color: white;
background-color: #961400;
border: 4px solid #4b0000;
}

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

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


</style>