/*
instar2.css
The YUI grids layout is mainly controlled by the standard css file:
http://yui.yahooapis.com/2.4.1/build/reset-fonts-grids/reset-fonts-grids.css
whereas this file, instar2.css, controls specifics such as colours, positioning of page-specific elements, link behaviour, etc.
version 1.0, 24/3/08
made external 12/4/08
*/
/* --------------------   GENERAL LAYOUT and global formatting  --------------------  */
	body {
	font-family:Helvetica;
	font-size:85%;
	/*CHANGE TEXT COLOUR OF BODY HERE*/
	color: #496c60; /*SHOULD MATCH .elink colour*/
	/* darker to give more contrast, but with a touch of green */
	/*was: color:#8499A5; then #5A6351; */
	
	/*green: #89ACA0;*/
	/* CHANGE background-color HERE */
	
	background-color: #6a8a7f;
	padding-top:4em;
	padding-bottom:55em;
	}
	#doc { margin:auto; 
		background: #fff url(/images/gbutterflies02.gif) no-repeat 80% 40%;
	}
	#hd { background-color: #6a8a7f; border-bottom: 1px solid gray;
		color:#fff;}/* #8499A5 is equiv of Pantone 5425 */
	#bd {clear:both; margin-bottom:20px;} /* without clear the layout's broken in IE7 */
	#ft { background-color: #6a8a7f; border-top: 1px solid gray; color:#fff; clear:both; margin:0px; height:200px; }
	.maincol {margin: 0 95px 0 30px; width:70%;}/* was 80% */
	.candycol {width:30%;float: right; margin: 20px 20px 0 0px;}/* width and float were unspecified previously */
	
	#instarlogo {margin: 35px 0 10px 28px;}
	strong {font-weight:bold; }
	em {font-style:italic;}
	p {margin-bottom:1em; }
	p.hdtext {font-size:85%; padding-bottom:0em;padding-top:1em; margin-left:30px;} /* hdtext=header text*/
	p.fttext {font-size:85%; padding-bottom:0.75em;padding-top:0.5em; margin-left:30px;} /* fttext=footer text*/
	/*was:
	p.hdtext {font-size:85%; padding-bottom:0.5em;padding-top:0.5em; margin-left:30px;}*/
	
