/*********************
    Remove when Alumni goes live
    Hides the top menu Alumni link
*********************/

#e41d7f6ac_6_151,
#e41d7f6ac_6_163
{
	display:none !Important;
}


/*********************
    Employer Portal hidden menu option
*********************/
#e41d7f6ac_6_198,
#e41d7f6ac_6_204
{
	display: none !Important;
}


/*********************
		Body and Forms
*********************/
body
{
	margin: 0px;
	padding: 0px;
	overflow: scroll;
}

body, input, textarea, select
{
	font-family: Arial, Helvetica, Sans-Serif !important;
	color: #908371;	
	font-size: 15px;
}

textarea
{
 overflow: auto;
}

input, select
{
	overflow: hidden;
}

/*Ektron v8 Forms*/
div.design_content
{
	padding: 0px;
	overflow: hidden;
}

/**********************
    Global Div
**********************/
#page
{
	width: 960px;
	margin: 0px 10px 0px 10px;
	margin-left: auto;
	margin-right: auto;
}

/**********************
    CEM logo
**********************/
#logo
{
	float: left;
	height: 84px;
	width: 254px;
	padding: 0px;
	margin: 0px;
}

/**********************
    Top right links
**********************/

#toplinks
{
	height: 26px;
	float: right;
}

#toplinks ul
{
	padding: 12px 30px 0px 0px;
	margin: 0px;
}

#toplinks li
{
	list-style-type: none;
	display: inline;
	color: #908371;
	font-size: 15px;
	border-right: solid 1px #908371;
	margin: 0px -5px 0px 0px;
	padding: 0px 9px 0px 9px;
	letter-spacing: -0.01em;
}

#toplinks a:hover,
#toplinks a:visited, 
#toplinks a:link
{
	color: #908371;
	text-decoration: none;
}

#toplinks a:hover
{
	text-decoration: underline;
}

#toplinks .noBorder
{
	border-right: none 0px;
	padding: 0px 0px 0px 9px;
	margin: 0px;
}

/**********************
    First Site Menu
**********************/
#navBar
{
	border-bottom: solid 1px;
	border-top: solid 1px;
	margin-bottom: 12px;
	clear: both;
}

/**********************
    Main placeholder between
    header and footer
**********************/
#mainContent
{
	overflow: hidden;
}

/**********************
    Colours
**********************/

/*Background*/
body.orangeBack #mainTitle, li.orangeBack, .ekflexmenu_button_selected .orangeBack
{
	background: #F9A95C !important;
}

body.greenBack #mainTitle, li.greenBack, .ekflexmenu_button_selected .greenBack, body.greenBack .courseDirector, body.greenBack .styled th
{
	background: #53BB4E !important;
}

body.blueBack #mainTitle, li.blueBack, .ekflexmenu_button_selected .blueBack
{
	background: #00ADD0 !important;
}

body.purpleBack #mainTitle, li.purpleBack, .ekflexmenu_button_selected .purpleBack
{
	background: #9A3795 !important;
}

body.redBack #mainTitle, li.redBack, .ekflexmenu_button_selected .redBack
{
	background: #EA2839 !important;
}

body.darkBlueBack #mainTitle, li.darkBlueBack, .ekflexmenu_button_selected .darkBlueBack
{
	background: #002395 !important;
}

/*Text*/
.orangeText, a:hover.orangeRoll, body.orangeBack p.titleText, body.orangeBack h2, body.orangeBack h3, body.orangeBack #menuMainContent a:hover, body.orangeBack #menuMainContent a, body.orangeBack .quickLinks a:hover, body.orangeBack .colourText
{
	color: #F9A95C;
}

.greenText, a:hover.greenRoll, body.greenBack p.titleText, body.greenBack h2, body.greenBack h3, body.greenBack #menuMainContent a:hover, body.greenBack #menuMainContent a, body.greenBack .quickLinks a:hover, body.greenBack .colourText
{
	color: #53BB4E;
}

.blueText, a:hover.blueRoll, body.blueBack p.titleText, body.blueBack h2, body.blueBack h3, body.blueBack #menuMainContent a:hover, body.blueBack #menuMainContent a, body.blueBack .quickLinks a:hover, body.blueBack .colourText
{
	color: #00ADD0;
}

.purpleText, a:hover.purpleRoll, body.purpleBack p.titleText, body.purpleBack h2, body.purpleBack h3, body.purpleBack #menuMainContent a:hover, body.purpleBack #menuMainContent a, body.purpleBack .quickLinks a:hover, body.purpleBack .colourText
{
	color: #9A3795;
}

.redText, a:hover.redRoll, body.redBack p.titleText, body.redBack h2, body.redBack h3, body.redBack #menuMainContent a:hover, body.redBack #menuMainContent a, body.redBack .quickLinks a:hover, body.redBack .colourText
{
	color: #EA2839;
}

