/* ------------------------------------------------------------------
	MAIN STYLESHEET
	Evolution Management
------------------------------------------------------------------- */

@import url("reset.css");

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
	height: 100%;
}

/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: #fff;
	font-size: 62.5%; /* from 16px browser default to useable 10px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size:13px;
	height: 100%;
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #000;
	background:#fff;
}

/* clears all floats; apply to empty divs if needed. */
.clear {clear: both;}

:focus { outline: none; } /* removes dotted outline from links */

.rule {background:url(../../images/rule.gif) top left repeat-x; height:2px;}

/*===
STICKY FOOTER
===*/

.stickyfoot {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -140px;
}

.push {height: 140px;}

/* ====================
GLOBAL STYLES - style as necessary
======================= */

p {
	font-size: 13px; /*14px*/
	line-height: 18px; /*18px*/
	margin: 2px 0 15px 0;
}
a:link {
	color: #005daa;
	text-decoration: underline;
}
a:visited {
	color: #005daa;
	text-decoration: none;
}
a:hover {
	color: #005daa;
	text-decoration: none;
}
a:active {
	color: #005daa;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}


em, i {
	font-style: italic;
}

h1 {
	font-size: 28px;
/*	line-height: 30px;*/
	color: #000;
	margin:0 0 18px 0;
	border-bottom: 1px solid #d3d3d3;
	padding:0 0 10px 0;
	
}

h1 img {padding:0; margin:0 0 -15px 0;}

h2 {
	font-size: 14px;
	line-height:20px;
	color: #005daa;
	font-weight: bold;
}

h3 {
	display: block;
	width:100%;
	background:url(../../images/accordionbg.png) top left repeat-x;
	border: 1px solid #d3d3d3;
	padding:6px 0px 6px 6px;
	margin: 10px 0 0px 0;
	cursor:pointer;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
}

h3 a{background-image:url(../../images/accordionarrow.png); padding:0 0 0 10px; margin:0; background-repeat:no-repeat; background-position: 0 -5px;}

h3:hover{ display:block; -moz-opacity: 0.75; opacity:0.75; filter:alpha(opacity = 75);}

h4 {
	font-size: 18px;
	color: #005daa;
	text-decoration:none;
	padding: 0 0 8px 0;
}

.subpagecontent h4 a {text-decoration:none;}
.subpagecontent h4 a:hover {text-decoration:underline;}

h5 {
	font-size: 16px;
	color: #ab906e;
	margin-top:20px;
}
h6 {
	font-size: 12px;
}

small {color: #666666; text-transform:uppercase; font-size: 10px;}

.floatleft {float:left;}
.floatright {float:right;}

.wrap {
	width:940px;
	margin:0 auto;
}

.clear {clear:both;}

.newsitem {margin:0px 0 15px 0; padding:5px 0 15px 0; border-bottom: 1px solid #d3d3d3;}
	
/*==========
HEADER
==========*/

#header {
	background:url(../../images/header_bg.png) top left repeat-x;
	height: 112px;
	width:100%;
}

#header .headwrap {
	width:940px;
	margin:0 auto;
	background:url(../../images/head_swoosh.jpg) top center no-repeat;
	height:112px;
}

#header .logo {float: left; margin:15px 0 0 0;}

#header .mainnav {
float:right;
margin: 20px 0 0 0;
width:670px;
}

#header ul{}
#header li {float: left; padding-right:6px;}
#header li a {font-size:15px; color:#005daa; text-decoration:none; display:inline-block; padding: 7px; font-weight:bold;}
#header li a:hover { color:#fff; text-decoration:none; background:#2373b6;}
#header .current { color:#fff; text-decoration:none;  background:#2373b6;}
#header .current a { color:#fff;}

#header .subnav {
float:left;
position:relative;
left: 580px;
top: 5px;
margin: 15px 0 0 0;
}

#header .subnav li {float: left; padding: 0 0 0 10px;}
#header .subnav li a, #header .subnav li a:link, #header .subnav li a:visited, #header .subnav li a:active {font-size:11px; color:#000; text-decoration:underline; padding:0; font-weight:normal;}
#header .subnav li a:hover {text-decoration:none; background:none; color:#000;}

