@import "/web/stylesheets/cookies-notice.css";

/* 
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:118px;
			padding-top:40px;
			overflow:hidden;
			text-indent: -2000px;
			background:url(logo.gif) 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 
***********************************************************************************************************************/

/*test these rules - particularly in IE*/

ul#mainNav {  
	position:absolute;
	top:4.5em;
	min-width:795px;/*779px*/
	left:-16px;/*0*/
	list-style-type:none;
	float:left;
	border-bottom:1px solid #cdcdcd;
	width:100%;	
	background:#f3f3f3 url(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 10px 7px 10px;
			color:#333;
			background:url(main_nav_right_border.gif) bottom right no-repeat;
		}
		ul#mainNav li.first {margin-left: 33px}/*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(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(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(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(/web/multimediafiles/submit_background.gif) no-repeat;width:89px}
div#lower div#centerColumn form input.long{background:url(/web/multimediafiles/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(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(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(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(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}