/* Element Styles 

colours
grey: #8A8A8D;
turq = #81E5E7;
dark blue; #2F5272;

*/

body {
	color: black;
	text-align: center;
	margin: 0 0 0 3px;
	padding: 0;
}


DIV {

	font-family: arial;
}

span {
	font-family: arial;
}

IMG {
	border: 0px;
}

a {
	text-decoration: none;
}

table {
	border-collapse: collapse;
}


h1 {
	/*height: 50px !important;
	height: 80px;
	padding:30px 0px 0px 0px !important;
	padding:25px 0px 0px 0px;
	margin: 0px;*/
}

h6 {
	color: #33bac0;
}


/* Main Layout Styles*/

#MainArea {
	background-color: white;
	width: 1000px !important;
	width: 1000px;
	padding: 0px;
	text-align: left;
	margin: auto;
	margin-top: 30px;
	display: block;
}

.topLeft {
	background-color: white;
	width: 720px;
	display: table-cell;
	float: left;
	text-align: left;
	height: 110px;
}


.topRight {
	background-color: white;
	width: 270px;
	display: table-cell;
	float: left;
	text-align: right;
	height: 110px;
}

#leftNav {

	width: 175px;
	float:left;
	position: relative;

}

#heading1 {
	margin: 0px;
	padding: 0px;
	text-align:right;
	background-position: 20% left;
	background-repeat: no-repeat;
	font: bold 24pt arial;
	color: #40506f;
	padding-left: 40px;
	text-transform: lowercase;
	position: relative;
	top: -20px !important;
	#top: 0px;
}

#heading2 {
	margin: 0px;
	padding: 0px;
	background-image: url("images/h2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	font: bold 14pt arial;
	color: #40506f;

}

#heading3 {

	padding: 3px 3px 3px 210px;
	font: normal 24pt arial;
	color: #cccccc;

}

#heading4 {
	margin: 0px;
	background-image: url("images/h3.gif");
	background-position: 100% 50% !important;
	background-position: 50% right;
	background-repeat: no-repeat;
	padding:0px 15px 0px 0px;
	font: normal 14pt arial;
	color: #33bac0;
	text-transform: lowercase;
	display: block;
	position: relative;
	top: -22px !important;
	#top: 0px;
}

#heading5 {

	background-image: url("images/h3.gif");
	background-position: 0 50% !important;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding:0px 0px 0px 15px;
	font: normal 13pt arial;
	color: #33bac0;
	text-transform: lowercase;
}


#searchform {
	padding-top:20px;
	font: bold 11pt	arial;
	color: #40506f;

}

.plus {
	color: #40506f;
	font: bold 12pt arial;
}


.lightBlue {
	color:#33bac0;
}

.darkBlue {
	color: #40506f;

}

.trailer {
	text-align: right;
	color:#33bac0;
	font-size: 11pt;
	display: block;
	clear: left;
}


.trailer a{
	color:#cccccc;

}

.submitbutton {

	background-color: #00a8b0;
	color: white;
	text-transform: uppercase;
	border: 0px;
	padding:0px;
	margin: 0px;

}

.newscontent {

	clear: left;
	clear: right;
	width: 780px;
	display: block;
	margin: 20px 0 0 0px;
	padding-left: 0px;
}

.content {

	width: 780px;
	display: table-cell;
	float: left;
	margin: 0px;
}



.contentCourse {
	width: 345px !important;
	width: 405px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 60px 20px 0px;
	position: relative;
	top: -35px;
}


.contentImage {
	width: 475px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 330px;
}


.kudos {
	text-align:right;
	font: normal 8pt arial;
	color: #aaaaaa;
	background-image: url("images/kudosgradient.gif");
	background-position: top right !important;
	background-position: top left;
	padding: 10px 112px 0px 0px !important;
	padding: 10px 103px 0px 0px;

}

.kudos a{
	font: bold 8pt arial;
	color: #aaaaaa;
}



#rowContainer {
	width: 800px;
	background-color:#dddddd;
	display: table-row;
	margin-right: 10px;

}

#PageContent {
	
	width: 800px !important;
	width: 800px;
	padding:0px 0px 0px 5px;
	margin:20px 0px 0px 0px !important;
	margin:5px 0px 0px 0px;
	font: normal 9pt arial;
	color: #333333;
	min-height:190px;
	height:auto !important;
	height: 190px;
	float: left;
	display:block;
	line-height:20px;
}

#PageContent p {

	padding: 0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	font: normal 9pt arial;
	color: #333333;
	line-height:20px;

}


#PageContent h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;

	font: bold 30pt arial;
	text-transform: lowercase;
	clear: height;
	color: #8A8A8D;
}
#PageContent h1 span {

	color: #00D5DA;
}

#PageContent h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	font: bold 13pt arial;
}	

#PageContent h2 a{
	color: #33bac0;

}

#PageContent h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	font: bold 10pt arial;
	color: #40506f;
	line-height: 18px;

}

#PageContent h3 strong {
	font: bold 14pt arial;
	color: #40506f;

}

#PageContent h3 a{
	color: #40506f;

}

#PageContent h2.courses a{
	color: #40506f;
	display:block;

}

#PageContent h3.courses {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	font: normal 10pt arial;
	text-transform: lowercase;
	line-height: 18px;
	display:block;

}

#PageContent a {
	color: #666666;
}

#PageContent h4 {
	color: #33bac0;
	font: bold 11pt arial;
	line-height:18pt;
	Margin:10px;
	padding:0px 0px 20px 0px;
}