/*==========
SPLASH AREA
==========*/

#homepageimagearea {
	background:url(../../images/spalsh_bg.jpg) top left repeat-x;
	height:332px;
	width:100%;	
}

.splashholder {
	background: url(../../images/holder.png) center center no-repeat;
	height: 309px;
	margin: 0 auto;
	width:940px;
	padding: 10px 0;
}

.splashpic {
	float: left;
	position:relative;
	top: 18px;
	left: 14px;
}

.latestnews {
	float:right;
	position: relative;
	width:308px;
	top: 60px;
	left: -4px;
}

.btnviewnews {float: right; position:relative; right: 10px; top: 5px;}
.btnviewnews a:hover{-moz-opacity: 0.75; opacity:0.75; filter:alpha(opacity = 75);}
.btn a:hover{-moz-opacity: 0.75; opacity:0.75; filter:alpha(opacity = 75);}

/*==========
HOMEPAGE CONTENT AREA
==========*/

.homepagecol1 {
	float: left;
	width: 530px;
	padding:10px 20px 10px 0;
}
.homepagecol1 img, .homepagecol2 img, .homepagecol3 img  {padding: 10px 0 10px 0;}
.homepagecol1 p {font-size:14px; line-height:20px;}

.bluetype {color:#005daa;}

.homepagecol2, .homepagecol3 {
	float: left;
	width: 210px;
	padding: 10px 0 0 0;
}

.homepagecol3 {
	float: left;
	width: 178px;
	padding: 10px 0 0 0;
}

.homepagecol2 p, .homepagecol3 p {
	margin: 0 0 0 10px;	
	}

.homepagecol2 ul, .homepagecol3 ul {
	margin: 5px 0 10px 10px;	
}

.homepagecol2 ul li, .homepagecol3 ul li {	
	background-image:url(../../images/bulletarrrow.gif);
	background-repeat:no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 12px;
	line-height: 22px;
}

/*==========
SUBPAGE CONTENT AREA
==========*/

.largertext {font-size:14px; line-height:20px; color:#999;/* background:url(../../images/rule.gif) bottom left repeat-x;*/ /*padding:0 0 15px 0;*/}
.subshadow {background:url(../../images/subshadow.png) top left repeat-x; width:100%; height:7px;}

.subpagecontent  img {padding:0 0 10px 0;}

.subpagecontent {
	float: left;
	width: 620px;
	padding: 20px 0 0 0;
}

.subpagecontent ol {margin: 15px 35px 15px 15px; padding:0 0 0 15px; border-left: 1px solid #d3d3d3;}

.subpagecontent ol li {
	list-style:none;
	background-image:url(../../images/bulletarrrow.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding: 5px 0 10px 15px;
	margin: 0 0 10px 0;
	line-height: 18px;
	border-bottom: 1px solid #d3d3d3;
}


/*==col==*/
.subpagesidecol {
	float:right;
	width:280px;
	padding: 20px 0 0 0;
}

.subpagesidecol ul {margin:12px 0 20px 9px;}
.subpagesidecol li {border-bottom:1px solid #a0c4e2;}

.subpagesidecol li a {font-size:14px; /*line-height:25px;*/ text-decoration:none; display:block; padding:7px 0 7px 5px; margin:3px 0 3px 0;}
.subpagesidecol li a:hover {color:#005daa; background:#a0c4e2;}
.subpagesidecol li .current {color:#005daa; background:#a0c4e2;}


/*--Accordion--*/
#accordion a, #accordion2 a, #accordion3 a, #accordion4 a {text-decoration:none; color:#000;}
#accordion a:hover, #accordion2 a:hover, #accordion3 a:hover, #accordion4 a:hover {color:#000;}

#accordion ul, #accordion2 ul, #accordion3 ul, #accordion4 ul{margin:7px 0 10px 10px; padding:0;}
#accordion li, #accordion2 li, #accordion3 li, #accordion4 li {line-height: 26px; background-image:url(../../images/bulletarrrow.gif); background-repeat:no-repeat; background-position:0 8px; padding:0 0 0 10px;}

#accordion p, #accordion2 p, #accordion3 p, #accordion4 p{margin:7px 0 10px 10px; padding:0;}


/*--man btn--*/

.mainbtn {
	font-size: 16px;
	clear: both;
	font-weight:bold;
}

a.mainbtn, a:link.mainbtn{text-decoration:none; display:inline-block; margin:15px 0 15px 0; padding:6px; background-repeat:no-repeat; background-position:top right; background-color:#a0c4e2; font-size:13px;}

a:hover.mainbtn{text-decoration:none; color:#fff;}

/*==========
FOOTER
==========*/

#footer {
	background:url(../../images/footer_bg.png) top left repeat-x #f0eeea;
	width:100%;
	height: 140px;
}

#footer img {padding: 35px 0 15px 0;}
#footer p {color:#666666;}
#footer a {color:#666; text-decoration:underline; margin:0 3px 0 0; font-size:12px;}
#footer a:hover {text-decoration:none;}

#footer .testimonials {
	float: right;
	width: 170px;
	padding: 25px 0 0 0;
}

#footer .testimonials p {
font-size: 11px;
text-align: justify;
}

/*==========
Expertise Chart
==========*/

#chart {
	background:url(../../images/bubble_chart.jpg) top center no-repeat;	
	height: 375px;
	width: 100%;
	line-height:13px;
}

#chart .quality {
	font-size:11px;
	text-align:center;
	float: left;
	position:relative;
	left: 283px;
	top: 15px;
}
#chart .enviro {
	font-size:11px;
	text-align:center;
	float: left;
	position:relative;
	left: 75px;
	top: 150px;
}

#chart .health {
	font-size:11px;
	text-align:center;
	float: left;
	position:relative;
	left: 180px;
	top: 150px;
}

#chart .social {
	font-size:11px;
	text-align:center;
	float: left;
	position:relative;
	left: -33px;
	top: 285px;
}

#chart .core {
	font-size:11px;
	text-align:center;
	float: left;
	position:relative;
	left: 125px;
	top: 170px;
}

