/*
Version Number: 12.10.15.1.0SB
Master CSS with:
Full Reset
Body Setup Elements including links
Basic Box Elements
Basic Sub Box Elements
Markup Elements Including H tags, P tags and ULs and LIs
 Classes for Colour and alignment
Plain and Elaborate Form Elements
*/

/* -------------------------
Reset Styles
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend, div, input
 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

/*li { list-style: none; }*/

sup { vertical-align: text-top; font-size: 10px; }

sub { vertical-align: text-bottom; font-size: 10px }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}
em {
	90%
}

/* ----------------------------
Universal 
---------------------------- */

	body {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 background: #D4D2BE;
	 color: #69675C;

	}
	
	a:link, a:visited{
		color:   #F78E1E; 
		text-decoration: none;  
		}
	a:hover, a:active{
		color:#807E70 ; 
		text-decoration: none;
		}
	a.nav:link, a.nav:visited {
		color: #787C83; 
		text-decoration: none;  
		}
	a.nav:hover, a.nav:active {
		color: #000000; 
		text-decoration: none;
		}
	a.white:link, a.white:visited {
		color: #DBD1CD; 
		text-decoration: none
		}
	a.white:hover, a.white:active {
		color: #99C116; 
		text-decoration: none;
		}

/* -----------------------
   Boxes and Panels
	
	All elements appear in this section in the same order and placement as their appearance on the page 
  ------------------------*/	
	
	#Wrapper { 
	 margin: 0px auto 0px auto;
	 min-height: 450px;
	 _height: 450px;
	 background: #E6E4D4;
	 }

	#Header {
		width: 100%;
		_height: 110px;
		overflow: hidden;
		float: left;
		
	}
	
	#Logo {
		width: 340px;
		height: 100px; 
		float: left;
	}

	#loginButtons {
		width: 470px;
		height: 35px;
		margin: 3px 10px 1px 85px;
		float: left;
	}
	
	#regionRegister {
		width: 470px;
		height: 35px;
		float: left;
		/*background-color:  #F0FFFF;*/
	}

	#menuSearch {
		width: 100%;
		float: left;
		margin-left: 0px;
	}
	
	#mobile-menu-wrapper {
		margin-left: 0px;
		padding: 3px 10px 3px 10px; 		
	}

	
	#loginButtons {
		width: 470px;
		height: 35px;
		margin: 3px 10px 1px 85px;
		float: left;
		/*background-color: #FFEBCD;*/
	}
	#secondaryMenu {
		width: 470px;
		height: 28px;
		float: left;
		margin: 0px 10px 0px 85px;
		float: left;
		/*background-color: #EEE8AA;*/
	}
#secondaryMenu p{
	margin: 5px 10px 5px 25px;
	text-align: right;
	display: inline;
	float: right;
}
	#topMenu {
	width: 690px;
	height: 53px; 
	float: left;
	display: inline;
	background-image: ;
	background-position: center;
	background-repeat: no-repeat;
	/*background-color: #98FB98;*/
	}
#topMenu ul {
			margin-left: 10px;
		/*margin-left: -10px;*/
	}
	#topMenu li {
	font-size: 14px;
	display:  block;
	margin: 15px 20px 15px 20px; 
	text-align: center;
	float: left;
	/*background-color: #A9A9A9;*/
}	
#searchBox {
	width: 275px;
	height: 25px;
	float: left;
	margin: 12px 10px 10px 5px;
	/*background-color: #483D8B;*/
}
#quickSearch {
	width: 110px;
	height: 30px;
	float: left;
	/*background-color: #AAD2EE;*/
}
#searchField {
	width: 135px;
	height: 25px;
	float: left;
	/*background-color: #EEE7AA;*/
}
#searchButton {
	width: 25px;
	height: 25px;
	float: left;
	/*background-color: #EEAAB1;*/
}

#mainHome {
	min-height: 300px;
	float: left;
	background-color: #E6E4D4;
	background: url(../Media/MDCx13MainSpriteSand.jpg) 0px -180px;
	background-repeat: no-repeat;
	margin-top: 10px;

}

#Main {
	min-height: 300px;
	float: left;
	background: #FFF;
	background: url(../Media/MDCx13MainSprite.jpg) 0px -180px;
	background-repeat: no-repeat;
	margin-top: 10px;
}

#outerContent {
	min-height: 150px;
	background-color:   #E6E4D4;/*#B0C4DE*/
}
#wideContent{
	_height:300px;
	min-height:300px;
	float: left;
	margin: 10px 10px 10px 10px;
	}

