/* ********************************************************
 * default styles 
 * ********************************************************/

body
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	width:100%;
	background-color: #FFF;
	color: #585858;
}

/*****************************************************************************************
 *			Standard link colours
 ****************************************************************************************/

a {
	color: #59b26d;
	text-decoration: none;
}

a:link {

}

a:active {

}

a:visited {

}

a:hover {
	text-decoration: underline;
}

/* ********************************************************
 * headings
 * ********************************************************/
 h1, h2, h3, h4, h5, h6
 {
 	font-family: Times New Roman, Helvetica;
 	color: #59b26d;
 	margin: 0;
 	padding: 0;
 	font-weight: normal;
 }
 
 h1
 {
 	font-size: 1.667em;
 }
 
 span.blue-text,
 span.blue-text
 {
    font-family: Times New Roman, Helvetica;
    font-weight: normal;
 	display: block;
 	color: #5e5898;
 	font-size: 1.1667em;
 }
 
 h2
 {
 	font-size: 1.667em;
 }
 
 /* smaller subheading on other pages */
 body.sub-page #content-left h2
 {
 	font-size: 1.33em;
 	margin-top: 0.4em;
 }
 
 h3, h5
 {
 	font-size: 1.33em;
 	color: #5e5898;
 }
 
 h4
 {
 	color: #585858;
 	font-family: Arial, Verdana, Helvetica;
 	font-size: 1em;
 	font-weight: bold;
 	
 }

 h6
 {
 	color: #5e5898;
 	font-family: Times New Roman, Helvetica;
 	font-size: 2em;
 	font-weight: bold;
 	
 }

 
 /* ********************************************************
 * new line style - for new lines in list elements
 * ********************************************************/
 span.new-line
 {
 	 display:block;
 	 margin-top:0.5em;
 }
 
 /* ********************************************************
 * page layout and styling - font size
 * ********************************************************/

 p
 {
 	 margin: 0.5em 0;
 }

 p, li
 {
     font-size: 0.91667em;
     line-height: 1.5em;
 }
 
 ol li,
 ul li
 {
 	margin-top: 0.3em;
 }
 
 p.intro-text
 {
 	font-weight: bold;
 }
 p.small
 {
 	font-size: 0.833em;
 }
 
 p.top-of-page
{
	text-align: right;
	font-size: 0.833em;
}

.centered
{
	text-align: center !important;
}
 
 /* ********************************************************
 * form styling 
 * ********************************************************/
 input
 {
 	width: auto;
 	height: auto;
 	margin-top: 0.3em;
 }
 
 input.text-box
 {
 	width: 210px;
 	padding: 3px;
 	border: none;
 }
 
 input.image-button
 {
 	*margin-left: 1px;
 }

/* ********************************************************
 * page layout and styling 
 * ********************************************************/

#page 
{
	text-align: left;
	background-color: #FFF;
	width: 980px;
	margin: 0 auto; /* fix centre align in firefox */
}

#page-inner
{

}

#main
{
	margin-bottom: 1em;
}

/* ********************************************************
 * header 
 * ********************************************************/

#header
{
	background: transparent url('../i/bg_header_sm.jpg') no-repeat left top;
	width: 980px;
	height: 179px;
	margin-bottom: 35px;
}

body.sub-page #header
{
	margin-bottom: 70px;
}

/* this must come after the "body.sub-page #header" element */
body.no-secondary-nav #header
{
	margin-bottom: 35px;
}

#header img
{
	position:relative;
	top: 45px;
	left: 35px;
}

#content
{
}

/* ********************************************************
 * read more
 * ********************************************************/

.read-more
{
	height: 31px;
}

.read-more a
{
	height: 31px;
	width: 107px;
	display: block;
	float: right;
}

.read-more a span
{
	background: transparent url('../i/img_readmore_blue.gif') no-repeat top left;
}
 
 /************************
 * arrow box
 ************************/
 
 .arrow-box
 {
 	width: 338px;
 	background: transparent url('../i/bg_arrow_box.gif') no-repeat top left;
 }
 
 .arrow-box-inner
 {
 	width: 338px;
 	margin: 0;
 	background: transparent url('../i/bg_arrow_box.gif') no-repeat bottom right;
 	min-height: 250px;
 	_height: 250px;
 }
 
 .arrow-box-content
 {
 	padding: 35px 60px 35px 35px;
 }
 
 .arrow-box .read-more
{
	margin-bottom: 0;
	margin-right: 10px;
}
 .arrow-box .read-more a span
{
	background: transparent url('../i/img_readmore_greentext.gif') no-repeat top left;
}