/*============
COURSE DETAIL
=============*/

#courselisting {
	width: 100%;
	border-bottom: 1px solid #e8ebeb;
	padding:5px 0 5px 0;
}

#courselisting a.alt {background:#ebeded;padding:5px; cursor:pointer; background-repeat:no-repeat;}

#courselisting a:hover.alt {
	background-image:url(../../images/arrow_rollover.png);
	background-position:580px 35px;
	background-color:#ebeded;
	background-repeat:no-repeat;
	cursor:pointer;
}

#courselisting a {position:relative; display:block;height:100px; text-decoration:none; padding:5px; cursor:pointer; background-repeat:no-repeat;}
#courselisting a:hover {	
	background-image:url(../../images/arrow_rollover.png);
	background-position:580px 40px;
	background-color:#fff;
	background-repeat:no-repeat;
	cursor:pointer;
}

#courselisting p {line-height:18px;}
#courselisting small {display:block;}

#courselisting a .coursename {
	float: left;
	position:relative;
	height:100%;
	top: 28px;
	width:30%;
}

#courselisting a .coursesummary {
	float: left;
	position:relative;
	top: 15%;
	width: 63%;	
	left: 10px;
}

#courselisting a .coursesummary .summary {color:#000;}
#courselisting a .coursename .name {font-size:16px; text-decoration:none;}
#courselisting a.name {font-size:16px; text-decoration:underline;}

.fakebullet {
	line-height: 25px;
	margin: 0 0 10px 15px;
}

/*==Additional Details==*/

.additionaldets li{
	line-height:26px;
	border-bottom: 1px solid #d3d3d3;
	padding:0 0 0 10px;
}

.additionaldets li .title {
	width: 230px;
	display:inline-block;
}

.additionaldets li .cost {font-weight:bold; color:#C90;}