@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style: none;
}


body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 80%;
	background-color: #FFF;
	background-image: url(../images/pattern-repeat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 30px;
	line-height: 1;
}
#container {
	width: 999px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/body_repeat_y.png);
	background-repeat: repeat-y;
	background-position: left top;
} 

#header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 127px;
	margin: 0 auto;
	width: 999px;
	text-align: left;

} 
#header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 20px;
	padding-left: 35px;
}
#header ul {
	display: inline;
}
#header ul li {
	display: inline;
	padding: 6px;
}

#header_navigation {
	padding-top: 25px;
	padding-left: 35px;
	font-size: 85%;
}
#header_navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #114737;
}
#header_navigation a:hover {
	color: #8E3E22;
	text-decoration: underline;
}
#header_navigation a:visited {
	color: #5F803B;
}




#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* padding keeps the content of the div away from the edges */
	padding-top: 25px;
	padding-left: 28px;
	text-align: right;
}
#sidebar1 h3 {
	background-image: url(../images/heading_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 23px;
	color: #FFF;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 90%;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 144px; /* padding keeps the content of the div away from the edges */
	padding-top: 25px;
	padding-right: 27px;
}

#sidebar2 h3 {
	background-image: url(../images/heading_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 23px;
	color: #FFF;
	margin-top: 20px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 90%;
	padding-left: 13px;
}
#quotations  {
	padding-left: 10px;
}

.notice {
	text-align: center;
	color: #114737;
	line-height: 1.2em;
	font-size: 110%;
	}

.notice a {
	color: #8E3E22;
	font-weight: bold;
	text-decoration: none;
	}
	
.notice a:visited {
	color: #5F803B; text-decoration: none
	}
	
.notice a:active {
	color: #8E3E23; text-decoration: none
	}
	
.notice a:hover {
	color: #8E3E23;
	text-decoration: underline;
	}

.speech_wrap {
	background-image: url(../images/clay_speech_bubble_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
	padding-top: 11px;
}

.speech_endbox {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 21px;
	background-image: url(../images/clay_speech_bubble_bottom.gif);
}
.speech_box {
	background-image: url(../images/clay_speech_bubble_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.speech_box p {
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 85%;
	text-align: center;
	color: #4F0F05;
	line-height: 1.2;
}
.speech_wrap_green {
	background-image: url(../images/green_speech_bubble_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
	padding-top: 11px;
}
.speech_box_green {
	background-image: url(../images/green_speech_bubble_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.speech_box_green p {
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 85%;
	text-align: center;
	color: #114737;
	line-height: 1.2;
}
.speech_endbox_green {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../images/green_speech_bubble_bottom.gif);
	height: 22px;
}
blockquote {
	background-image: url(../images/blockquote_slide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 350px;
	font-size: 95%;
	text-align: center;
	margin: 30px auto 30px auto;
}

.blockquote_last {
	background-image: url(../images/blockquote_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
#mainContent  .blockquote_last  {
	text-align: center;
	padding-bottom: 10px;
}

#mainContent h3 {
  font-size: 105%;
  }

#mainContent p {
  font-size: 105%;
  }

#vertical_nav {
	font-size: 85%;
	line-height: 1.3;

}


#vertical_nav ul li {
	background-image: url(../images/active_link_slide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 10px;
}

#vertical_nav ul li a {
	display: block;
	background-image: url(../images/active_link_slide_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 35px;
	padding-top: 8px;
	padding-bottom: 10px;
	color: #4F0F05;
	text-decoration: none;
}
#vertical_nav ul li a:hover {
	color: #4F0F05;
	text-decoration: underline;
}
#vertical_nav ul li a:visited {
	color: #8E3E23;
}
#home {
	text-indent: -9999px;
	height: 91px;
	margin-left: -10px;
	background: url(../images/playing-mantis-text.jpg) no-repeat center top;
}
#change_consultants {
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-left: -9px;
	background: url(../images/innovativeCC-text.jpg) no-repeat center top;
}













#mainContent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px;
	line-height: 1.25;
	text-align: center;
	padding-top: 20px;
	min-height: 400px;
	color: #244537;
	font-family: Verdana, sans-serif;
} 
#mainContent p {
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: left;
	
}

#mainContent a {
	color: #8E3E22;
	font-weight: bold;
	text-decoration: none;
	}
	
#mainContent a:visited {
	color: #5F803B; text-decoration: none
	}
	
#mainContent a:active {
	color: #8E3E23; text-decoration: none
	}
	
#mainContent a:hover {
	color: #8E3E23;
	text-decoration: underline;
	}
#mainContent  a img {
	border: none;
}

#mainContent h1 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 6px;
	color: #8E3E22;
}
#mainContent h2 {
	font-size: 120%;
	font-weight: bold;
	color: #8E3E22;
	padding-top: 25px;
	text-align: left;
}
#mainContent h3 {
	font-size: 110%;
	font-weight: bold;
	padding-top: 15px;
	text-align: left;
}
#partners {
	float: left;
	width: 578px;




}

#partners .text {
	width: 358px;
	float: left;
}
#partners .photo {

}


#mainContent ul li {
	background-image: url(../images/green_text_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding-left: 20px;
	text-align: left;
}

#mainContent ol {
	padding-left: 20px;
}

#mainContent li {
	padding: 2px 0 2px 0;
	}
#centre_list {
	margin-left: 55px;
}


#mainContent img {
	margin: 10px auto;
	background-color: #f1e8d9;
	border: 1px solid #b88e41;
	}
#boxes {
	margin-top: 40px;

}

.improv_wrap {
	background-image: url(../images/improv_box_BO.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 209px;
	padding-top: 74px;
	float: left;
	margin-left: 55px;
}
.improv_box p {
	background-image: url(../images/improv_box_BINNE.jpg);
	padding: 0 28px;
}
.improv_endbox {
	background-image: url(../images/improv_box_ONDER.jpg);
	height: 23px;
}
.story_wrap {
	background-image: url(../images/story_box_BO.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 209px;
	padding-top: 74px;
	float: left;
	margin-left: 50px;
}

.heading {
	font-weight: bold;
	color: #C48F2F;
	font-size: 1.1em;
}






#footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 91px;
	width: 999px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 85%;

} 
#footer p {
	margin: 0;
	padding-top: 40px;
	color: #FFF;
}
#footer a , #footer a:visited{
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #C38F2F;
}


#home_disclaimer, #privacy_sitemap {
	padding-top: 40px;
	color: #FFF;
}
#home_disclaimer {
	padding-left: 120px;


}
#privacy_sitemap {
	padding-right: 120px;
}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clear {
	clear: right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}