#PageContent ul {

	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 7px;
}

#PageContent li {
	padding-bottom: 4px;

}

.intake td{
	padding: 3px 3px 3px 0px;
	font: normal 10pt arial;
}
#topholder
{
	width: 800px;
	clear: both;
	display: block;
	min-height: 350px;
	vertical-align: top;
}

#trimage
{
	float: right;
	background: url('images/whatyouneedb.gif');
	height: 330px;
	width: 325px;
	margin: 0;
	padding: 0;
}

#trimage h5
{
color: white;
font: 20pt arial;
margin: 20px 0 0 30px;
padding: 0;
}
#trimage h5 span
{
color: #A8E2E4;

}
#trimage h6
{
color: #A8E2E4;
font: bold 35pt arial;
margin: 0 0 0 60px;
padding: 0;

}
#trimage p.p2
{
color: #A8E2E4;
font: bold 10pt arial;
margin: 20px 30px 5px 30px;
padding-top: 20px;
border-top: 1px solid #ccc;
}

#trimage p
{
color: #fff;
font: 10pt arial;
margin: 0 30px 20px 30px;

}

#caseholder
{
	position: relative;
	height: 350px;
	margin: 20px 0 0 0;
}
#PageContent div.casestudy1 p, #PageContent div.casestudy2 p, #PageContent div.casestudy3 p, #PageContent div.casestudy1 ul li, #PageContent div.casestudy2 ul li, #PageContent div.casestudy3 ul li
{
	margin: 10px;
		font-size: 8pt;
		padding: 0;

}


.wline
{
	width: 100%;
	height: 1px;
	border-top: 5px solid white;
padding: 0;
margin-top: 30px;	
font-size: 1px;
}
.casestudy1 {

	padding: 0 0 8px 0;
	background: #96E7EA url(images/realissuesb.gif) 10px 4px no-repeat;
	width: 260px;
	height: 325px;
	border: 0;
	text-align: left;
	font: normal 8pt arial;
	color: #666666;
	position: absolute;
	top: 0;
	left: 0;
	
}

.casestudy2 {

	padding: 0 0 8px 0;
	background: #B1EEEF url(images/reallearningb.gif) 10px 3px no-repeat;
	width: 260px;
	height: 325px;
	border: 0;
	text-align: left;
	font: normal 8pt arial;
	color: #666666;
	position: absolute;
	top: 0;
	left: 270px;

}

.casestudy3 {

	padding: 0 0 8px 0;
	background: #D5F5F6 url(images/realreturnsb.gif) 10px 2px no-repeat;
	width: 260px;
	height: 325px;
	border: 0;
	text-align: left;
	font: normal 8pt arial;
	color: #666666;
	position: absolute;
	top: 0;
	left: 540px;

}

#ctext
{
	overflow: scroll;
	width: 775px;
	height: 200px;
	border: 1px solid #aaa;
}
#ctext p
{
	margin: 20px;
	color: #666;
}
#ctext h2, #ctext h3
{
	margin: 20px;
}

#bottomlinks
{
	color: #666;
	font-size: 8pt;
	text-align: center;
	margin: 10px 0 0 0 ;
}


#bottomlinks a span
{
	color: #2F5272;
	font-weight: bold;
	
}#bottomlinks a
{
	color: #666;
	font-size: 8pt;
	text-decoration: none;
}
#bottomlinks a:hover
{
	color: #81E5E7;
}

.Details {
	background:color: white;
	min-height: 111px;
	display: block;
	float: left;
	text-align: left;
	margin-top: 20px;
	font: normal 9pt arial;
	line-height:16pt;
	padding: 0;
}

.Details p{

	padding: 0;
	margin-top: 10px;
}

.spacer {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

.tags {

	clear: left;
	width: 165px;
	background-color: #a8e2e4;
	margin-top: 20px;
	padding: 0px;
	font: normal 10pt arial;
	color: #33bac0;
	line-height: 14pt;
	display: block;
	min-height: 315px;
	overflow: hidden;
}
.tags p{

margin: 5px;
}


h6.tag {
	color: #40506f;
	font: normal 10pt arial;
	margin: 10px 0 0 5px;
	padding: 0px;
}

div.line {

	display: block;
	margin-top: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 left;
	
}


/* Hide Content Styles */

#cds-container {
	margin: 20px auto;
	float: left;
	text-align: justify;
	font-family: arial;
	display: none;
	height: 350px;
	overflow: scroll;
	width: 780px;
}

#stcds {
	margin: 15px auto;
	border: 1px dotted #194889;
	padding: 10px;
}

#stcds h2 {
	margin: 10px;
	font-size: 15px;
	padding: 3px 6px;
	color: #204E89;
}

#stcds p {
	margin: auto;
	padding: 2px 8px;
	line-height: 18px;
	font-size: 11px;
}

#stcds img {
	float: left;
	margin: auto;
	padding: 4px;
}

#fpheader h2 {
	font-size: 16px;
}

.fpfooter {
	text-align: center; 
	display: block;
}

div.courselinkl
{
float: left;
height: 25px;
background: url('images/dmblend1.jpg') top right repeat-y;
width: 465px;
color: red;
margin: 0;
padding: 0;
}

div.courselinkr
{
float: right;
height: 25px;
background: url('images/dmblend2.jpg') top right repeat-y;
width: 325px;
color: red;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
}
#PageContent  div.courselinkr a
{
font-weight: bold;
color: #2F5272;
position: relative;
top: 2px;
}