/*
Global styles
*************************************************************************************************************************/

html {
	font-size:16px; /* reset safari's 14px default */
}
* html {
	font-size:100%; /* override pixel value for IE's benefit */
}
body {
	font-size:70%;
	background-color:#fff;
	font-family:"Lucida Sans","verdana", "Helvetica", sans serif; 
	color:#333;
}
* {  /* remove default margins and padding */
	margin:0;  
	padding:0;
}
img,
form,
fieldset {  /* remove default borders */
	border:0;
}
h1, h2, h3, h4, h5, h6, table, form, p, ul, ol {
	padding-top:0;
	padding-bottom:0;
	margin-top:0; 
	margin-bottom:10px;
	text-align:left;
	font-weight:normal;
}
h1 { 	font-size:2em;   }
h2 { 	font-size:2em; }
h3 { 	font-size:1.3em; font-weight:bold }
h4 { 	font-size:1.15em; }
h5 { 	font-size:1.1em;   }
h6 { 	font-size:1em;   }

p, td {
	/*text-align:left;*/
	color:#333;
}
q {
	font-weight:bold;
}
a:link,a:link:hover,
a:visited,a:visited:hover {
	text-decoration:none;
	font-weight:bold;
}
a:link,a:link:hover {color:#025A88;}
 {
	text-decoration:underline;
	color:#025A88;
	font-weight:bold;
}

img {
	vertical-align:middle;
}
table {
	border-collapse:collapse;
	margin:0 0 1em 0;
	font-size:100%;
}
table, th, td {
	border:1px solid #cbcbcb;
}
th, td {
	padding:0.5em;
}
table table, table table td {border:0}
table hr{display: none}
hr {
	border:0;
	color:#CCC;
	background-color:#CCC;
	height:1px;
	padding:0;
}

/* Allow any element to clear float */
.clear {	
	clear:both !important;
	visibility:hidden !important;
	overflow:hidden !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:1px !important;
	height:1px !important;
	width:1px !important;
} 

/* Add a top border to any element */
.topLine {	 
	border-top:1px solid #ccc;
	padding-top:5px;
}

/* Larger text in paragraph */ 
p.large,
p.note {	
	font-size:110%;
}

p.note {	
	font-weight:bold;
}

/* Accessible method of hiding any element */
.hidden { 
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Allow images to be floated to the left or right of content */
img.left {	
	float:left;
	margin-right:5px;
} 
img.right {	
	float:right;
	margin-left:5px;
} 

/* Display link on its own line */			
a.block {
	display:block;			
}

/* 
Global navigation, Footer navigation 
************************************************************************************************************************/

ul#globalNav {  
	position:absolute;
	top:4em;
	right:30px;
	width:100%;
	text-align:right;
	z-index:300;
	list-style-type:none;
	background-color:transparent;
}
ul#footerNav {  
	margin:10px 0;
	list-style-type:none;
	padding-bottom:10px; width: 100%;  float: left
}
	ul#globalNav li,
	ul#footerNav li {
		display:inline;
		padding:0;
		margin:0;
	}	 
	ul#footerNav li.first {
		margin:0;
	}
	ul#globalNav li.last a,
	ul#footerNav li.last a {
		border-right:0;
	}
	ul#footerNav  a, ul#globalNav li a {border-right:1px solid #999;}
		ul#globalNav li a,
		#footer a {
			font-weight:normal; 
			padding:0 9px;
			margin:0;
			color:#6E6E6E;
			font-weight:bold;
		}
		ul#globalNav  a:hover,
		#footer  a:hover {
			text-decoration:underline;
		}
		ul#globalNav li a {color: #333; border-right:1px solid #333; padding-right:12px}
		ul#globalNav li.last a {
			padding-right:0;
		}
		ul#footerNav li.first a {
			padding-left:0;
		}
		/*ul#footerNav  a {
			color:#6E6E6E;
		}*/
		/*#footer p {float: right; width: 40%; margin:10px 0; text-align: right }*/
		#footer p {text-align: right !important; margin:10px;}


/*
	Search form
*************************************************************************************************************************/


form#searchForm {position:absolute;top:0;right: 16px;z-index:200;
	 padding:7px 10px 7px 30px;
	width:236px;
	background:#e2e2e2 url(/images/form_bg.gif) bottom left no-repeat;
}
	form#searchForm label {
		font-weight:bold;
	}
		form#searchForm input.text {
			width:105px;
		}
		input.submit {
			border:0;
			color:#fff;
			background-color:#DA0067;
			height:17px;
			font-size:120%;
			font-weight:bold;	 
			padding:0 3px;
		}