#wideContent img{
 margin: 10px;
}
#Content {
	_height:300px;
	min-height:300px;
	float: left;
	margin: 10px 10px 10px 10px;
	background-color: #FFF;
}
.promoColumn {
	width: 340px;
	min-height: 150px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.promoBox {
	width: 340px;
	min-height: 190px;
	float: left;
	background-color: #FFF;
	margin-top: 10px;
}
	#leftColumn {
		width: 240px;
		min-height: 370px;
		margin: 10px 0px 10px 10px;
		float: left;
		background-color: #F7F6F4;	
	}	
	#leftColumn ul {
		margin: 5px;
	}
	#leftColumn  li {
		margin: 5px 0px 0px 5px;
		list-style: none;
	}
	
	/* Stage Elements*/
	#homeFeaturedCourse {
		width: 700px;
		min-height: 360px;
		float: left;
		background: #FFF;
	}
	.homeFeaturedCoursePanel {
		width: 700px;
		min-height: 200px;
		float: left;
	}
	.homeFeaturedCoursePanel h1 {
		font-size: 30px;
		color: #A2A08E;
	}
	.homeFeaturedCoursePanel h2 {
		font-size: 22px;
	}
	homeFeaturedCoursePanel h1, h2, p {
		margin: -5px 10px;
		padding: 0px;
		
	}
	.homeFeaturedCourseImage {
		width: 600px;
		height: 340px;
		float: left;
		margin: 10px 50px;
	}
	.homeFeaturedCourseImage img {
		margin: 0px ;
	}
	
#Footer {
	height:50px;
	float: left;
	margin-bottom: 25px;
}
#Footer p {
	font-size: 11px;
	margin: 2px 0px 2px 10px;
}
#metaFooter {
	min-height:  100px;
	float: left;
	color: #807E70;
	background: url(../Media/MDCx13MainSprite.jpg) 0px -750px;
	background-repeat: no-repeat;
}

.siteMapBox {
	width: 220px;
	min-height: 100px; 
	float: left;
	margin: 25px 10px 10px 10px;
}

.siteMapBox li {
	list-style: none;
}

#Copyright {
	height: 25px;
	margin: 0px 0px 10px 10px;
	display: inline;
	float: left;
}
#mmi {
	width: 150px;
	height: 25px;
	float: left;
	margin: 10px
	
}




/*
HTML Settings
*/

p,h1,h2, h3, h4, h5, h6, pre {
		margin:5px;
		line-height: 150%;
		}
		
	h1 {
		font-size:26px;
		font-weight: normal;
		letter-spacing: 2px;
		color: #69675C;
		}
	h2 {
		font-size: 20px;
		font-weight: normal;
		/*letter-spacing: 1px;*/
		padding: 2px;
		color: #8F2C65;
	}
	h3 {
		font-size: 20px;
		font-weight: normal;
		/*letter-spacing: 1px;*/
		padding: 2px;
		color: #F78E1E;
		}
			h4 {
		font-size: 20px;
		font-weight: normal;
		/*margin: 5px 10px 5px 10px;*/
		color: #69675C;
	}
			
		h5 {
		font-size: 15px;
		font-weight: normal;
		/*margin: 5px 10px 5px 10px;
		color: #9AA0A9;*/
	}
	
	h6{
		font-size: 15px;
		font-weight: normal;
		color: #F78E1E;
	}
		table {
		margin: 10px;
	}
		td {
			padding: 5px;
			margin: 5px;
		}
			hr {
		color: #D4D2BE;
		background-color: #D4D2BE;
		height: 1px;
		width: 96%;
		margin: 20px auto 15px auto;
		border: 0px;
		clear: both; 
	}
	#Content ul {
		padding-top: 10px;
		margin: 15px 0px 2px 10px;
		/*background-color: #7CFC00;*/
	}
	#Content li {
		margin: 4px 2px 2px 2px;
		list-style:  none;
	}
		#wideContent ul {
		padding-top: 10px;
		margin: 15px 0px 2px 10px;
		/*background-color: #7CFC00;*/
	}
	#wideContent li {
		margin: 4px 2px 2px 2px;
		list-style:  none;
	}
	textarea {
		resize:both;
	}
	
		
		
		/*--------------------------------
Classes  
----------------------------------*/
.Clear {
			clear:  both;
		}
