h1
{
	

font-family: "Times New Roman", serif;
	

text-align: center;
}

h2
{
font-family: Arial, 

sans-serif;
text-decoration:underline
}

h3
{
font-style:italic;
font-family:"times new roman";
}
.subTitle {
font-size: 25px;
text-align: center;
}

h4
{ text-align: left;
Font-family: Arial,
Sans-serif;
Font-size: 20px;
text-decoration:underline
}


body
{
	

font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	

background-color: #E0EDC5; /* This is the background colour for the site */
	

color: #009900; /* This is the text colour for the site */
}

div.pagewrapper
{
	

width: 1000px;
	margin-top: 0px;
	
margin-bottom: 0px;
	margin-left: auto;
	
margin-right: auto;
}

img.headerleftimg
{
	float: left;
	
margin-bottom: 10px;
}

img.headerrightimg
{
	
float: right;
	margin-bottom: 10px;
}

h1.sitetitle
{
	
color: #009900;
	font-size: 40px;
	
font-style: italic;
	
text-align: center;
	
margin-top: 10px;
	
padding-top: 35px;
}

hr.belowheader
{
	
border: 1px solid #009900;
	
clear: both;
}

div.leftcolumn
{
	
width: 190px;
	
float: left;
	
margin-bottom: 15px;
}

div.rightcolumn
{
	
width: 135px;
	float: right;
	
margin-bottom: 15px;
	
text-align: right;
}

div.centercolumn
{
	
margin-left: 200px;
	
margin-right: 155px;
	
margin-bottom: 15px;
}

h1.pagetitle
{
	
color: #009900;
}

hr.belowcontent
{
	
border: 1px solid #009900;
	
clear: both;
}

div.footer
{
	
text-align: center;
	
font-size: 12px;
	
padding:  10px;
}

/*unvisited link*/
a:link
{
	
text-decoration: underline;
	
color: #ff0000; /* This is the colour of links (except nav menu links, which are defined further down this file) */
	
border: none;
}

/*visited link*/
a:visited
{
	
color:#000000; /* This is the colour of already visited links */
} 

/*mouse over link*/
a:hover
{
	
text-decoration:none;
	color:#ff00ff; /* This is the colour of links as they are hovered over */
}

/*selected link*/
a:active
{
	
color:#000000; /* This is the colour of links that are currently active in another window (less common than the other link states) */
} 

.cellfill
{
background-color:#00FF00;
text-align:center;
}

.center
{
text-align:center;
}

table.events td, table.events th
{
	
border-bottom: 1px solid #009900;
	
vertical-align: top;
	
font-size: 13px;
}

tr.gridheadings td
{
	
width: 33%;
	
text-align: center;
}

tr.gridimages td
{
	
width: 33%;
	
text-align: center;
	
border-bottom: 1px solid #009900;
	
padding-bottom: 5px;
}

table.aligntop td, table.aligntop th
{
	
vertical-align: top;
}

/* set the default style for links with the class nav-button, and also apply to visited links */
a.nav-button:link, a.nav-button:visited, a.nav-button:active 
{ 
	
display: block; /* tells it to display the link as a block, not just inline text */
	
color: #ffffff; /* text colour is normally white */
	
background: #009900;
	
padding-top: 4px;
	
padding-bottom: 4px;
	
margin-top: 15px;
	
width: 179px;
	
text-decoration: none;
	
text-align: center;
}

/* 
set the style for 
links being hovered over (this 
will inherit everything from the default and then override values mentioned 
here) */
a.nav-button:hover
{ 
	
background: #00cc00;
	border: 2px solid #006600;
	
border-left: 2px solid #00ff00;
	border-top: 2px solid #00ff00;
	
width: 175px;
	padding-top: 2px;
	
padding-bottom: 2px;
}