body {
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f7f7f7;
font-size: medium;
text-align: center;
		}

* {margin:0; padding:0;}

 /*front page styles - 1 wide column*/
 
 div#front {
 width: 1000px;
 margin: 10px auto;
 background: #F2F2E6;
 text-align: center;
 }
 
/*positioning and formatting of main page sections*/

div#wrapper { 
 margin: 0 auto;
 width: 1000px;
 text-align: left;
 /*background-color: #ECF1EF;*/
 /*background-color: #F6F9ED;*/
 background-color: #EEF3E2;

}

div#header  { 
width: 1000px;
padding: 0;
 border: 1px solid #ccc;
 height: 170px;
 margin: 10px 0px 5px 0px;
 }
 
#leftcol { 
 color: #333;
 float: left;
background-color: transparent;
 /*width: 170px;altered 20.08.09*/
 width: 200px;/*altered 20.08.09*/
}

#centercol { 
 float: left;
/*width: 580px; altered 20.08.09*/
width: 550px; /*altered 20.08.09*/
color: #333;
 /*background: #F2F2E6;*/
 /*background: #FEFEF2;*/
 background: #FEFFEF;
 display: inline;
 margin-top: 10px;
 padding-bottom: 35px;
border: 1px solid #ccc;
}

#centercolwide {
 float: right;
width: 80%;
color: #333;
 /*background: #F2F2E6;*/
background: #FEFFEF;
 display: inline;
 margin-top: 10px;
 padding-bottom: 35px;
border: 1px solid #ccc;
}

#rightcol { 
 color: #333;
 background: transparent;
 width: 210px;
 float: right;
}
 
#footer { 
float: left;
 width: 1000px;
clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #009ACD;
 margin: 10px 0;
}

	
/*for top menu - list displayed on one line*/
div#topmenu {
border: 1px solid #B0E2FF;
background: #6495ED;
color: #fff;
text-align: center;
font-size: 0.9em;
}

div#topmenu ul {
margin: 3px 3px;

}

div#topmenu ul li {
display: inline;
list-style: none;
padding: 5px 3px;
background-color: transparent;
font-size: 0.9em;
}

div#topmenu a {
	padding:0 2px;
	text-decoration:none;
	color:#fff;
	border-left: 2px solid #6495ED;
	}
	
div#topmenu a:hover {
	background-color:#87CEFA;
	color:#333;
	border-left: 2px solid #334D32;
	}
	

/*menu in left column*/
div#leftcol div#menu {
	width:130px;
	float:left; /*makes the div enclose the list */
	border-top:1px solid #f7f7f7;	/* draws line on top edge of div */
	font-size:76%;	
	/*background-color:#669900;*/
	}
	
div#leftcol div#menu ul {
	margin:0;
	width:130px;
}
div#leftcol div#menu li {
	position:relative; /* positioning for the absolutely positioned drop-down */
	list-style-type:none;
	background-color:#669900; 
	border-left: none;
	border-bottom:1px solid #f7f7f7; /*dividers on the menu */
	padding:5px 0 5px 3px;
	}
	
div#leftcol div#menu li:first-child {
padding:5px 0 5px 3px;
	/*border-left:1px solid #f7f7f7; /*first vertical line on the menu */
	}
div#leftcol div#menu li:hover { 
	background-color:#669900;
	padding: 5px 5px 5px 0;/*addition, 31Mar07*/
	}
div#leftcol div#menu a {
	padding:0 6px;
	text-decoration:none;
	color:#fff;	
	font-weight: normal;
	}
div#leftcol div#menu a:hover {
	background-color:#669900;
	color:#f7f7f7;
	font-weight: normal;
	}

/* end of left menu*/
		
/*general text and image formatting elements follow*/

p {
font-size:76%;
margin: 10px 20px 0.9em 20px;
line-height:160%;
}

h1 {
	font-size: 1.2em;
	background-color: transparent;
	color: #666600;
	/*padding: 15px 0 10px 20px; altered 20.08.09*/
	padding: 15px 0 10px 0; /*added 20.08.09*/
	border-bottom: 1px solid #666600;
	text-align: center; /*addition - 20.08.09*/
	}

h2 {
	font-size: 1em;
	background-color: transparent;
	/*color: #669900;*/
	color: #336600;
	padding: 18px 0 5px 20px;
	}
	
h3 {
	font-size:0.9em;
	background-color: transparent;
	color: #666633;
	margin:20px 20px 0 20px;
	padding-bottom: 5px;
	
}

h4 {
	font-size:0.7em;
	background-color: transparent;
	color: #669900;
	margin:15px 0 0 20px;
}

.bold {
font-weight: bold;
}

span.italic {
font-style: italic;
}

p.continued {
display: inline;
font-size: 0.8em;
font-style: italic;
}

.boldbig {
font-weight: bold;
font-size: 1.2em;
background-color: transparent;
	/*color: #669900;*/
	color: #336600;
}

.bigcent {
background-color: transparent;
color: #666600;
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin:0; padding: 0;
}

div.clear {
	clear: both;
	height:1px;
	margin:0; padding:0;
}