/************************
 * memberships
 ************************/
 
 #memberships
 {
 	margin: 150px 0 20px 0;
 	height: 94px;
 }
 
 #memberships #mfaa
 {
 	height: 94px;
 	float: left;
 	padding-left: 0;
 }
 
 #memberships #exc
 {
 	height: 94px;
 	float: right;
 	padding-right: 0;
 	
 }

/* ********************************************************
 * left content on the homepage 
 * ********************************************************/

#content-left
{
	padding: 32px 35px 0 35px;
	_padding: 32px 16px 0 35px;
	float: left;
	width: 319px;
}

body.home-page #content-left
{
	border-right: 1px solid #59b26d;
}

body.sub-page #content-left
{
    width: 662px;
	padding-right: 0;
}

/* ********************************************************
 * content boxes on the homepage 
 * ********************************************************/

#content-right
{
	padding: 32px 0pt 0pt 35px;
	width: 555px;
	float: right;
}

body.sub-page #content-right
{
	width: 282px;
	padding-left: 0;
}

/* fix heading width to avoid wrapping on rhs column */
body.home-page #content-right h2
{
	width: 272px;
}

/* now fix it because we don't want it that wide in the monthly bulletin section */
body.home-page #content-right #monthly-bulletin h2
{
	width: auto;
}
/* now fix it because we don't want it that wide in the monthly bulletin section but only in ie */
body #content-right #monthly-bulletin p
{
	_width: auto;
}

 
#content-right-inner
{
	padding-right: 24px;
}

#content-right-inner p
{
	_width: 272px;
}

#monthly-bulletin
{
	background-color: #e1eddc;
	width: 216px;
	padding: 9px;
}

#monthly-bulletin-wrapper
{
	float: right;
	padding: 0 0 24px 24px;
	background-color: #FFF;
	_padding: 0 0 24px 14px;
}

#monthly-bulletin #puzzle
{
	height: 210px;
	width: 216px;
	margin-bottom: 9px;
}

div.separator
{
	height: 1px;
	border-top: 1px solid #59b26d;
	padding-top: 0.3em;
}
#content-right-inner div.separator
{
	_width: 272px;
}

 /* ********************************************************
 * testimonials
 * ********************************************************/
 #testimonials-menu
 {
 	width: 100%;
 	margin-top: 1em;
 	text-align: center;
 }
 
 #testimonials-menu ul
 {
 	width: 100%; /* mac ie isn't stretching 100% by default */
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style: none;
 }
 
#testimonials-menu ul li
 {
 	float: left;
	display: inline;
	position: relative;
	height: 31px;
	text-align: center;
	background: transparent url('../i/img_footer_divider.gif') no-repeat top right;
	line-height: 1em;
	padding-right: 10px;
	padding-left: 7px;
	margin-top: 0;
 }
 
 p.testimonial-item
 {
 	margin-top: 1.5em;
 }
 
 p.testimonial-item span
 {
 	font-size: 0.91667em;
 	font-weight: bold;
 	font-style: italic;
 	text-align: right;
 }
 
 /* ********************************************************
 * content boxes in content 
 * ********************************************************/
 
body.sub-page #content-left .content-box div,
body.sub-page #content-left .single-content-box div
{
	width: 300px;
 	border: 1px solid #e1eddc;
 	padding: 10px;
 	min-height: 165px;
}

body.sub-page #content-left .content-box h3
{
	font-size: 1em;
}

 body.sub-page #content-left .content-box-left
 {
 	float:left;
 	margin-right: 5px;
 }
 body.sub-page #content-left .content-box-right
 {
 	float: right;
 	margin-left: 5px;
 }
 
  /* ********************************************************
 * two column layout
 * ********************************************************/
 
