/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }




/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }







/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
a img									{ border: none }
body									{ margin:0; font-family: "trebuchet MS" }
.inner									{ width:902px; margin: auto; }

#header									{ background: url("images/header-back.png") 50% 0 repeat-x; padding:12px 0 }
#header .inner							{ position: relative; }
#header	a								{ border: none }
#header	p								{ margin:0 }
#header	em								{ position: absolute;top:10px;right:0; color:#fff; font: 2.5em normal "Trebuchet MS"}

#navigation								{ background: #90f url("images/nav-back.png") 50% 100% repeat-x; padding:0px 0 113px 0; margin-bottom:-70px }
#navigation	ul							{ margin:0; overflow: hidden; list-style: none }
#navigation	li							{ float:left; margin-right: 0.85em }
#navigation	a							{ color: #ecf; font-weight: bold; text-decoration: none; display: block; left:left; padding:5px 8px 12px 8px }
#navigation	a:hover						{ color: #fff; background: #000 url("images/dark-grad.png") repeat-x 0 100%; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px}

#content								{ font-size:90%; color:#333; line-height: 1.5; float:left; width:538px; padding:20px; background:#e5e5e5; -moz-border-radius:15px; }
#content h1								{ font-size:180%; color:#fff; line-height: 1.15; background:#90f url("images/h1-grad-default.png") bottom left repeat-x; padding:15px 10px; -moz-border-radius:10px; }
#content h2								{ font-size:150%; color:#609; line-height: 1.2; font-weight: normal }

#breadcrumbs							{ display: none }

#content fieldset						{ margin:0 0 1.5em 0; padding:0; border:none }

#related								{ float:right; width:263px; padding-bottom:100px}

 
#related .section-navigation,
 #related .news-articles				{ margin-bottom:30px; padding-bottom:10px }
#related .section-navigation ul,
 #related .news-articles ul				{ list-style: none; margin: 0 }
#related .section-navigation a,
 #related .news-articles a				{ display:block; border-top:1px solid #fff; padding:5px 10px 5px 20px; color:#fff; text-decoration: none; width:233px }
#related .news-articles span			{ display:block; padding:0px 3px 5px 20px; color:#ddd; font-size:80% }

.site-search							{ background: #000 url("images/dark-grad.png") repeat-x 0 100%; padding:5px 5px 10px 20px; margin-bottom:30px; margin-top:20px }
.site-search h2							{ font-size: 100%; font-weight: normal; color:#fff; margin: 0; }
.site-search form						{ margin: 0 }
.site-search fieldset					{ border: none; padding:0; margin: 0 }
.site-search input						{ width:185px; margin-right:5px }
.site-search input.button				{ width:30px }

.call-to-actions						{ margin-bottom: 25px }

.newsletter-signup,
 .enquiry								{ position: relative;  width: 238px; background: url("images/newsletter-bottom.png") bottom left no-repeat; padding: 2px 5px 15px 20px;}

.newsletter-signup h2,
 .enquiry h2							{ position: relative; font-size: 100%; font-weight: normal; color:#333; background: url("images/newsletter-top.png") top left no-repeat; margin: -5px -5px 10px -20px; padding:15px 5px 0 20px }

.newsletter-signup form,
 .newsletter-signup form				{ margin: 0 }
 
.newsletter-signup fieldset,
 .enquiry fieldset						{ border: none; padding:0; margin: 0 }
.newsletter-signup input				{ width:185px; margin-right:5px }
.newsletter-signup input.button			{ width:30px }

#page .inner							{ overflow: auto; margin: auto; background: #fff url("images/page-back.png") repeat-y; padding:4px 4px 4px 22px; width:876px }


#footer									{ color:#fff; float:left; overflow:visible; width:100%; clear: both; background: #54007E url("images/footer-back.jpg") 50% 0 no-repeat; padding-top:80px}
#footer a								{ color:#fff; text-decoration: none  }
#footer ul								{ margin: 0; list-style: none }
#footer li								{ background:url("images/footer-bullet.png") 2px 5px no-repeat; padding-left:14px; margin:0.5em 0 }


#footer .news-articles h2				{ border-bottom: 1px solid #673381; padding-bottom:0.2em; margin-bottom:0.5em }
#footer .news-articles					{ border-right: 1px solid #673381; float: left; width:250px; padding:0 35px 0 100px; margin:0 35px 35px 0 }

#footer .news-articles li				{ margin:1em 0  }
#footer .news-articles span				{ display:block; padding:5px 0; color:#ccc; font-size:80% }

#footer #footer-nav						{ float: left; width:180px; }
#footer #footer-nav	h2					{ border-bottom: 1px solid #673381; padding-bottom:0.2em;margin-bottom:0.5em }


#footer .enquiry						{ width: 242px; float:right; margin-top:-150px; margin-bottom:30px; color:#444 }
#footer .enquiry dd						{ margin: 0 }
#footer .enquiry dd input,
 #footer .enquiry dd textarea			{ width:220px }


#legal									{ float: left;width:100%; background: #000; color: #ccc; padding-top:1em; font-size:80% }
#legal a								{ color: #ccc; }
#legal p.copyright						{ float: left }
#legal p.escape							{ float: right }

#legal ul								{ list-style: none; margin:0 0 0.5em 0; padding: 0; text-align: center; font-size:90% }
#legal li								{ display: inline; padding: 0 0.75em }

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/


body.home #ctas 						{ position: absolute; margin-top:-160px; left:50%; margin-left:-430px;}
body.home #ctas img						{ margin: 0 8px }
body.home #navigation					{ background-image: url("images/header-back-home.png"); padding-bottom:333px }
body.home #preamble						{ margin-top:-310px; margin-bottom:105px }
body.home #page	.inner						{ padding-top:80px; }

body #content h1,
 body .section-navigation,
 body #related .news-articles			{ background:#90f url("images/h1-grad-default.png") bottom left repeat-x }

body.training #content					{ background:#CFE2FF }	
body.training #content h1,
 body.training .section-navigation		{ background:#06f url("images/h1-grad-training.png") bottom left repeat-x }	

body.coaching #content					{ background:#D9F5CF}	
body.coaching #content h1,
 body.coaching .section-navigation		{ background:#3c0 url("images/h1-grad-coaching.png") bottom left repeat-x }	

body.management #content				{ background:#CFCFE2}	
body.management #content h1,
 body.management .section-navigation	{ background:#006 url("images/h1-grad-management.png") bottom left repeat-x }		


/****************** IE6 */

body.home #ctas 						{ _position:relative; _left:0; _margin-left:0; z-index:20;  }