/*for lists - in central col*/

#centercol ul {
padding: 10px 10px 0 20px;
list-style: square inside;
}

#centercol ul li {
font-size: 0.8em;
line-height: 200%;
}


/*right col elements*/

#rightcol ul li {
margin: 0 35px;
font-size: 76%;
list-style: disc outside;
}

#rightcol p {
font-size: 76%;
}

/*extra formatting elements*/

div#centercol div.left {/*left column*/
float: left;
width: 40%;
}

div#centercol div.right {/*right column*/
float: right;
width: 40%;
}

div.center {
text-align: center;
}

div.adbox1 {
float:left;
width: 35%;
margin: 20px 10px 10px 10px;

}

div.adbox1 p {
margin: 0;
padding: 5px 0;
color: #336633;
background-color: transparent;
font-weight: bold;
border-top:1px solid #336633;
border-bottom: 1px solid #336633;
}

div.montage {
float: left;
clear: both;
width: 900px;
height: 135px;
/*border: 1px solid #666633;*/
padding: 5px 0;
}

/*footer formatting*/

#footer p {
color: #fff;
background-color: transparent;
margin: 0; 
padding: 0 5px 2px 8px;
}

#footer p span.left {
float: left;
}

#footer p span.right {
float: right;
font-size: 0.8em;
}

/*images formatting*/

img {
border: none;
}

#centercol img, #centercolwide img {
	float: left;
	margin: 5px 10px 0 20px;
	}

#leftcol img {
	float: left;
	margin: 0;
}	
	
#leftcol img.right {
float: right;
margin: 0; padding: 0;
}

#rightcol img {
float: right;
margin: 0; 
padding: 10px 0 0 0;
}

#rightcol img.topspaced {
padding-top: 10px;
}

/*link styles- non-menu - menu links included in relevant sections*/
	
#centercol a:link, #leftcol a:link, #centercolwide a:link {
	background-color : transparent;
	/*color : #669900;*/
	color: #006600;
	text-decoration : underline;
	font-weight: bold;
}

#centercol a:visited, #leftcol a:visited, #centercolwide a:visited {
	background-color : transparent;
	color : #666600;
	text-decoration : underline;
	font-weight: bold;
}

#centercol a:hover, #leftcol a:hover, #centercolwide a:hover {
color: #006633;
background-color:transparent;
text-decoration: none;
}

#centercol a:active, #leftcol a:active, #centercolwide a:active {
	background-color : transparent;
	color : #006633;
	text-decoration : none;
}

div#footer a {
	text-decoration:none;
	color:#fff;	
	}
div#footer a:hover {
	background-color:transparent;
	color:#fff;
	text-decoration: underline;
	}


/*tables*/

table {
margin: 25px 0 25px 20px;
border: 1px solid #666633;
border-collapse: collapse;
}

td {
font-size: 80%;
font-weight: bold;
padding: 5px;
border: 1px solid #666633;
border-collapse: collapse;
}

td.centered {
text-align: center;
padding-left: 10px;
}

td.right {
text-align: right;
}



/*mailing list form etc -*/

form {
padding: 10px 30px;
	font-size: 80%;
}

div.formrow {
	clear: both;
	padding: 10px;
	width: 90%;
	}

div.formrow span.label {
width: 175px;
	float: left;
	text-align: right;
	padding: 3px 8px 0 0;
	}

div.formrow span.input {
width: 320px;
	float: right;
	text-align: left;
}

fieldset {
margin: 10px 0;
	line-height: 120%;
	border: 1px solid #ccc;
	}

fieldset legend {
	background-color: transparent;
	color: #666600;
	font-weight: bold;
	padding:0 4px;
	}
	
p.note {
margin: 0;
clear: both;
padding: 10px 0 20px 10px;
font-size: 100%;
line-height: 130%;
}

div.checkbox {
padding: 5px 10px;
}

div.checkbox div.left {
float: left;
width: 40%;
padding-bottom: 10px;
}

div.checkbox div.right {
float: right;
text-align: left;
width: 40%;
}

div.checkbox div.left div.field, div.checkbox div.right div.field {
padding: 3px 0;
}

textarea {
	font-family: verdana, helvetica, arial, sans-serif;
}

.formbuttons {
padding-top: 20px;
clear: both;
	text-align: center;
}


/*fusion news updateable bits -*/

div.news {
border-bottom: 1px solid #ccc;
}

div.news h2 {
padding: 10px 20px 0 20px;
}

/*ends*/

/*clearing method by Tony Aslett - www.csscreator.com */
/*for containers to enclose floated elements */
.clearfix:after {
    content: ".";              
	display: block;         
    height: 0;                 
    clear: both;               
    visibility: hidden;	    
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*------*/

#centercol #compet h2 {
	font-size: 1em;
	background-color: transparent;
	color: #336600;
	padding: 18px 20px 9px 20px;
text-align: center;
}


#centercol #compet h3 {
border-top: 1px solid #ccc;
padding-top: 10px;
}

div.divider {
border-bottom: 1px solid #ccc;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 60%;
}