/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
body
{
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.166;
	padding: 0px;
	text-align: justify;
	/*font-size: 12px;*/
}


h1, h2, h3, h4{
	font-family:"Book Antiqua",Georgia, "Times New Roman", Times, serif;
	color: #cc4942;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


h1{
	color:#ffffff;
	background-color:#cc4942;
	font-size:150%;
	font-style:italic;
	font-weight:900;
}



h2{
 font-size:160%;
	font-style:italic;
	font-weight:900;
 }

h3{
 
font-size:116%;
	font-style:italic;
	font-weight:900; 
}

h4{
	
	font-size:100%;
	font-style:italic;
	font-weight:normal;
	color: #333333;
	}

h5{
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-align: left;
}


.contentText
{
	color : rgb(0,0,0);
	/*border : 1px solid #CCCCCC;*/
}
/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */
.contentText p
{
	max-width:45em;
	text-align: justify;
	margin-left:20px;
}

/*.contentText p img
{
	vertical-align: text-top;
	}*/
	
.contentText h1, .contentText h2, .contentText h3, .contentText h4
{
	margin-left:20px;
}

/*.contentText p:first-letter { /*can't use first letter as makes IE crash*/
span.cap-g {

	float: left;
	font-family: "Book Antiqua", "Comic Sans MS", Verdana, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 300%;
	color: #cc4942;
	line-height: 0.85em;
	margin-right: 0.03em;
	margin-bottom:-0.25em;
	
  }
  
* html span.cap-g {
	margin-right: -0.7em;
	/* IE need extra margin for italic*/
}
  
.contentText ul{
	margin-left: 50px;
	list-style-position: outside;
	list-style-type: disc
}
.contentText li{
	margin-bottom: 10px;	
}

.referee
{
	font-size: 80%;
	font-style: italic;
	text-align: right !important;
}
.right {
	float: right;
	margin-top: 10px;
	margin-bottom: -7px;
	margin-left: 10px;
	
}

.rightNoTopMargin {
	float: right;
	margin-top: 0px;
	margin-bottom: -7px;
	margin-left: 10px;
	
}

.right p{
	margin-top:0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: right !important;
	font-size: 50%;
	font-style: italic;
}

.left {
	float: left;
	margin-top: 5px;
	margin-bottom: -5px;
	margin-right: 10px;
	margin-left: 22px;
	
}

.left p{
	margin-top:0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 50%;
	text-align: left !important;
	font-style: italic;
}


ul.menu
{
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:inline;
}

.menu
{
	text-align : center;
	/*background-image : url(images/yellowfilter.gif);
	border : thin solid rgb(0,0,0);*/
	font-weight : bold;
}

.menu a
{
	color : rgb(0,0,0);
	background-color : inherit;
}

.menu a:hover
{
	color : #FFFFFF;
	font-weight: bold;	
	/*background-color : rgb(230,230,250);*/
}


.menu strong
{
	font-size : large;
}


.footer {
	background-color:inherit ;
	height: 50px;
	clear: both; 
	padding: 1em; 
	color: #4FA64D; 
	border-top: 1px solid #000; 
	text-align: center; 
	font-size: 14px; 

}

.footer a{
	color: #4FA64D;
	background-color:transparent;
}

.footer a:link, .footer a:hover, .footer a:visited, .footer a:focus
{
	/*color: #A1D3A0;*/
	font-weight: bolder;
	background-color:transparent;
	margin: 0.2em;
	text-decoration: none; 
}

/*.footer p {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	margin: 0px;
}*/
	

/*  \*/
* html .footer {height: 1%;}
/* */

.footer ul {
	margin: 5px 0; 
	}

.footer li {
	display: inline; 
	}

.header {
	/*border-bottom:1px solid #CCCCCC*/
	}
	
.header h1 {
	text-align:right;
	margin: 0px;
	padding: 8px 30px 0px 16px;
	color: #ffffff;
	font-weight: normal;
	font-size: 100%;
	}

.header h2 {
	text-align:left;
	margin: 0px;
	padding: 24px 0px 0px 16px;
	color: #333399;
	font-weight: normal;
	font-size: 36px;
	}

.centre
{
	margin-left:50px;
	margin-top: -25px;
}