/* admin bar */
.controls {
  width: 100%;
  background: url(/images/controls-bg.gif) repeat scroll 0% 0% rgb(237, 246, 250);
  position: fixed;
  top: 0px;
  height: 28px;
  z-index: 99;
}

.controls ul {
  margin: 0px auto;
  margin-top: 2px;
  padding: 4px 0px;
  width: 640px;
}

.controls ul li {
  display: inline;
  margin: 0px;
  padding: 10px;
}

/* 
Layout - Content pages 
************************************************************************************************************************/

body div#wrapper {
	min-width:779px;
	max-width:1024px;
	position:relative;
	top:0;
	margin:0;
	padding:0;
	/*new addition*/
	overflow:visible;
	vertical-align:top;
	
}


	div#header {
		height:10.5em;
		overflow:hidden;
		margin:0;
		padding:0;
		clear:both
	}
		div#header h1 a {
			position:absolute;
			top:16px;
			left:16px;
			width:200px;
			padding-top:40px;
			overflow:hidden;
			text-indent: -2000px;
			background:url(/assets/0000/0304/ssml-logo-small.png) no-repeat;
		}  
		
		

#lower {
	width: 100%;
	float: left;
	margin-right: -213px;
	overflow:hidden;
		margin-bottom:10px;
		text-align:left;
		font-size:110%;margin-top:3px;
}

div#lower p {
			line-height:1.7em;	
		}

#content {width: 100%;float:right;margin-left:-212px}
 #container2{
	margin-right: 213px;
	
	
}

#centerColumn  {
	margin-left: 212px; min-height: 300px;
}

#leftColumn, #rightColumn  { 
	position: relative; overflow: hidden;}
#leftColumn  {	
	width: 180px;
	float: left;
	padding:0 16px;
}
div#lower div#leftColumn a {
				font-weight:normal;
			}
div#lower div#centerColumn a:link,
			div#lower div#centerColumn a:visited {
				text-decoration:underline;				
			}
			
#rightColumn{
	width: 180px;
	float: right;
	padding:0 18px 0 15px;font-size:110%;margin-top: 3.8em}
		div#footer {
			clear:both;
			border-top:1px solid #ccc;
			margin:0 16px 10px 16px;
			
		}

#rightColumn img, #rightcolumn form{margin-bottom: 10px}

.testimonial, .panel form{margin: 0 }

.banner{margin-left:212px;}

		.clearing {
	height: 10px;
	clear: both;
}
/* 
Main top navigation 
***********************************************************************************************************************/
ul#mainNav {  
	position:absolute;
	top:4.5em;
	min-width:779px;
	left:0;
	list-style-type:none;
	float:left;
	border-bottom:1px solid #cdcdcd;
	width:100%;	
	background:#f3f3f3 url(/images/main_nav_tab_top.gif) top repeat-x;
}
/* Hide from IE5-Mac \*/
ul#mainNav {  
	top:6.5em;
}
/* End hide */
	ul#mainNav li {
		float:left;
	}
	
	ul#mainNav li.selected {
		margin-left:-1px;
	}
		ul#mainNav li a {
			text-decoration:none;
			font-weight:bold;
			float:left;
			font-size:110%;
			display:block;
			text-align:center;
			padding:9px 12px 7px 12px;
			color:#333;
			background:url(/images/main_nav_right_border.gif) bottom right no-repeat;
		}
		ul#mainNav li.first {margin-left: 17px}
		ul#mainNav li.selected a {
				border-right:0;
				color:#fff;
			}