body.sub-page #content-left .two-column-layout .left-column,
body.sub-page #content-left .two-column-layout .right-column
{
	width: 322px;
}

 body.sub-page #content-left .two-column-layout .left-column
 {
 	float:left;
 	margin-right: 5px;
 }
 body.sub-page #content-left .two-column-layout .right-column
 {
 	float: right;
 	margin-left: 5px;
 }
 
 /* ********************************************************
 * your team specific styles 
 * ********************************************************/
 #your-team-content
 {
 	text-align:center;
 	font-size: 0.91167em;
 }
 
 body.sub-page #your-team-content .single-content-box
{
 	text-align: left;
 	margin: 0 auto;
}

body.sub-page #your-team-content .single-content-box p,
body.sub-page #your-team-content .single-content-box li
{
	line-height: normal;
	font-size: 0.91167em;
}

body.sub-page #your-team-content .single-content-box h3
{
	font-size: 1.1667em;
}

 body.sub-page #your-team-content .single-content-box .content-box-inner
{
 	min-height: 90px;
 	margin-bottom: 1em;
}

body.sub-page #your-team-content .single-content-box
{
 	width: 322px;
}

body.sub-page #your-team-content ul
{
	list-style-type: none;
	margin: 0.2em 0 0 0;
	padding: 0;
}

body.sub-page #your-team-content ul li
{
	margin: 0;
	padding: 0;
}

body.sub-page #your-team-content .two-column-layout h2
{
	margin-bottom: 0.5em;
	padding-left: 10px;
}

/***** book images *****/
.book-image
{
	padding: 15px 0 10px 10px;
	float: right;
}

/* ********************************************************
 * office locations on contact us page 
 * ********************************************************/
#office-locations .office
{
 float: left;
 padding-right: 10px; 
 width: 200px;
}

#questionnaires
{
	display: block;
	padding-top: 0.5em;
	height: 31px;
}

#questionnaires a
{
	margin: 0 40px;
	height: 31px;
}

/* other contact styles */
#questionnaires #excel-questionnaire span
{
	background: transparent url('../i/btn_excel.gif') no-repeat top left;
	height: 31px;
	width: 247px;
}

/* other contact styles */
#questionnaires #online-questionnaire span
{
	background: transparent url('../i/btn_online.gif') no-repeat top left;
	height: 31px;
	width: 184px;
}

/* other contact styles */
#questionnaires #shortonline-questionnaire span
{
	background: transparent url('../i/btn_shortonline.gif') no-repeat top left;
	height: 31px;
	width: 224px;
}

/* other contact styles */
#questionnaires #full-questionnaire span
{
	background: transparent url('../i/btn_full.gif') no-repeat top left;
	height: 31px;
	width: 210px;
}

/* *******************************************************
 * order form
 * *******************************************************/

#order-form,
#question-form
{
	margin: 30px 35px 0 35px;
	padding: 22px;
	*padding: 2px 22px 22px 22px;
	background-color: #E1EDDC;
}

#order-form p, #order-form th, #order-form td,
#question-form p, #question-form th, #question-form td
{
	padding-top: 0.3em;
	margin-top: 0.5em;
	font-size: 0.9em;
}

#order-form tr,
#question-form tr
{
	padding-top: 0.3em;
}

#order-form th,
#question-form th
{
	font-weight: normal;
	padding-right: 20px;
}

#order-form small,
#question-form small
{
	font-size:0.85em;
}

#question-form th
{
	font-weight: bold;
}

#question-form th.heading
{
	padding-top: 1em;
}

#question-form th.full-row
{
	padding-top: 1em;
}

#question-form input,
#question-form select,
#question-form textarea
{
	width: 300px;
}

#question-form input.short,
#question-form select.short,
#question-form textarea.short
{
	width: 150px;
}

#question-form input.checkbox
{
	width: auto;
}

#question-form td.block-detail label
{
	display: block;
	margin-top: 0.3em;
	line-height: 1em;
}


/* ********************************************************
 * published articles 
 * ********************************************************/
.article
{
	margin-bottom: 1.5em;
}

.article h2
{
	color: #5e5898;
}

.article p
{
	padding-left: 22px;
}

/* ********************************************************
 * footer 
 * ********************************************************/
#footer
{
	text-align: center;
	padding: 1em 0;
	margin: 0 35px;
	border-top : 1px solid #59b26d;
}