.darkBlueText, a:hover.darkBlueRoll, body.darkBlueBack p.titleText, body.darkBlueBack h2, body.darkBlueBack h3, body.darkBlueBack #menuMainContent a:hover, body.darkBlueBack #menuMainContent a, body.darkBlueBack .quickLinks a:hover, body.darkBlueBack .colourText
{
	color: #002395;
}

/**********************
Ajax Loading GIFs
**********************/
body.darkBlueBack .ajaxLoader
{
	background-image: url(/style/images/ajaxLoaderDarkBlueT.gif);
}

.ajaxLoader
{
	height: 48px;
	width: 48px;
	position: absolute;
	/*modal Popup has a z-index of 100001*/
  z-index: 100500;	
}


/**********************
    Footer
**********************/
#footer
{
	clear: both;
	font-size: 10px;
	letter-spacing: -0.01px;
	color: #908371;
	padding: 6px 0px 0px 0px;
	border-top: solid 1px #908371;
	margin: 12px 0px 0px 0px;
	text-align: center;
}

#footer ul
{
	padding: 0px;
	margin: 0px;
}

#footer li
{
	list-style-type: none;
	display: inline;
	color: #908371;
	font-size: 10px;
	border-right: solid 1px #908371;
	margin: 0px -5px 0px 0px;
	padding: 0px 6px 0px 6px;
	letter-spacing: -0.01em;
}

