/* 
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;
	/*word-wrap:  break-word;*/
}


	div#header {
		height:10.2em;
		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(/web/templates/standard_files/logo.gif) no-repeat;
		} 
		div#header h2 {
			position: relative; 
			/*\*/position:absolute;/**/
			top:3.8em;
			left:212px;
			width: 547px;
			height: 24px;
			text-indent: -2000px;
			background:url(welcome.gif) no-repeat;
			padding:0 0 9px 0;
			margin-top: 2px
		} 
		
		
		

#lower {
	width: 100%;
	float: right;
	margin-left: -212px;
	/*background: url(background_2.gif) repeat-y right;*/
	overflow:hidden;
		margin-bottom:10px;
		text-align:left;
		font-size:110%;margin-top:3px;
		
}

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

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

#centerColumn  {
	margin-right: 213px; min-height: 300px;padding-top: 7px; overflow: hidden;
}

#leftColumn, #rightColumn  { 
	position: relative; overflow: hidden;}
#leftColumn  {	
	width: 180px;
	float: left;
	padding:0 16px; font-size:110%;margin-top: 7px
}
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:7px 18px 0 15px;margin-top: 4px}
		div#footer {
			clear:both;
			border-top:1px solid #ccc;
			margin:0 16px 10px 16px;
	
		}
.internal #rightColumn{margin-top: 3.5em}

#bnr #rightColumn {margin-top: 0}
#rightColumn img, #rightcolumn form{margin-bottom: 10px}
#internal{padding: 0 0 13px 31px; background: url(docs.gif) top left no-repeat} #internal a 
{font-weight: normal; text-decoration: underline}




		.clearing {
	height: 10px;
	clear: both;
}

#line { height: 1px; margin-right:18px; padding:0; position:relative; top: 5px; }

#int-banner{margin-right: 18px; margin-top: 4px; height: 26px; background: #6e6e6e url(internal.gif) no-repeat left;} #int-banner h2{margin:0; font-size:1.2em; padding: 4px 13px 0 29px;text-align: right; font-weight: bold}

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

html {
	font-size:16px; /* reset safari's 14px default */
}

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;
}
blockquote{margin-left:2em}

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:2px 1px 1em 1px;
	font-size:100%; width:99%;
}
table, th, td {
	border:1px solid #cbcbcb;
}
th, td {
	padding:0.5em;
}
table table, table table td {border:0}
table hr{display: none}
caption {text-align: left; font-weight: bold; padding-bottom: 7px}
hr {
	border:0;
	color:#CCC;
	background-color:#CCC;
	height:1px;
	padding:0;clear: both
}

/* 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;
} 



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





/* 
 Footer navigation 
************************************************************************************************************************/

ul#footerNav {  
	margin:10px 0;
	list-style-type:none;
	padding-bottom:10px; width: 50%;  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 {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.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 }



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

#search{background: #e2e2e2 url(form_right.gif) bottom right no-repeat;position: absolute; right:16px; top:0; width:35em
/*\*/width:auto /**/}
#searchForm {
	padding:7px 7px; margin:0;
	background: url(form_left.gif) bottom left no-repeat;
	font-size: 100%;}

	#searchForm label {
		font-weight:bold;margin-right: 3px;
	}
		#searchForm input {
			margin: 0 0 0 4px;font-size: 120%
		}
		
		input.submit {
			border:0;
			color:#fff;
			background-color:#DA0067;
			height:1.4em;
			
			font-weight:bold;	 
			padding:0 1px 1px 1px;margin-right: 2px
		}

	/*stop select option text getting clipped in FireFox*/
	#searchForm option {margin-left: 3px}
	


/* 
Main top navigation 
***********************************************************************************************************************/
#topNav{position:absolute;z-index:100;
	top:1px;
	left:207px;padding-right: 16px;}
	
	#topNav  {  
	
	list-style-type:none;margin-top:12px;
	
}

	#topNav  li {
		float:left;
	}
	
	#topNav  li.selected {
		margin-left:-1px;
	}
		#topNav  li a {
			text-decoration:none;
			float:left;
			display:block;
			text-align:center;
			padding:0 3px; border-right: 1px solid #a0a0a0;line-height: 1.1em;
			color:#333;
			font-weight: normal;
			
		}
		.internal #topNav li a {font-weight: bold; padding: 0 5px}
		
		#topNav  li a:hover {text-decoration:underline}
	ul#topNav  li a.last {border-right:0}
		

