/* 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: #333333;

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>