.greyBG {
	background-color: #EDECDD;
}
.purpleBG {
	background-color: #8F2C65;
	color: #FFF;
}
.orangeBG {
	background-color: #F78E1E;
	color: #FFF;
}
.whiteBG {
	background-color: #FFF;
}
.lightBG {
	background-color: #F4F3E7;
}
.headingBG {
	background-image: url(../Media/HeadingBG.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
.whiteBG {
	background-color: #FFF;
}
.Red {
			color: #CE0000;
			font-size: 14px;
		}
.White {
	color: #FFFFFF;
}		
.alignRight {
	text-align: right;
}
.floatRight{
	float: right;
}
.Centre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.textSmall {
	font-size: 11px;
}
.textXSmall {
	font-size: 10px;
}
.Inline {
	display: inline;
}

.round {
	-moz-border-radius:10px;
-webkit-border-radius:10px;
-opera-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.noBullet {
	list-style: none;
}
 .transparent {
 	background: transparent;
 }

/*--------------------------------
 Form and Interface Effects
----------------------------------*/
.quickSearchField {
	background-image: url(../Media/formFieldBGx11H20.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	border: none;
	color: #807E70;
	/*width: 50%*/
}
.quickSearchButton {
	width: 25px;
	height: 25px;
	color: #FFF;
	background: transparent;
	border: none;
}
button.quickSearchButton:focus {
	border:none; 
  background: transparent;
}
input.quickSearchField:focus {
	background: #FFF;
	border: none;
	_border: 0px;
	outline: none;
}
.formBoxLarge {
	background-image: url(../Media/formFieldBGx11H30.jpg);
	background-position: left;
	background-repeat: repeat-x;
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 8px;
	border: 1px #83837B solid;
	width: 90%;
	color: #606369;
}

.formField {
	/*background-image: url(../Media/MDCx13FormFieldBG.jpg);*/
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 1px #C0BEA9 solid;
	margin: 5px;
	outline: none;
	color: #807E70;
	/*width: 50%*/
}
.fSelect  {
   background: #EDECDD;
	color: #69675C;
   width: 80px;
   padding: 5px 0px 5px 2px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 29px;
}
.xSelect  {
   background: #FFF;
	color: #69675C;
   /*width: 80px;*/
   padding: 5px 0px 5px 2px;
   font-size: 13px;
   border: 1px solid #C0BEA9;
   height: 29px;
	margin-left: 5px;
	overflow: hidden;
   background: url("../Media/selectArrow.jpg") no-repeat right;
}
	input.clearButton{
   font-size:14px;
   width:100px;
   height:26px;
   background-color:#E4E6EA;
	color: #8F2C65;
   background: url(../Media/MDCx13ButtonsSprite.gif) 0px -90px;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 2px;
}
	input.clearButton:active{
   background-color:#E3E4E9;

}
	input.clearButtonWide{
   font-size:14px;
   width:199px;
   height:26px;
   background-color:#E4E6EA;
	color: #8F2C65;
   background: url(../Media/MDCx13ButtonsSprite.gif) -104px -90px;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 2px;
}
	input.clearButtonWide:active{
   background-color:#E3E4E9;

}

input:focus, textarea:focus{ 
  border:1px solid #F78E1E; 
  background: transparent;
}


	input.purpleButton{
   font-size:12px;
   width:171px;
   height:25px;
   background-color:#9A306E;
   background: url(../Media/MDCx13ButtonsSprite.gif) -175px -10px;
	color: #FFF;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 5px;
	padding-top: -12px;
}

	input.blueButton{
   font-size:12px;
   width:171px;
   height:25px;
   background-color:#5384A5;
   background: url(../Media/MDCx13ButtonsSprite.gif) 0px -10px;
	color: #FFF;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 5px;
	padding-top: -12px;
}
	input.orangeButton{
   font-size:12px;
   width:171px;
   height:25px;
   background-color:#F78E1E;
   background: url(../Media/MDCx13ButtonsSprite.gif) -350px -10px;
	color: #FFF;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 5px;
	padding-top: -12px;
}

	input.orangeButtonWide{
   font-size:12px;
   width:227px;
   height:25px;
   background-color:#F78E1E;
   background: url(../Media/MDCx13ButtonsSprite.gif) -451px -40px;
	color: #FFF;
	border: none;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 5px;
	padding-top: -12px;
}


	.form_label {
		margin: 10px 0 0 4px;
		display: -moz-inline-stack;
		display: inline-block;
		line-height: 1.30em;
		clear: both;
	}

	.formContainer {
		margin: 0 auto;
	}
	
	
	.formContainer .box50, .formContainer .box100 {
		float: none;
	}
	
	.formContainer .dateBox {
		float: left !important;
	}
	
	h3.Inline { 
		line-height: 7px !important;
		vertical-align: bottom;
	}
	
	input.rounded {
		border: 1px solid #ccc;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		font-size: 14px;
		padding: 4px 7px;
		outline: 0;
		-webkit-appearance: none;
	}
	
	/* @Media queries for responsive handling of core elements */
	
	@media only screen and (min-width: 980px) {
		#Wrapper, #outerContent, #Main , #mainHome, #Footer, #metaFooter, #Copyright { 
			width: 980px;
		}
		
	
		#Header { 
			background: url(../Media/MDCx13MainSprite.jpg) 0px 0px;
		}
		#Logo {
			margin: 3px 25px 2px 50px; 
		}
		#Content {
			width:710px;
		}
		
		#wideContent{
			width:960px;
		}		

		.header-button {
			float: right;
		}

		#regionRegister {
			margin: 0px 10px 0px 85px;
			text-align: right !important;
		}

		#menuSearch {
			background: url(../Media/MDCx13MainSprite.jpg) 0px -110px;
			height: 53px;
		}

		#desktop-menu-wrapper { display: block; }
		#mobile-menu-wrapper { display: none; }
		#div-break { display: none; }
		#button-break { display: none; }
		
		iframe.iFrameBlogFeed { width: 333px; }
		
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
		
	}
	
	@media only screen and (max-width: 979px) {
		#Wrapper, #outerContent, #Main, #mainHome, #Footer, #metaFooter { 
			width: 100% !important;
		}

		#outerContent { 
			margin: 0px;
		}		
		
		#Header { 
			background: none;
		}
		#Logo {
			margin: 0px; 
			padding: 3px 3px 3px 3px; 
			width: 100%;
			background-color: #FFFFFF;
		}

		#Content, #wideContent {
			width: 95% !important;
		}

		#Main {
			background: none !important;
		}

		#loginButtons {
			margin: 10px 10px 1px 00px !important;
		}
		.header-button {
			float: right;
		}
		#regionRegister {
			margin: 0px 10px 0px 00px !important;
			text-align: left !important;
		}
		#regionRegister  .globeButton { display: none; }
		#secondaryMenu { display: none !important; }
		#cpMenu { display: none; }
		#desktop-menu-wrapper { display: none; }
		#mobile-menu-wrapper { display: block; }
		
		#leftColumn{ display: none; }
		
		.promoColumn { 
			float: left; 
			width: 100% !important;
		}
		.promoBox { 
			width: 99% !important; 
			margin: 0 auto !important; 
			padding-left: 10px !important; 
			margin-bottom: 10px !important;
		}
		iframe.iFrameBlogFeed { width: 95% !important; }
		
		.social-grouping{ float: left; }
		
		.box90 {
			width: 80% !important;
		}
		.box70 {
			width: 56% !important;
		}
		.box20 {
			width: 28% !important;
		}
		.box10 {
			width: 15% !important;
		}
		
		.tabsPanel {
			width: auto !important;
		}
		
		#div-break { display: block; }
		#button-break { display: none; }
		
		div.TabView div.Tabs a {
			width: auto !important;
			padding: 0 5px 0 5px;
		}
		
		.lineBox {
			margin: 5px 5px 5px 5px !important;
		}
		
		.lineBox h1 {
			font-size: 16px !important;
			margin: 1px 5px 1px 3px !important;
		}		
		
		.fullSearchLabel {
			padding-left: 40px;
			margin-top: 3px;
		}
		
		#boxFixed {
			width: 100% !important;
		}
		#fixedFooter {
			width: 95% !important;
		}

		#cpMain {
			width: 100% !important;
		}

		#cpContent, #cpHeader {
			width: 95% !important;
		}
		
		#cpHeader {
			background: none !important;
		}

		table.mceLayout, textarea.tinyMCE {
				width: 100% !important;
		}
		
	}

	@media only screen and (max-width: 400px) {

		#regionRegister {
			margin: 40px 10px 0px 00px !important;
			text-align: left !important;
		}

		#Content, #wideContent {
			width: 92% !important;
		}
		
		#button-break { display: block !important; }
		
		.advanceSearch .box50 {
			width: 80% !important;
		}

		.box90 {
			width: 68% !important;
		}		
	}