body { font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; font-style:normal;  }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 200%; color: #000000; font-weight:bold;
	padding-left:0px; 
	margin-bottom:0px;}
	
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 130%; color: #000000; font-weight:bold;
	padding-left:0px; 
	margin-bottom:0px;}	

.mainnav a {color:#FF33CC; text-decoration:none; font-weight:bold}

a {color:#FF33CC; text-decoration:none; font-weight:bold} /* Menu Bar Text Colour */

a:hover {color:#FF33CC; text-decoration:underline; font-weight:bold}


.bodytext {font-size: 110%;}

.heading{font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal; color: #FF33CC;
	font-size:22px;
	padding-left:0px; 
	margin-bottom:1px;}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: white;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Arial; color: #FF33CC;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FF33CC;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{ /*hover text area*/
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold; color: #FF33CC;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #CCCCCC;
text-decoration:underline;
color: #FF33CC;
}