#footer a:hover, #footer a:visited, #footer a:link
{
	color: #908371;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer .noBorder
{
	border-right: none 0px;
	padding: 0px 0px 0px 6px;
	margin: 0px;
}

/**********************
    Content
**********************/
#mainTitle
{
	margin: 0px 0px 19px 0px;
	padding: 16px 0px 16px 12px; /*width: 462px;   */
	width: 100% - 12px;
}

h1
{
	font-size: 28px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 1.07;
	letter-spacing: -0.01em;
	color: White;
	display: inline;
}

h2
{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	padding: 0px 0px 0.3em 0px;
	margin: 0px;
	font-weight: normal;
}

h3
{
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 0;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

h1.SuperScript, h1.SubScript
{
	font-size: 22px;
}

h1.SuperScript
{
	display: block;
}

h1.SubScript
{
	display: inline;
}

p
{
	margin: 0px;
	padding: 0px 0px 1.2em 0px;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 0;
}

hr
{
	color: #908371;
	background-color: #908371;
	height: 1px;
	border-style: none;
	clear: both;
}

/*IE7 and below*/
*:first-child + html hr
{
	padding: 12px 0px 12px 0px;
}

/*Modern Browsers not IE7*/
html > /**/ body hr
{
	margin: 12px 0px 12px 0px;
}

p.bold
{
	font-weight: bold;
	padding: 0px 0px 0.3em 0px;
	_width: 474px;
}

p.alt
{
	padding: 0px 0px 0.3em 0px;
	_width: 474px;
}

p.note, a.note
{
	font-size: 12px;
	line-height: 1.25;
}

.clear
{
	padding: 0px;
}

div.pre p,
td.pre
{
	_white-space: pre; 
	*white-space:pre;
	word-wrap:break-word;
}

html > /**/ body div.pre p,
html > /**/ body td.pre
{
	white-space: pre-wrap;
}

#menuMainContent a:link,
#menuMainContent a:visited,
#menuMainContent a:hover
{
	 text-decoration: none;
	 border-bottom:1px dotted;
}

#menuMainContent a.imageLink:link ,
#menuMainContent a.imageLink:visited ,
#menuMainContent a.imageLink:hover 
{
	 border-bottom: none;
}

#menuMainContent #XMLcourse a:link,
#menuMainContent #XMLcourse a:visited,
#menuMainContent #XMLcourse a:hover
{
	border-bottom: none; 
}

#menuMainContent h2 a:link,
#menuMainContent h2 a:visited,
#menuMainContent h2 a:hover
{
	font-weight: normal;
	text-decoration: none;
}

#menuMainContent a:visited, #menuMainContent a:link, .courseDirector a:visited, .courseDirector a:link, .quickLinks a:visited, .quickLinks a:link
{
	color: #908371;
	text-decoration: none;
}

#menuMainContent a:hover, .courseDirector a:hover, .quickLinks a:hover
{
	text-decoration: underline;
	border-bottom: none;
}

#menuMainContent img, #rightSideBar img
{
	border: none;
}

/********************
    Courses
*********************/

#menuMainContent ul
{	
	padding: 0px 0px 0.6em 0px;	
	margin: 0px;	
}

#menuMainContent li
{
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 0;
	padding: 0px 0px 0.6em 0px;
	margin: 0px 0px 0px 15px;
}

#whyStudy, #summary, div.section
{
	border-top: 1px solid #908371; /*position: relative;*/
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px; *padding:0px0px4px0px;
clear:both;
}

#whyStudy span, #summary span, #courseDetails span
{
	display: inline-block;
	height: 18px;
	width: 18px;
	border: 0px;
	padding: 0px;
	margin: 0px 6px 0px 0px;
}

#whyStudy h4, #summary h4, #courseDetails h4
{
	padding: 0px;
}

body.greenBack span.contracted 
{
	background-image: url("/style/images/contracted.jpg");
}

body.greenBack span.expanded 
{
	background-image: url("/style/images/expanded.jpg");
}

body.purpleBack span.contracted 
{
	background-image: url("/style/images/contracted-purple.jpg");
}

body.purpleBack span.expanded 
{
	background-image: url("/style/images/expanded-purple.jpg");
}

.courseContent
{
	padding: 12px 0px 12px 0px;
}

.courseContent a img
{
	padding: 0px 48px 12px 0px;
}

.summaryContent
{
	width: 100%;
	clear: both;
}

.leftSummaryContent	
{
	width: 150px;
	padding-bottom: 12px;
	float: left;
}

.rightSummaryContent
{
	width: 324px;
	padding-bottom: 12px;
	float: right;
}

/********************
    Forms
*********************/

div.cem-form-container table td
{
	padding-right: 10px;
	padding-bottom: 5px;
}

input.cem-form-button
{
	color: buttontext;
}

/********************
		Tables
********************/
table.styled th
{
	color: white;
	padding: 10px;
}

table.styled
{
	margin-bottom: 12px;
	/*white-space: nowrap;*/
	
}

table.styled,
table.styled th,
table.styled td
{
 border-collapse: collapse;
 border: solid 1px #908371;
}


/********************
    Features
*********************/
.feature
{
	padding: 0px 0px 12px 0px;
	margin: 0px;
	width: 231px;
	height: 115px;
}

.newsItem, .feature
{
	cursor:pointer;
}

.feature a, .newsItem a
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	display: inline-block;
	color: White;
	letter-spacing: -0.01em;
	line-height: 1.2;
	text-decoration: none;
	position: relative;
}

.feature a
{
	top: -21px;
	width: 217px;
}

.newsItem a
{
	top: -33px;
}

.feature a:hover, .newsItem a:hover
{
	text-decoration: underline;
}

/********************
    Staff/Trustees
*********************/

.staffMember, .trustee
{
	padding: 0px;
	margin: 0px 0px 12px 0px;
	clear: both;
	border-bottom: solid 1px;
	display: inline-block;
}

.staffMember .imagePlaceholder, .trustee .imagePlaceholder
{
	width: 160px;
	height: 220px;
	padding: 0px 15px 5px 0px;
	float: left;
	display: inline-block;
}

.staffMember .imagePlaceholder
{
	padding-right: 15px;
}

.trustee .textPlaceholder
{
	width: 299px;
	_width: 267px; /*display:block;*/
	float: right;
}

staffMember .textPlaceholder
{
	width: 474px;
	_width: 459px;
	display: block;
}

/*.staffMember img, .trustee img
{
    border: none;
}*/

.trustee li
{
	list-style: none;
}

/********************
    Jobs
*********************/

.job-vacancy
{
	border-bottom: solid 1px;
	margin-bottom: 15px;
}

/********************
    Course Directors
*********************/

.courseDirector img
{
	width: 80px;
	height: 110px;
	float: left;
	margin: 0px 6px 6px 0px;
}

.courseDirector
{
	margin-bottom: 12px;
	padding: 6px;
}

.courseDirector h2
{
	padding: 0px 0px 12px 0px;
}

.courseDirector, .courseDirector h2, .courseDirector a:hover, .courseDirector a:link
{
	color: White !important;
}

/*********************
    Case Studies
*********************/

.caseStudy
{
	/*border-bottom: solid 1px; */
	margin-bottom: 12px;
}

.caseStudy .imagePlaceholder
{
	width: 160px;
	height: 220px;
	margin: 0px 12px 12px 0px;
	float: left;
	display: inline-block;
}

.caseStudy .mainImage
{
	padding: 0px 0px 12px 0px;
}

/*********************
    Quick links
*********************/

.quickLinks ul
{
	margin: 0px 0px 0px 12px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

.quickLinks p
{
	margin: 0px 0px 0px 12px;
}

/*********************
    Positioning - Currently only used for DeLever page
*********************/
.posRight
{
	width: 300px; 
	*width: 275px;
	margin-left: 12px; 
	float: right;
}