/*  --------------------  HEADINGS  -------------------- */
	h1 {margin-top:1em; margin-bottom:1em;font-size:85%;}
	h1{color: #934266;}/* #934266 is equiv of Pantone 689 - burgundy! - 496c60 is green */
	.h-name{font-weight:bold;font-size:1.5em;color: #934266;}/* no color set, it's green if no col set for h1, alt color is burgundy: color:#496c60;*/
	h2{color: #934266; margin-top:1em; margin-bottom:1em;font-size:110%;font-weight:bold;}	
	h3{color: #934266; margin-top:1em; margin-bottom:1em;font-size:105%;}
/*  --------------------  LISTS  -------------------- */	
	.candycol ul {color:#496c60;font-size:70%; margin-bottom:1.5em;}/* #934266 is purple */
/* was:
	ul {color:#496c60;font-size:55%;text-transform:uppercase; font-weight:bold;margin-bottom:1.5em;}
	buttoo small in FF, and we don't want all caps within the body */
	ul {margin-bottom:1em;}
	#maincol ul {color:#496c60;font-size:0.9em;;margin:1.5em; }
	 ul#maincol li {margin-top:0.5em;padding-left: 1.5em;margin-bottom:1em;}
ul.sub a{font-size:1.1em;color: #934266;text-decoration:none;}
ul.subsub a{font-size:1em; margin-left:1em;text-decoration:none;}
ul.sub a:hover,ul.subsub a:hover{border-bottom: 1px solid #934266;}
ul.sub li,ul.subsub li{margin: 0.5em;}	
 	ul.bodylist {color:#496c60;font-size:1.1em; margin:1.5em; }
	ul.bodylist li {margin-top:0.5em;padding-left: 1em;list-style: square; margin-left:-0.2em;}
/*  --------------------  LINKS  --------------------  */
	a {color:#934266;}/*ornary links*/
	/* a:hover {background-color: #F0FFF0;} */

	/* -------------------- header links --------------------  */
	span.contactflags {color:#934266; font-weight:bold;}
	span.hdlink {font-size:1.0em;}
	span.hdlink a:link {color:#fff;text-decoration: none; }
	span.hdlink a:visited {color:#fff;text-decoration: none; }
	span.hdlink a:hover {color:#fff;text-decoration: none; border-bottom: 1px solid #fff;}
	span.hdlink a:active {color:#fff; }

	/* --------------------   body links  --------------------  */
	p.bodylink {margin-top:20px; font-size:90%; line-height:150%;}
	.bodylink a:link {color:#5A6351;text-decoration: none; border-bottom: 1px solid #5A6351;} /*5A6351 is a green*/
	.bodylink a:visited {color:#5A6351;text-decoration: none; border-bottom: 1px solid #5A6351;}
	.bodylink a:hover {color:#5A6351;text-decoration: none; border-bottom: 1px solid #5A6351; background-color: #F0FFF0;}
	 /*F0FFF0 is a lighter green*/
	.bodylink a:active {color:#5A6351; }

	/*CHANGE EMAIL LINK COLOUR WITHIN BODY OF DOC HERE*/
	span.elink a:link {color:#496c60;text-decoration: none; border-bottom: 1px solid #496c60;}
	span.elink a:visited {color:#496c60;text-decoration: none; }
	span.elink a:hover {color:#496c60;text-decoration: none; border-bottom: 1px solid #496c60;}
	span.elink a:active {color:#496c60; }

	/* -------------------- SIDEBAR LINKS --------------------  */
	ul.sidelink a{font-size:1.2em;color: #934266;text-decoration:none;}/* for coaching links, with coaching.css currently the same, but mightnot stay that way, and coaching.css needs to apply to set top margin without Nickypic image */
	.sidelink li {margin-bottom:1em;}
	ul.sidelink a:hover{border-bottom: 1px solid #934266;}
	
	ul.overviewlinks {margin-top:46px;} /* to try and match position of other sidelinks*/
	ul.overviewlinks a{font-size:1.2em;color: #934266;text-decoration:none;text-transform:uppercase; }
	ul.overviewlinks a:hover{border-bottom: 1px solid #934266;}	
	.overviewlinks li {margin-bottom:1em;}
	
	/*sidebar tweaks*/
	ul.moresidelinks {margin-top:0;} /* to try and match position of other sidelinks*/
	ul.moresidelinks a {font-size:1.2em;color: #934266;text-decoration:none;text-transform:uppercase;font-weight:bold;}
	ul.moresidelinks a:hover {border-bottom: 1px solid #934266;}
	
	
	/*end of links*/
	/* -------------------- SIDEBAR --------------------  */
		/* Nicky's Image */
				/*	.candycol {margin: 20px 20px 0 148px;}   */
.nickypic {margin-top: 35px; margin-left:0px;}
				/* p.aclogo {text-align: right; margin: 10px 30px 0 0;}*/
				/*.aclogo {float: left; text-align: right; 
					margin: 0px 5px 10px 85px; height:200px;}
					.actext {margin: 0px 20px 0 10px;
					font-size: 77%;}*//*was: 55%*/
		
		/* shift the logo down so it's less 
		likely to float over butterflies*/ 
.logostable {margin-top:20px;}
.mbtilogo {float: left; text-align: right; margin: 40px 5px 10px 85px; height:150px;}
.aclogo {float: left; text-align: right; margin: 20px 5px 10px 85px; height:200px;}
.actext {margin: 20px 20px 0 10px;font-size: 77%;}


/* -------------------- QUOTES on testimonials page  -------------------- */
/* -----------------
#focusarea{background: #c0d546 url(images/focusarea-bg.jpg) top left no-repeat;padding:2.25em 2.5em 3.5em 2.5em;border-top:1px solid #ffffff}
blockquote{background: url(/images/quote-top.gif) top left no-repeat;padding:1em 0 0 0}
			#quotes .block{padding:0 2em;margin:0 0 3em 0}
					#quotes .block a{}
					#quotes .block h1{color:#30529c;font-size:2em;background: url(/images/divider-blue-bg.gif) bottom left repeat-x;padding:0 0 .2em 0;margin:0 0 .5em 0}
						#quotes .block h2 .more{float:right;font-size:.5em;color:#000000;}
							#quotes .block h2 .more a{color:#000000;font-weight:bold;}
					#quotes .block ul li{margin:0 0 1em 0;}

				#quotes .block blockquote{background: url(/images/quote-top.gif) top left no-repeat;padding:1em 0 0 0}
					#quotes .block blockquote p{background: url(/images/quote-bottom.gif) bottom right no-repeat;padding:0 0 1em 0}
						#quotes .block blockquote p em{font-style:normal;color:#000000;}
						
						#quotes-cap-top{background: url(/images/quotes-cap.gif) top left no-repeat;height: 1%;padding:0 0 0 1em}
									#quotes-cap-top span{display:block;background: url(/images/quotes-cap.gif) top right no-repeat;padding:2.25em 0 0 0}
				-----------------	*/