/* ///////////////////////////////////////////////
				MAIN COLOURS USED
				
		DARK PURPLE 		#330066
		GREEN				#339933
		MENU BACKGROUND		#745990
		MENU SECOND LEVEL	#BCDDB1


///////////////////////////////////////////////*/


body{
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #330066;
	background-color: #D0E7D0;
	margin: 0;
}

#wrapper{
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

/*/////////////////////////////////////////////////////////////////////
						TOP HEADER PHOTO
//////////////////////////////////////////////////////////////////////*/

.topbanner{
	width: 750px;
	height: 165px;
	background-color: #fff;
	margin: 0;
	padding: 0;	
}


/*/////////////////////////////////////////////////////////////////////
							MAIN CONTENT
//////////////////////////////////////////////////////////////////////*/

#content{
	width: 750px;
	background: #fff url(images/top_menu_background.gif) no-repeat top left;
	min-height: 600px;
	max-height: auto;
	padding: 0;
	margin: 0;
	float: left;
}

.innercontent{
	width: 540px;
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0;
}


/*///////////////////////////////////////////////////////////////////
				TOP MENU   HOME/CONTACT/SITE MAP
//////////////////////////////////////////////////////////////////*/

#topmenu{
	width: 180px;
	height: auto;
	background-color: #59AC59;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#topmenu a, #topmenu a:hover, #topmenu a:visited{
	font-weight: bold;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
}

#topmenu p{margin: 0;}


.nomargin{ margin: 0; padding: 0; height: 35px;}

.breadcrumbs{ float: right; width: 555px; padding: 14px 0px 10px 0px; font-size: 80%; margin: 0;}



/*///////////////////////////////////////////////////////////////
						MAIN MENU 
/////////////////////////////////////////////////////////////////*/


#mainmenu{
	width: 180px;
	font-size: 0.9em;
	font-weight: bold;
	background: #fff;
	height: auto;
	float: left;
}

#mainmenu ul{ margin: 0px; padding: 0px;}

#mainmenu li{
	list-style-type: none;
	border-bottom: 1px solid #fff;
	background: #745990;
	margin-left: 0px;
}

#mainmenu a, #mainmenu a:hover, #mainmenu a:visited{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 2px 3px 8px;
}



/*//////////////////////////////////////////////////////////////
					SECOND LEVEL MENU 
/////////////////////////////////////////////////////////////*/

#mainmenu li.secondlevel{ background: #BCDDB1;}

#mainmenu li.secondlevel a, #mainmenu li.secondlevel a:hover, #mainmenu li.secondlevel a:visited{
	font-weight: normal;
	color: #330066;
	font-size: 90%;
	text-decoration: none;
	display: block;
	padding: 3px 2px 3px 14px;
}


/*///////////////////////////////////////////////////////////
						FOOTER
///////////////////////////////////////////////////////////*/

#footer{
	background: #D0E7D0 url(images/footer.gif) no-repeat top left;
	font-size: 80%;
	padding-top: 80px;
	text-align: right;
	height: auto;
	width: 750px;
	float: left;
}

#footer p{ margin: 0; padding-bottom: 20px;}



/*///////////////////////////////////////////////////////////
						LINKS
//////////////////////////////////////////////////////////*/

a{ color: #339933; text-decoration: underline; /*green */}
a:visited{ color: #339933; text-decoration: none; /* green */}
a:hover{ color: #80C065;  text-decoration: none; /* purple */}



/*///////////////////////////////////////////////////////////
						HEADINGS
//////////////////////////////////////////////////////////*/

h1, h2, h3, h4 {  font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: small; margin-top: 0; padding-top: 0;}

h1{ color: #330066; font-size: medium;}/* purple */
h2{ color: #745990; font-size: small;}/* light purple */
h3{ color: #339933; }/* green */
h4{ color: #330066; }/* purple */




/*/////////////////////////////////////////////////////////
						OTHER
/////////////////////////////////////////////////////////*/

img{ border: none;}


.right{ float: right; margin-left: 10px; }

.left{ float: left; margin-right: 10px; }


.innercontent ul
{
	list-style-type: image;
	list-style-image:  url(images/bulletpoint.gif);
}






/*//////////////////////////////////////////
			home page panels 
//////////////////////////////////////////*/

#rightcolumn{
	width: 242px;
	height: auto;
	float: right;
}

#leftcolumn{
	width: 270px;
	height: auto;
	float: left;
	margin: 0;
}


/*//////////////////////////////////////////////////////////
					EVENTS & MEETINGS
////////////////////////////////////////////////////////////*/

#events{
	background: #fff url(images/home_events.gif) no-repeat top left;
	width: 242px;
	min-height: 116px;
	max-height: auto;
	float: right;
	margin: 0;
	padding: 0;
}

#events h2{ color: #fff; text-align: center; margin: 0; padding-top: 20px;}

#events p{ margin: 0; padding: 20px 5px 20px 10px;}


/*//////////////////////////////////////////////////////////
					LATEST NEWS
////////////////////////////////////////////////////////////*/

#news{
	width: 238px;
	min-height: 116px;
	max-height: auto;
	border: 2px solid #947FAB;
	float: right;
	margin: 0;
	padding: 0;
}

#news h2{ padding: 10px; text-align: center; color: #fff; background: #947FAB; margin: 0;}

#news p{ margin: 0; padding: 10px 10px 8px 10px;}



/*//////////////////////////////////////////////////////////
					NATIONAL CAMPAIGNS
////////////////////////////////////////////////////////////*/

#nationalcampaign{
	width: 238px;
	min-height: 116px;
	max-height: auto;
	border: 2px solid #339933;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0;
}

#nationalcampaign h2{ padding: 10px; text-align: center; color: #fff; background: #339933; margin: 0;}

#nationalcampaign p{ margin: 0; padding: 10px 10px 8px 10px; float: left;}



/*//////////////////////////////////////////////////////////
				WORKPLACE REPRESENTATIVES
////////////////////////////////////////////////////////////*/

#workplace{
	width: 270px;
	min-height: 116px;
	max-height: auto;
	border: 2px solid #330066;
	float: right;
	margin: 0;
	padding: 0px 0px 20px 0px;
}

#workplace h2{ padding: 10px; text-align: center;  color: #339933; margin: 0; font-size: medium;}

.photo{ text-align: center; margin: 0;}

#workplace p{ padding: 0px 10px 0px 10px;}


/*//////////////////////////////////////////////////////////
				OTHER
////////////////////////////////////////////////////////////*/

.borderbottom{
	border-bottom: 1px solid #330066;
	height: 5px;
}

.newstitle{
	background-color: #947FAB;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}

.clarionheight{
	padding: 10px 0px 10px 0px;
}

.arealist{
	line-height: 2em;
	font-size: medium;
}

#homenewstable td
{
	border: 1px solid #947FAB;
	padding: 5px;
}