/* 
Page sub navigation 
***********************************************************************************************************************/
div#leftColumn ul#subNav ul,div#leftColumn ul#ae_menu ul,
div#leftColumn ul#subNav, div#leftColumn ul#ae_menu {
	list-style-type:none;
	width:180px;
}
div#leftColumn ul#subNav li ul, div#leftColumn ul#ae_menu li ul {
	margin-bottom:0;
}
div#leftColumn ul#subNav {
	background-color:#ededed;margin-bottom:0}

	div#leftColumn ul#subNav li {
	}
		div#leftColumn ul#subNav li a, div#leftColumn ul#ae_menu li a,
		div#leftColumn ul#ae_menu li div {
			display:block;	
			font-weight:bold;
			padding:5px 5px 5px 20px;
			font-size:110%;
			border-bottom:1px solid #cbcbcb;
			color:#333;
			text-decoration:none;}	
			div#leftColumn ul#subNav li a {background:url(/images/sub_nav_back_arrow_grey.gif) 5px 7px no-repeat #ededed;
		}
		
		div#leftColumn ul#subNav li.back a {
			color:#fff; background: #6e6e6e;
		}
		
		div#leftColumn ul#subNav li.selected a {
			background-image:none;
			border-bottom:0;
			border-top:1px solid #fff;
			margin-top:-1px;
		}
			div#leftColumn ul#subNav li.selected ul li {
				background-color:#ededed;
			}
				
			div#leftColumn ul#ae_menu li ul li a, div#leftColumn ul#ae_menu li ul li div{		
					/*border-bottom:0;*/
					
					list-style:none;margin:0;padding-left:7px;font-weight:normal
				}
				div#leftColumn ul#ae_menu li div, li.MenuSelectedArea1 {
					background:url(/images/sub_nav_down_arrow.gif) 5px 7px no-repeat;;}/**/
				
				div#leftColumn ul#ae_menu li ul li {background-color:#fff}
				div#leftColumn ul#ae_menu li ul li a,div#leftColumn ul#ae_menu li ul li div{padding:3px 0 5px 20px; background:url()}
				div#leftColumn ul#ae_menu li ul li ul {border-bottom: 1px solid #ccc; padding: 1px 0 3px 0}
				div#leftColumn ul#ae_menu li ul li ul li a,div#leftColumn ul#ae_menu li ul li ul li div{padding:2px 0 2px 30px; background:url(); border: 0}
				div#leftColumn ul#ae_menu li ul li div{font-weight:bold}
				
div#leftColumn ul#ae_menu li ul{margin:0}
/* 
Lists 
***********************************************************************************************************************/
div#lower div#centerColumn ol {
	margin-left:30px;
	line-height:1.7em;
}
div#lower div#centerColumn ul {
	list-style-type:none; 
	line-height:1.7em;
}
	div#lower div#centerColumn ul li {
		list-style-type:none;
		background:url(/images/content_bullet.gif) 0px 8px no-repeat;
		padding-left:13px;
	}

/* 
Form 
***********************************************************************************************************************/
div#lower div#centerColumn form {
	line-height:1.7em;padding-left:4%;width:90%
}
	div#lower div#centerColumn form fieldset {
		margin-bottom:5px;	
	}
		div#lower div#centerColumn form fieldset .select,
		div#lower div#centerColumn form fieldset .text {
			margin-bottom:3px;
		}
		div#lower div#centerColumn form fieldset legend {font-weight: bold}
		div#lower div#centerColumn form label {
			display:block;font-weight:bold;
		}
		div#lower div#centerColumn form fieldset label {
			display:inline;
			font-weight:normal;
		}
		div#lower div#centerColumn form fieldset .text {
			width:220px;
			display:block;
		}
		div#lower div#centerColumn form fieldset .select {
			font-size:90%;
		}
		
		.formfield input{display: block}
		div#lower div#centerColumn form input{margin-bottom: 3px}	
		div#lower div#centerColumn form input.submit,
		 div#lower div#centerColumn form input.long{
			border:0;
			color:#fff;
			background-color:transparent;
			height:31px;
			text-align:center;
			float:right;
			font-weight:bold;
			vertical-align:middle;
		}
div#lower div#centerColumn form input.submit{background:url(/images/submit_background.gif) no-repeat;width:89px}
div#lower div#centerColumn form input.long{background:url(/images/submit_bg_long.gif) no-repeat; width:119px}

form table td,form table th, table {
			border:0;
		}

div#lower div#centerColumn p img {
				float:right;
				margin-left:10px;
				border:0
			}

/*the following rules are  specific to CMS form output*/
		div#lower div#centerColumn form label.inline,  div#lower div#centerColumn form label.radioAnswer{display: inline;margin-right: 7px;vertical-align:bottom}
		div#lower div#centerColumn form label.radioAnswer, #rightColumn .radioAnswer {font-weight:normal; margin-left:7px}
		div#lower div#centerColumn form label span, div#lower div#centerColumn form legend span{ 
			color:#D11620}
		.FormField {margin: 9px 0 0 0}
 .FormField br{display: none}	
		/*end of cms specific rules*/