#footer ul
{
	color: #5e5898;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.667em;
}

#footer ul a
{
	color: #5e5898;
	text-decoration: none;
}

#footer ul a:hover
{
	text-decoration: underline;
}

#footer ul li
{
	display: inline;
	padding: 0 10px 0 3px;
	background: transparent url('../i/img_footer_divider.gif') no-repeat top right;
	*padding-left: 10px;
}

ul li.start-of-line
{
	padding-left: 0 !important;
}

ul li.end-of-line
{
	background: none !important;
}

/************************
 *  clearfix
 ************************/
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}

/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}

a.image-replaced
{
	cursor: hand;
}

.image-replaced span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

/* ********************************************************
 * accessibility 
 * ********************************************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessability, .accessibility {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}

/************************
 * flash inclusion
 ************************/

/* These are standard flash inclusion styles... do not modify */
@media screen {
	.flash-text-replaced embed,
	.flash-text-replaced object {
		visibility: visible !important;
		margin: 0;
		clear: none;
		_margin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
	}
	
	html.flash-text-has-flash span.alt {
		display: block;
	}
	.flash-text-replaced span.alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
	}
}

.flash-replaced .alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
}


/* custom font tweaks go here */

/*html.flash-text-has-flash h1 {
	display: block;
}*/

/* ********************************************************
 * print stylesheet
 * ********************************************************/
@media print {
	/*****************************************************************************************
	*			Standard print styles
	****************************************************************************************/
	 
	/* remove all background colors and images, set all text to black */
	* 
	{
		background-image: none !important;
		background-color: transparent !important;
		color: black !important;
		border-color: black !important;
	}

	.no-print
	{
		display: none;
	}
	
	/* remove all margins and padding from body and set page width to auto */
	body {
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 100%;
	}
	
	#page
	{
		width: auto;
	}
	
	/*****************************************************************************************
	*			form fields
	****************************************************************************************/
	 input.subscribe-email
	 {
 		border: 1px solid black;
	 }
	
	/*****************************************************************************************
	*			item visibility
	****************************************************************************************/
	
	#main-navigation,
	#secondary-navigation,
	#header,
	body.sub-page #content-right,
	body.home-page #content-left #hero,
	#footer-top,
	#footer h2,
	#footer-links	
	{
		display: none;
	}
	
	/*****************************************************************************************
	*			show h1 on homepage so we have a site title
	****************************************************************************************/
	body.home-page #content-left h1
	{
		left: auto !important;
		position: relative !important;
		top: auto !important;
		width: auto;
		margin: 0;
	}
	
	/*****************************************************************************************
	*			set various element alignments
	****************************************************************************************/
	#page-inner
	{
		border: none !important;
	}
	
	#content-left,
	#content-right,
	#content-right-inner,
	#monthly-bulletin-wrapper,
	#monthly-bulletin
	{
		float: none !important;
		width: auto !important;
		border: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#content-right-inner,
	#content-right
	{
		margin: auto 0 !important;
		padding-top: 0 !important;
		padding-right: 0 !important;
	}
	
	#monthly-bulletin-wrapper
	{
		margin-top: 0;
		padding-top: 0;
	}
	
	/*****************************************************************************************
	*			remove pretty bullet images
	****************************************************************************************/
	ul 
	{
		list-style-image: none !important;
	}
	
	/*****************************************************************************************
	*			remove excessive margins
	****************************************************************************************/
	#content h1, 
	#content h2, 
	#content h3, 
	#content h4, 
	#content h5, 
	#content h6,
	#content p
	{
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	/*****************************************************************************************
	*			memberships box
	****************************************************************************************/
	#memberships
	{
		display: none;
	}
	
	/*****************************************************************************************
	*			memberships box
	****************************************************************************************/
	.arrow-box
	{
		background: none;
		width: auto;
	}
	
	.arrow-box-inner
	{
		width: auto;
		background: none;
		min-height: 1px;
		_height: auto;
	}
	
	.arrow-box-content
	{
		padding: 0;
	}
	
	.arrow-box-content .read-more
	{
		margin: 0;
	}
	
	/************************
	 * sIFR
	 ************************/
	/* This is the print stylesheet to hide the Flash headlines from the browser... 
	regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}

	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}
}


.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }