/* 
Palette:
#p1 377f55
#p2

menu hilite: 7fcdff


*/
/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form {
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}


body{
	font-family:arial, sans-serif;
	font-size:70%;	
	text-align:center;
}


#wrapper{
	margin:0 auto;	
	width:1000px;
	text-align:left;	
}

#header{
	float:left;
	width:1000px;
	height:88px;
	position:relative;
	background:#071628;	
}

#logo{
	width:175px;
	float:left;
	margin-left:32px;
	margin-top:0px;
	height:61px;
}

	#logo h1{
		text-indent:-9000px;
	}
	#logo h1 a{
		position:absolute;
		left:32px;
		top:0px;
		display:block;
		width:175px;
		height:61px;
		background:url('../img/logo.png') left top no-repeat;
	}
	
#logo2
{
	position:absolute;
	left:700px;
	top:0px;
	width:80px;
	height:80px;
	padding:0;
}

	#logo2 h3{
		text-indent:-9000px;
		margin:0;
	}
	#logo2 h3 a
	{
		width:80px;
		height:80px;
		display:block;
		background:url('../img/125yearslogo.png') left top no-repeat;
	}

#headerLinks{
	float:left;
	margin-left:80px;
	display:inline;
}
	#headerLinks ul{
		float:left;
		width:350px;
		margin-top:5px;	
	}
		#headerLinks ul li{
			display:inline;
		}
		#headerLinks ul li a{
			color:#fff;
			text-decoration:none;
			padding:0 5px;
		}
		#headerLinks ul li#rss a{
			background:url('../img/rss.gif') left center no-repeat;
			padding:0 20px;
		}
		
		#headerLinks ul li#emergency{
			color:#d93234;	
			font-weight:bold;
		
		}

#siteTools{
	float:right;
	width:185px;
	margin-top:2px;
}
#siteTools form{
	margin:0;
	padding:0;
}
	#siteSearch{
		float:left;
		width:183px;
	}
		#siteSearch div{
			float:left;
			width:150px;	
			margin:0 2px 0 0;		
			background:#fff;	
		}
		#siteSearch div input{
			width:130px;
			background:#fff;
			border:1px solid #fff;
			font-size:.95em;
			color:#555;
		}
		#siteSearch input{
			float:left; 
			width:25px;
			background:#000;
			color:#fff;
			border:1px solid #fff;
			padding:0;
			margin:0;
			font-size:.95em;
		}
	#quicklinks{
		float:left;
		width:183px;
		margin-top:2px;
	
	}
		#quicklinks div{
			float:left;
			width:150px;
			margin:0 2px 0 0;
			padding:0;
			background:#fff;

		}
		#quicklinks select{
			float:left;
			width:148px;
			background:#fff;
			color:#555;
			margin:0;
			padding:0;
			border:1px solid #fff;
			font-size:.95em;
		}
		
		#quicklinks input{
			float:left; 
			width:25px;
			background:#000;
			color:#fff;
			border:1px solid #fff;
			padding:0;
			margin:0;
			font-size:.95em;
		}
#datetime{
	position:absolute;
	left:814px;
	bottom:5px;
	color:#fff;
	width:185px;
	font-size:.9em;	
}

#datetime p{
	float:left;
	width:65px;
	margin:0 3px 0 0;
	display:inline;
	padding:0;
	font-weight:bold;
}
#clock{
	float:left;
	color:#fff;
	width:115px;
	font-size:.95em;
}

/* Navigation styles */
	#mainNav{
		clear:left;
		float:left;		
		width:1000px;
		background:#000;
		padding:5px 0;
	}
	
	#sectionMenu{
		float:left;
		width:560px;
		margin-left:17px;
		display:inline;
	}
	#searchMenu{
		float:right;
		width:315px;
	}
	#adminMenu{
		float:right;
		width:65px;
	}	
	#mainNav ul{

	}
		#mainNav ul li{
			float:left;
			display:inline;
		}
		
			/* dropdown section panels*/
			.sectionPanel{
				position:absolute; 
				top:20px; 
				left:10px; 
				z-index:1000; 
				padding-top:16px;
				display:none;
			}
			
				.sectionPanel div{
					float:left;
					display:none;
					background:#000;
					padding-bottom:10px;
					padding-right:10px;
					width:505px;

				}
				.sectionPanel div h2{
					color:#fff;
					margin:.5em 20px .1em;
					font-size:1.1em;
					border-bottom:1px solid #555;
					padding:.2em 0;
				}
				
				.sectionPanel div ul, .searchPanel div ul{
					margin-top:5px;
					margin-left:20px;
					width:150px;
					float:left;
					display:inline;
					list-style:none;
				}
				#main #mainNav .sectionPanel div ul.headlines{
					width:450px;
					list-style:square;
					margin-left:15px;					
					color:#fff;	
					
					
				}
					#main #mainNav .sectionPanel ul li, 
					#main #mainNav .searchPanel ul li{
						float:left;
						background:none;

					}

					#main #mainNav #sectionMenu .sectionPanel div ul.headlines li {
						list-style:square;
						width:450px;			
						margin-bottom:.2em;							
					}
					#main #mainNav #sectionMenu .sectionPanel div ul.headlines li a{
						width:450px;										
						background:url('../img/copyBorder.png') left .7em no-repeat;
						padding-left:15px;

					}

					#main #mainNav #sectionMenu .sectionPanel div ul li a,
					#main #mainNav #adminMenu ul li a{
						width:150px;
						float:left;
						background:none;
						color:#7fcdff;
						padding:.1em 0;
						font-size:.95em;
					}
					#main #mainNav #sectionMenu .sectionPanel div ul li a:hover, 
					#main #mainNav #adminMenu ul li a:hover{
						color:#fff;
					}
				.sectionPanel div span{
					width:275px;
					float:left;
					margin-left:10px;
					display:inline;
					color:#ccc;
					font-size:1.1em; /* enlarge panel text size*/

				}
					.sectionPanel div span p{
						line-height:1.5em;


					}
			


			/* dropdown search panels*/
			.searchPanel{
				position:absolute; 
				top:18px; 
				right:10px; 
				z-index:1000; 
				padding-top:18px;
				padding-bottom:100px;
				display:none;
				width:383px;
			}
			.searchPanel .close{
				display:none;			/* added 16/02/09*/
				float:right;
				background:#333;
				padding:.1em 0;
				margin:0;
			}
			.searchPanel .close a{
				
			}
			#wrapper #main #mainNav .searchPanel div .close a{
				background:none;
			}
			
				.searchPanel div{
					float:right;
					display:none;
					background:#000;
					padding-bottom:10px;					
					width:363px;
				}
				.searchPanel div div{
					display:block;
				}				
				.searchPanel div h2{
					color:#fff;
					margin:.5em 30px .7em 20px;
					font-size:1.1em;
					border-bottom:1px solid #555;
					padding:.2em 0;
				}
				
				.searchPanel div ul{
					margin-top:5px;
					margin-left:20px;
					width:150px;
					float:left;
					display:inline;
					list-style:none;
				}
					#main #mainNav .searchPanel ul li{
						width:150px;
						float:left;
						background:none;
					}
					#main #mainNav .searchPanel div ul li a{
						width:150px;
						float:left;
						background:none;
						color:#7fcdff;
						padding:.1em 0;
					}
					#main #mainNav .searchPanel div ul li a:hover{
						color:#fff;
					}


			.searchPanel .formRow{
				clear:left;
				float:left;
				width:300px;
				margin:3px 0 3px 20px;
			}
			.searchPanel label{
				float:left;
				width:100px;
				color:#fff;
			}
			.searchPanel select{
				float:left;
				width:180px;
				background:#333;
				color:#fff;
				border:1px solid #555;
				font-size:.9em;
			}
			.searchPanel input.search{
				width:180px;
				float:left;
				background:#333;
				color:#fff;
				border:1px solid #555;				
			}
			.searchPanel input.go{
				width:35px;
				float:left;
				font-size:1em;
				background:#999;
				color:#fff;
				border:1px solid #333;
			}

		#mainNav ul li a, #mainNav ul li a:visited{
			float:left;
			display:block;
			text-decoration:none;
			font-weight:normal;
		}
		
			/* sectionMenu */
			#mainNav #sectionMenu li{
				background:url('../img/hoverArrowGrey.gif') right bottom no-repeat;				
			}


			#mainNav #sectionMenu li a, #mainNav #sectionMenu li a:visited{
				padding:0 10px 0 15px;
				font-size:1.1em;
				color:#fff;
				background:url('../img/hoverArrow.gif') right bottom no-repeat;
			}
			/* no drop arrow */
			#mainNav #sectionMenu li#m0, 
			#mainNav #sectionMenu li#m4
			{
				background:none;
			}			
				#mainNav #sectionMenu li#m0 a, 
				#mainNav #sectionMenu li#m4 a{
					background:none;
				}			
			
			#mainNav #sectionMenu li a:hover, #mainNav #sectionMenu li a.on{
				color:#ddd;
				background-image:none;				
			}
			#mainNav #sectionMenu li.on a{
				color:#ddd;
				background-image:none;				
			}
			
			/* searchMenu*/

			#mainNav #searchMenu li{
/*				background:url('../img/hoverArrow.gif') right bottom no-repeat; 
removed 16/02/09*/
			}

			#mainNav #searchMenu li a, #mainNav #searchMenu li a:visited{
				padding:0 10px 0 15px;
				font-size:1em;
				color:#ccc;
/*				background:url('../img/hoverArrowGrey.gif') right bottom no-repeat; 
removed 16/02/09*/
			}		
			#mainNav #searchMenu li.on a{
				color:#fff;
				background-image:none;
			}
			#mainNav #searchMenu li a:hover{
				color:#fff;
				background-image:none;
			}											



			/* adminMenu*/

			#mainNav #adminMenu li{
				background:url('../img/hoverArrow.gif') right bottom no-repeat;
			}

			#mainNav #adminMenu li a, #mainNav #adminMenu li a:visited{
				padding:0 10px 0 15px;
				font-size:1em;
				color:#fff;
				background:url('../img/hoverArrowGrey.gif') right bottom no-repeat;
			}		
			#mainNav #adminMenu li.on a{
				color:#fff;
				background-image:none;
			}
			#mainNav #adminMenu li a:hover{
				color:#fff;
				background-image:none;
			}					



			#p1 #mainNav ul li#m1 a,
			#p2 #mainNav ul li#m2 a,
			#p3 #mainNav ul li#m3 a{
				font-weight:normal;
				color:#7fcdff;
			}

#main {
	clear:left;
	float:left;
	width:1000px;
	margin-top:0;
	margin-bottom:1em;
	position:relative;

}
#p0 #main{
	margin-bottom:0;

}

#mainImage{
	float:left;
	width:1000px;
	height:246px;	
}
	#content{
		clear:left;
		float:left;
		width:1000px;
		position:relative;
		background:url('../img/copyBorder.png') 210px 3em repeat-y; 	

	}
	#p0 #content{
			/* cross-browser min-height */	
		min-height:525px;
		height:auto !important;
		height:525px;	
		background:url('../img/banners/wave.jpg') left top no-repeat;
	}
	
	#p9 #content{
			/* cross-browser min-height */	
		min-height:0px;
		height:auto !important;
		height:0px;	
	}

#strapline{
	position:absolute;
	top:405px;
	left:80px;	
	width:438px;
	height:67px;
	background:url('../img/settingthestandard.png') left top no-repeat;
}


/* sub nav */
#subNav{
	float:left;
	width:235px;
}
	#subNav ul{
		float:left;
		width:190px;
		margin-left:25px;
		display:inline;
		list-style:none;

	}
	#main #subNav ul ul{
		display:none;
		width:160px;
		margin-left:0px;
		padding-left:25px;
		background:none;
	}
	 #main #subNav ul li.on ul{
		display:block;
	}

		#subNav ul li{
			float:left;
			width:160px;
		}
		#subNav ul li a, #subNav ul li a:visited{
			float:left;
			width:160px;
			color:#999;
			text-decoration:none;
			padding:.4em 0 .4em 5px;
			line-height:1em;
		}
		#subNav ul li.on a, #subNav ul li.on a:visited{
			color:#111;
			background:#eee;

		}
		
			/* 3rd level */
			#subNav ul li ul li a, #subNav ul li ul li a:visited{
				width:135px;
				background:#fff;

		}
			#subNav ul li.on ul li a, #subNav ul li.on ul li a:visited{
				color:#999;
				background:#fff;
			}		
			#subNav ul li ul li.on a, #subNav ul li ul li.on a:visited{
				color:#111;
			}		
			#main #subNav ul li ul li.on a:hover{
				color:#111;
			}		
		/* section-specific colours */
		/*
		#p1 #subNav ul li.on a, #p1 #subNav ul li.on a:visited{
			color:#377f55;

		}
		*/		
		
		#subNav ul li a:hover, #subNav ul li.on ul li a:hover{
			color:#555;
		}


	
/* Page copy styles */	
	#copy{
		float:left;
		width:523px;
/*		background:url('../img/copyBorder.png') right top repeat-y;  */
		padding-right:10px;



	}
	#main .wide #copy{
		float:left;
		width:755px;
		background:none;
		padding-right:0px;
	}
	
	#main .fullWidth #copy{
		float:left;
		width:825px;
		background:none;
		padding-right:0px;

	}		


	#content{
/*		background:url('../img/copyBorder.png') 690px 3em repeat-y;  */
		background:url('../img/contentBg.gif') left 3em repeat-y;  


	}
	#content.wide{
		background:none;
		background:url('../img/copyBorder.png') 210px 3em repeat-y;
	}	
	

	#content p{
		color:#666;
		font-family:arial, sans-serif;
		margin-top:0;
		margin-bottom:1.5em;
		padding-top:0;
		line-height:1.4em;
	}

	#content a, #content a:visited{
		text-decoration:none;
		color:#333;
	}	
	#content a:hover{
		color:#333;
	}


	#content #copy a, #content #copy a:visited{
		text-decoration:underline;
		color:#666;
	}	
	#content #copy a:hover{
		color:#333;
		text-decoration:none;
	}	
	
	#content h1{
		margin:.5em 0;
		padding:0;
		font-weight:bold;
		font-size:1.5em;	
	}
	#sectionHeading{
		float:left;
		margin:20px 0 1em 30px;
		display:inline;
		width:970px;
	
	}
	#sectionHeading h1{
		color:#071628;
		margin:.5em 0 .5em 205px;
		padding:0;
		font-weight:bold;
		font-size:1.5em;		
	}
	#sectionHeading h1 span{
		font-size:.9em;

	}

/* override heading style */

	#sectionHeading h1 span{
	padding-left:5px;
	border-left:1px solid #ddd;

		font-size:.9em;
		color:#555;
		font-weight:normal;
	}
	



	
	#content h2{
		margin:0 0 .5em 0;
		padding:0;
		font-weight:bold;
		color:#555;
		font-size:1.2em;
	}	
	
	
	/* section-specific colours */
	#p1 #content h1{
		color:#377f55;
		color:#071628;
		
		
	}

	
	#content h3{
		margin:0 0 0.5em 0;
		padding:0;
		color:#555;
		font-size:1em;
		font-weight:bold;
	}
	
	#content h4{
		margin:1em 0 .5em;
		padding:0;
		font-weight:bold;
		color:#777;
		font-size:1em;	
	}
	
	
	#copy ul{
		color:#666;
		list-style:square;
		margin-left:15px;
		margin:.5em 0 .5em 15px;
	}
	
	#copy table{	
		color:#666;
	}
	
/* ------------ More column  -------- */

	#more{
		float:left;
		width:215px;
		padding-left:15px;
		display:inline;
	}
	#more h2, #more h3{
		margin-top:0;
		padding-top:0;
		color:#999;
	}
	#more ul{
		list-style:square;
		color:#999;
		padding-left:10px;
		margin-left:5px;
		margin-bottom:1.5em;
	}
/*
	#usefulLinks ul, #downloads ul{
		list-style:square;
		color:#999;
		padding-left:10px;
		margin-left:5px;
	}

	#usefulLinks li, #downloads ul li{
		padding-bottom:.3em;
}
#usefulLinks li, #downloads ul li{
		padding-bottom:.3em;
}
	#usefulLinks ul li a, 	#usefulLinks ul li a:visited,
	#downloads ul li a, 	#downloads ul li a:visited{	
		text-decoration:none;	
		color:#333;

	}
	#usefulLinks ul li a:hover,
	#downloads ul li a:hover{
		color:#000;
		text-decoration:underline;
	}
	
*/

	#more li, #more ul li{
		padding-bottom:.3em;
	}

		#more li a, 	#more li a:visited{	
			text-decoration:none;	
			color:#333;
		}
		#more  ul li a:hover{
			color:#000;
			text-decoration:underline;
		}



	
#archive{
	margin-bottom:2em;
}	
	

.moreSearchPanel{
	display:block;
	width:215px;

}

	.moreSearchPanel form{
		float:left;
		width:215px;
		margin-left:0px;
	}
	.moreSearchPanel .formRow{
		clear:left;
		float:left;
		width:215px;
		margin:3px 0;
	}
	.moreSearchPanel label{
		float:left;
		width:60px;
		margin-right:2px;
		display:inline;
		color:#555;
	}
	.moreSearchPanel select{
		float:left;
		width:145px;
		font-size:.9em;
		background:#fff;
		border:1px solid #999;
		color:#555;
	}
	.moreSearchPanel input.search{
		width:145px;
		float:left;
		background:#fff;
		color:#555;
		border:1px solid #999;	
	}
	.moreSearchPanel .message{
		width:145px;
		float:left;
		background:#fff;
		color:#555;
		border:1px solid #999;	
		font-family:arial, sans-serif;
		font-size:1em;
	}	
	.moreSearchPanel input.go{
		width:35px;
		float:left;
		font-size:1em;
		background:#999;
		color:#fff;
		border:1px solid #333;
	}
	.moreSearchPanel input.submit{
		width:65px;
		float:left;
		font-size:1em;
		background:#999;
		color:#fff;
		border:1px solid #333;
	}	

	


/* custom page layout */


.panel{

}
.panel.active-tab-body {
	display: block;
}


#main .board{
	float:left;
	width:450px;
	margin:0;
	list-style:none;
}
	.board li{
		float:left;
		width:430px;
		background:url('../img/fade-left.jpg') 120px top repeat-y;
		margin-bottom:2em;
	}
		.board li .profile{
			float:left;
		
		}
	
		.board li .profile span{
			float:left;
			width:265px;
			padding-left:10px;
		}
		#copy .board li p, #copy  .board li h3{
			padding-left:20px;
			padding-right:10px;
		}		
		.board li h3{
			margin-top:.1em;
		}		
		
		
		.board li .profile img{
			float:left;
		}
		
		
	
	.board li .contactDetails{
		float:left;
		width:330px;
	}
		.board li .contactDetails p, .board li .contactDetails h3{
			padding-left:10px;
			padding-right:10px;
		}			


#main ul.publications {
	list-style:none;
	margin-left:0;

}
	#main ul.publications li{
		float:left;
		clear:left;
		padding-bottom:1em;
		width:420px;
	}
		#main ul.publications li .downloadImg{
			float:left;
			width:100px;
			padding-top:3px;
			padding-right:0px;
			display:inline;
		}
		#main ul.publications li .downloadText{	
			float:left;
			width:300px;
			padding-left:10px;
		
		}

/* results */

#results{
	float:left;
	width:425px;
}




#results dl{
	clear:left;
	float:left;
	width:410px;
	padding-left:0px;
	color:#555;
	background:url('../img/results_fade-left.jpg') right top  repeat-y;
	margin-bottom:1em;
}

	#results  dt{
		clear:left;
		float:left;
		width:100px;
		padding:.2em 5px;
		border-bottom:1px solid #fff;
		
	}
	#main #copy #results  dl p{
		padding-left:0px;
		padding-right:5px;
		font-size:1em;
		background:none;
	}
	
	#results dd{
		float:left;
		width:290px;
		padding:.2em 5px;		
		line-height:1.3em;
		border-bottom:1px solid #fff;		
		color:#333;
	}

	#copy #results dl a, #copy #results dl a:visited{
		color:#000;
		text-decoration:none;
	}
	#copy #results dl a:hover{
		color:#777;
		text-decoration:underline;
	} 					


.result{
	float:left;
	width:425px;
	margin-bottom:1em;
	background:url('../img/results_fade-left.jpg') right top repeat-y;

}
	.result span{
		float:left;
		width:415px;
		padding-left:10px;
	
	}
	#main #copy .resultTitle{
		background:url('../img/results_fade-right.jpg') right top repeat-y;
		color:#111;
	}

	#main #copy .resultTitle a{	
	color:#333;	
	}
	



/* Footer styles */
#footer{
	float:left;
	width:1000px;
	background:#000 url('../img/footerBg.gif') left bottom no-repeat;
}

#footerLinks{

}
	#footerLinks ul{
		float:right;
		width:700px;
		color:#666;
		padding:8px 0;
	}
		#footerLinks ul li{
			float:left;
			font-size:.9em;	
			display:inline;
			color:#999;
		}
		#footerLinks ul li.end{
			padding-left:8px;
			border:none;
		}
		#footerLinks ul li a, #footerLinks ul li a:visited{
			text-decoration:none;
			color:#ccc;
			padding-right:10px;
			padding-left:8px;
			border-right:1px solid #BFAE9B;			
		}
		#footerLinks ul li.on a{
			text-decoration:none;
			color:#a85286;
		}
		#footerLinks ul li a:hover{		
				color:#999;				
		}

/*
Misc. Classes
*/

.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}


/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{
	border:0;
}
a:focus{
outline:none;
}

.docOverflow{
	width:200px;
	height:750px;
	overflow:scroll;
}
/* -------- admin only styles --------- */

#p9 input, #p9 select{
	border:1px solid #777;
	margin-bottom:2px;
}

#p9 .delete{
	border:1px solid #777;
	background:#f30;
	color:#fff;
	border-right:2px solid #777;
	border-bottom:2px solid #777;	
}	
#p9 .submit{
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	background:#333;
	color:#eee;
}