/* 
Headings with border
************************************************************************************************************************/
#centerColumn h3 {
	border-top:1px solid #ccc;
	padding-top:5px;
}

#centerColumn h2 {
	padding-bottom:5px;
	clear:both;
}
															
/*
List with images on section front page 
*************************************************************************************************************************/
 ul#sectionList {
	list-style-type:none;
}
div#lower div#centerColumn ul#sectionList h3 {border-top:0; padding-top:0}
 div#lower div#centerColumn ul#sectionList h2{border-bottom: 0}
	ul#sectionList li {
		padding:5px 0 0 75px;
		margin-bottom:10px;
	}
	ul#sectionList li.border {border-top:1px solid #ccc;}
	ul#sectionList li.first {
		border-top:0; padding-top:0
	}
	
	div#lower div#centerColumn ul#sectionList li {
		padding-left:75px;
		}
		 
		ul#sectionList li.first img{margin-top: 0}	
		
		div#lower div#centerColumn ul#sectionList li p,
		div#lower div#centerColumn ul#sectionList li h2 {
			margin-bottom:0;
		}
		div#lower div#centerColumn ul#sectionList li ul li {
			border-top:0;
			margin-bottom:0;
			padding:0 0 0 15px;
			background:url(/images/content_bullet_blue.gif) 0px 7px no-repeat;
		}
		div#lower div#centerColumn ul#sectionList li ul li a:link,
		div#lower div#centerColumn ul#sectionList li ul li a:visited {
			/*color:#025A88;*/
			font-weight:bold;
		}
		div#lower div#centerColumn ul#sectionList li ul li a:link {color:#025A88;}
/*
List with grey arrows as bullets 
***********************************************************************************************************************/ 
ul.arrowList {
}
	ul.arrowList li {
		padding-left:15px;
		margin-top:0;
		background:url(/images/arrow_list_bullet.gif) 0px 0.2em no-repeat;
	}
	div.panel ul.arrowList li {
		margin-top:0;
		line-height:1.2em;
		margin-bottom:4px;
	}
		ul.arrowList li a:link,
		ul.arrowList li a:visited,
		div.panel ul.arrowList li a:link,
		div.panel ul.arrowList li a:visited {
			color:#333;
			font-weight:normal;
			text-decoration:none;
		}



/* 
Coloured intro block 
***********************************************************************************************************************/
/*by default containing div shouldn't show at all - |rerquires at least empty div anf h2 be present*/
div#banner{margin-right:16px; }
div.bnr {height:0; overflow:hidden;}
div#lower div#centerColumn div.bnr h2{border-bottom:0}

/*class .banner added by javascript if banner has content*/

 div.banner {
	height: 100px;
	min-height:100px;
	text-align:left;	
	padding:0 0 0 86px; margin-bottom: 10px ;}
	div.banner div#wrap {margin-right:-195px;float:left; width:100%;}

	div#banner div div {margin-right:195px}
	div#banner div div div {margin-right:0;}
	div#banner div.AE_editor img {padding:0;margin:0}
	div#banner h2 { 
		color:#fff;	  
		margin-bottom:5px;
		padding-top:6px;
		font-weight:normal;
		font-size:2.3em;
		border-bottom:0;
		padding-bottom:0;
		clear:none;
	}
	div#banner p { 
		color:#fff;
		font-size:110%;
		margin-bottom:3px; 
		line-height:1.1em;
	}
	div#banner a:link,
	div#banner a:visited { 
		color:#fff;
		font-size:110%;
		text-decoration:none;
		padding-right:10px;
	}	  
	 div.banner img { 
		display:block;
		vertical-align:baseline;
		float:right;
	margin-left:5px;
	}
/* 
Promo box 
***********************************************************************************************************************/
div#promo {
	width:180px;
	margin-top:10px;
	
	
}
	div#promo p {
		
		margin:0;
		
		/*background:url(../images/design/promo_box_bg_left.gif) bottom left no-repeat;*/
		padding: 2px 2px 7px 5px;
	}
		div#promo p strong{
			font-size:170%;
			display:block;
			line-height:1.1em;
			font-weight:normal;
		}
		div#promo p a:link,
		div#promo p a:visited {
			font-size:90%;
			display:block;
			line-height:1.1em;
			padding-top: 4px;padding-left: 18px;
			background:url(/images/sub_nav_forward_arrow.gif) 5px 7px no-repeat 
		}