/* 
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(/web/templates/standard_files/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#subNav li.selected ul li a {
					background:url(sub_nav_arrow_grey.gif) 5px no-repeat;
					color:#666;
					border-bottom:1px solid #cbcbcb;
				}
div#leftColumn ul#ae_menu li ul li, div#leftColumn ul#ae_menu li ul li a {;color:#333;}*/
			div#leftColumn ul#ae_menu li ul li a, div#leftColumn ul#ae_menu li ul li div{		
					/*border-bottom:0;*/
					font-size: 100%;
					list-style:none;margin:0;padding-left:7px;font-weight:normal
				}
				div#leftColumn ul#ae_menu li div, li.MenuSelectedArea1 {
					background:url(/web/templates/standard_files/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; margin-left: 32px;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#centerColumn ul li {
		list-style-type:none;
		background:url(/web/templates/standard_files/content_bullet.gif) 0px 8px no-repeat;
		padding-left:13px;
	}

#lower dt{font-weight: bold} #centerColumn dd {margin-bottom: 10px}

/* 
Form 
***********************************************************************************************************************/
div#lower div#centerColumn form {
	line-height:1.7em;padding-left:4%;
}
	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;
		}
		/*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}
		div#lower div#centerColumn form label.radioAnswer{font-weight:normal}
		div#lower div#centerColumn form label span, div#lower div#centerColumn form legend span{ 
			color:#D11620
		}/*end of cms specific rules*/
		div#lower div#centerColumn form .checkboxes label {
			display:inline;
		}
		div#lower div#centerColumn form fieldset .text {
			width:220px;
			display:block;
		}
		div#lower div#centerColumn form fieldset .select {
			font-size:90%;
		}
		div#lower div#centerColumn form label {
			font-weight:bold;
		}
		div#lower div#centerColumn form input{margin-bottom: 3px}
		div#lower div#centerColumn form input.submit, .formButtons input {
			border:0;
			color:#fff;
			background-color:transparent;
			background:url(/web/multimediafiles/submit_background.gif) no-repeat;
			width:89px;
			height:31px;
			text-align:center;
			float:right;
			font-weight:bold;
			vertical-align:middle;
		}
/*styles to handle CMS form output*/
.FormField {margin: 9px 0 0 0}
.FormField br{display: none}

/*image styling*/
		
/*images  right aligned by default*/
div#lower div#centerColumn p img, div#lower div#centerColumn h3 img,#rightcolumn img,
div#lower div#centerColumn p object{
				float:right;
				margin:3px 0 3px 10px;
				border:0
			}
			
/*allow left alignment or no text wrapping at all*/
div#lower div#centerColumn p img.leftAlignedImage {
float: left; margin: 3px 10px 3px 0
}

div#lower div#centerColumn p img.noTextWrap {
float: none; clear: both; margin: 3px; display: block
}
div.center{text-align: center}
.red{color:#D11620}
#rightColumn label {font-weight: bold}
/* 
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 
*************************************************************************************************************************/
div#lower div#centerColumn ul#sectionlist li {background-image:none;}
 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(/web/templates/standard_files/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;}




/* 
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;
		}


/* 
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(/web/templates/standard_files/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 form h3, .study form h3{padding-bottom: 2px; }
.panel legend {font-weight: bold; margin:5px 0; color:#6E6E6E}
.panel form{margin-bottom: 7px}

 
 .panel fieldset input{width: auto}
 
 /*css for template labelling in edit mode*/
 .label {border: 1px solid #000; background:#FFFF99; padding: 1px; }

/* 
Quick search box box e.g. unicorn search
************************************************************************************************************************/
  
 #quicksearch {
	background-color:#F3F3F3;
	min-height:80px;
	padding:5px 8px;
	border: 1px solid #ccc;
	margin-bottom:10px;width: 164px
}
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: 1em;
		width:122px;
		padding:0;
		margin-bottom:3px;
	}
	form#quicksearch select {width:126px;margin-right:4px}
	
	form#quicksearch select {
		float:left;
	}
	form#quicksearch .submit {
		float:right;
	}
#quicksearch{position:absolute; top: 0; right: 0px; z-index: 600; margin:0 16px;}
#quicksearch .submit {background: #106db6}