body {background-color: black; color: #ffffff; font-family: arial; font-size: small}
h1 {color: #FAFAD2; size: 30px; font-weight: bold; text-align:center}
h2 {color: #FAFAD2; size: 25px; font-weight: bold; text-align:center} 
h3 {color: #ffffff; size: 15px; font-weight: bold} 
p{font-variant: normal; font-size: small; color:#ffffff; text-indent: 5px}
p.small{font-variant: normal; font-size: small; color:#ffffff}
h4 {color: #84B3F2; font-size: 20px; font-weight: bold;}
h5 {color: #ee77aa; font-size: 15px; font-weight: bold;}

a {
	font-family: arial, sans-serif;
	font-size: 90%;
	color: #ffffff;
	text-decoration: none;
	}

a:visited, a:active { color: #85D0FF; }
a:hover, a:visited:hover { color: #ffffff; text-decoration: none; font-weight: bold; background-color: #0167D9;}

/* css for menu from http://www.dynamicdrive.com */

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #000000;
text-align: center; 
}

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

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #0167D9;
border: 2px solid #004192;
}

.bevelmenu li a:visited{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #0167D9;
border: 2px solid #004192;
}

.bevelmenu li a:hover{
color: #00012E;
background-color: #85D0FF;
border-style: outset;
text-decoration: none;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
color: #00012E;
background-color: #85D0FF;
}

.menu {font-family:Arial; font-size:14pt; font-weight:bold; color:#FFFFFF }