/* 
Course finder box
************************************************************************************************************************/
  
 #quicksearch {
	background-color:#F3F3F3;
	min-height:80px;
	padding:5px 12px;
	margin-bottom:10px;
}
form#quicksearch legend {
	font-size:120%;
	font-weight:bold;
	margin:0;
	padding:0;
	left:0;
	margin-bottom:4px;
	color:#000; 
}
	form#quicksearch .text,
	form#quicksearch select {
		font-size:0.79em;
		width:120px;
		padding:0;
		margin-bottom:3px;
	}
	form#quicksearch .text {
		height:13px;
		width:115px;
	}
	form#quicksearch select {
		float:left;
	}
	form#quicksearch .submit {
		float:right;
	}

/* 

/* 
Box with curved bottom border - content pages 
************************************************************************************************************************/
.study, .panel {
	width:180px;
	overflow:hidden;
}
 div.inner {
	padding:0 10px 10px 14px;
	margin:0 0 10px 0;
	
}

 div.inner h2 {
		margin:0 -35px 10px -20px;
		font-size:130%;
		font-weight:bold;
		
		padding:4px 20px;
	}	
div.panel h2{color:#fff;font-size:110%;}
		
	div.panel h3, h4 {
		margin-bottom:0;
		margin-top:10px;
		font-size:100%;
		font-weight:bold;
		line-height:1.2em;
	}
	div.panel h4{margin-bottom: 5px}
		div.panel p {
		margin-bottom:0;
	}
	div.inner ul {
		list-style-type:none;
	}
		div.inner ul li {
			padding-left:15px;
			margin-top:0;
			background:url(/images/arrow_list_bullet.gif) 0px 0.2em no-repeat;
		}
		div.inner ul li {
			margin-top:0;
			line-height:1.2em;
			margin-bottom:4px;
		}
			div.inner ul li a:link,
			div.inner ul li a:visited
			{font-weight:normal;
			text-decoration:none; 
			}
		div.inner ul li a:link {color:#333;}
			div.inner ul li a:hover {text-decoration:underline}

.panel legend, .study legend {padding:4px 0; }
.panel .submit, .study .submit{margin-top: 5px;
height:1.5em;
text-align:center;
width: 150px;
font-weight:bold;
vertical-align:middle; }
.panel form h3, .study form h3{padding-bottom: 2px; }
.panel legend {font-weight: bold; margin:5px 0; color:#6E6E6E}
.panel form{margin-bottom: 7px}

 */.panel input {width: 162px}/*
 
 .panel fieldset input{width: auto}


/* Homepage section colours - purple*/

body h1, 
body h2, 
body h3, 
body p.note, 
body div#lower div#centerColumn form fieldset .select, 
body a:hover, 
body a:link:hover,
body a:visited:hover,
body ul#mainNav li a:hover,
body ul#globalNav li a:hover 					{ color:#514275; }
body ul#mainNav li.selected a:hover			{ color:#fff; }  
body div.panel h2 { background-color:#6f477d; }	

body ul#mainNav li.selected      			{ background:#6f477d url(/images/main_nav_tab_top_selected_left_purple.gif) top left no-repeat; }
body ul#mainNav li.selected a    			{ 

background:url(/images/main_nav_tab_top_selected_right_purple.gif) top right 

no-repeat; }
body ul#mainNav                 				{ border-bottom:1px solid 

#6f477d; }
body .banner,.prbanner #container { background:#6f477d url(/images/intro_bg_purple.gif) left bottom no-repeat; }
body div#leftColumn ul#subNav li.back a { background:#6f477d url(/images/sub_nav_back_arrow.gif)  5px no-repeat;  }

body div#leftColumn ul#ae_menu li  { background-color:#EBE2EE; }
div#leftColumn ul#ae_menu li ul li div{color:#514275}

body div.panel                     			{ 

background:url(/images/box_bottom_purple.gif) bottom no-repeat; }
body div.panel div.inner       							

{background:url(/images/box_border_purple.gif) center repeat-y; }
.pr{font-size: 120%}
.promo {background:#BF0071 url(/images/promo_rubine.gif) bottom no-repeat;}
.promo p, .promo a:link, .promo a:visited, .promo p a:hover,#int-banner h2{color:#fff;}

div#centerColumn div.left h4 a:link,
div#centerColumn div.left h4 a:visited,
div#centerColumn div.right h4 a:link,
div#centerColumn div.right h4 a:visited{color:#514275;}