/* MAIN STRUCTURE */
body {
	font-family: "Trebuchet MS";
	font-size: medium;
	color: #4a4a4a;
	margin: 0;
	padding: 0;
}

#wrap {
	margin: 0 auto;
	width: 960px;
}
#cont {
	float: left;
	width: 490px;
	margin-bottom: 30px;
}
#cont h1, #hub-cont h1 {
	font-weight: 100;
	font-size: 1.6em;
	margin: 0 0 15px 0;
}
#cont h2, #hub-cont h2 {
	font-weight: 100;
	font-size: 1.2em;
	margin: 10px 0 10px 0 ;
}
#cont h3, #hub-cont h3 {
	font-weight: 100;
	font-size: 1em;
	margin: 5px 0 0 0;
}
#cont h4, #hub-cont h4 {
	font-weight: 100;
	font-size: 0.8em;
	margin: 0 0 0 0;
}

#cont p, #hub-cont p, #full-cont p {
	font-size: 0.8em;
	margin: 0 0 10px 0;
	padding: 0;
}
#cont ul, #hub-cont ul, #full-cont ul, #cont ol, #hub-cont ol, #full-cont ol, #cont ol ul, #hub-cont ol ul, #full-cont ol ul  {
	font-size: 0.8em;
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
}
#cont ol ul, #hub-cont ol ul, #full-cont ol ul  {
	font-size: 1em;
}
#cont ul li, #hub-cont ul li, #full-cont ul li {
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
	list-style: none;
}
#cont ul li ul li, #hub-cont ul li ul li, #full-cont ul li ul li {
	font-size: 1em;
}
#hub-cont {
	margin-bottom: 30px;
	width: 740px;
	float: left;
}
#full-cont {
	width: 960px;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	margin-bottom: 30px;
}
#full-cont #breadcrumb {
	height: 30px;
	padding: 10px 0 0 10px;
}

#cont #breadcrumb, #hub-cont #breadcrumb {
	height: 40px;
	padding-top: 20px;
}

#full-cont #header-banner {
	padding: 0 10px;
	position: relative;
}


.news-item {
	padding: 20px 0;
	border-top: 1px solid #d7d7d7;
}
#wrap .news-item h2 {
	margin: 0;
}
.news-item p {
}

#our-board-pos-title {
	float: left;
	width: 150px;
}
#our-board-pos-right {
	float: right;
	width: 500px;
	margin-left: 10px;
}


#pdf-reader {
	border: 2px dotted #ccc;
	padding: 10px 5px 0 5px;
	margin-top: 50px;
}

#map_canvas {
	width: 470px;
	height: 500px;
	margin-bottom: 40px;
}

table {
	border-collapse: collapse;
}
table thead tr {
	border-bottom: 2px solid #4a4a4a;
}
table thead tr th {
	padding: 5px 5px 5px 0;
	vertical-align: middle;
}
table thead tr th:first-child {
	text-align: left;
}
table tbody tr {
	border-bottom: 1px solid #ccc;
}
table tbody td {
	padding: 5px 5px 5px 0;
	font-size: 0.8em;
}
blockquote {

}



/*Homepage*/
#top-banner {
	position: relative;
}
#top-banner h1 {
	position: absolute;
	z-index: -500;
	color: #fff;
}
#top-banner .hp-but {
	position: absolute;
	bottom: 10px;
	left: 250px;
}
.but-red-watch-video a {
	display: block;
	width: 176px;
	height: 52px;
	background: url(/images/site/but/but-red-watch-video.png) 0 0 no-repeat;
}
.but-red-watch-video:hover a {
	background: url(/images/site/but/but-red-watch-video.png) 0 -52px no-repeat;
}


.hp-box {
	width: 220px;
	margin: 30px 25px 30px 0;
	float: left;
}
.hp-box h2 {
	font-size: 1em;
	margin-bottom: 5px;
}
.hp-box h2 a {
	color: #4a4a4a;
}
#full-cont .hp-box p {
	margin: 10px 0 10px 0;
	color: #6a6a6a;
}
#full-cont .hp-box img.portrait {
	margin: 0 0 60px 0;
}

.hp-share-box {
	width: 188px;
	margin: 30px 0px 30px 0;
	padding: 20px 15px;
	float: right;
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
}
#full-cont .hp-share-box h3 {
	color: #4a4a4a;
	font-size: 1em;
}
#full-cont .hp-share-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#full-cont .hp-share-box ul li {
	background: none;
	margin: 0;
	padding: 0;
}
#full-cont .hp-share-box ul li a {
	color: #f29000;
}
#full-cont .hp-share-box p.large {
	font-size: 1.6em;
}



/*HEADER*/
#head {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

#search {
	 height: 25px;
	 position: absolute;
	 top: 50px;
	 right: 0;
}
input#keywords {
	border: none;
	font-size: 0.75em;
	background: none;
	padding-left: 25px;
	height: 23px;
	width: 172px;
	float: right;
	line-height: 23px;
	background: url(/images/site/graphics/search-bg.gif) top left no-repeat;
}
input#submit {
	width: 23px;
	height: 25px;
	margin: 0;
}


/*FORM*/
#form {
	background-color: #f7f7f7;
	padding: 15px;
}
#form p {
	position: relative;
}
#wrap #form input.textbox {
	border: 1px solid #ccc;
}
textarea {
	border: 1px solid #ccc;
	width: 450px;
}
#wrap #form label.error {
color:#aa1124;
display:block;
float:left;
position:absolute;
top: 21px;
right: 10px;
}
#form input.checkbox {
	margin-left: 5px;
}




/*Reset*/
ul, ul li, h1, h2, h3, h4, p {margin: 0;padding: 0;}
a {text-decoration: none;}
#wrap a:focus {text-decoration: underline;}
a:hover {text-decoration: underline;}
/* COMMON CLASSES */
	/*positioning*/
	.left {float: left;}
	.right {float: right;}
	.both {clear: both;}
	.none {clear: none;}
	.cright {clear:right;}
	.cleft {clear:left;}
	.centre {text-align: center;}
	.small {font-size: 0.7em;}
	.large {font-size: 2em;}
	a:focus {outline: none;}
	#wrap .first {margin-left: 0;}
	.hide {display: none;}
	/*text colours*/
	.purple {color: #9498c6;}
	.orange {color: #f29000;}
	.green {color: #c7d122;}
	.red {color: #aa1124;}
	.blue {color: #55b9e7;}
	.yellow {color: #ffb716;}
	/*other*/
	.dotted-hr {border-bottom: 1px dotted #ccc;}
	.dotted-hr-margin {border-bottom: 2px dotted #ccc; margin: 10px;}
	.dotted-hr-margin-hoz {border-bottom: 2px dotted #ccc; margin: 0 10px 0 10px;}
	.solid-hr-margin-vert {border-bottom: 1px solid #ccc; margin: 10px 0 10px 0;}
	.border-left {border-left: 2px dotted #ccc;}
	.border-right {border-right: 2px dotted #ccc;}
	img {border: 0;}
	.content-skip{position:absolute;left: 9999px; display:none;}
	#wrap ol.off-loc li ul  {
		padding: 0 0 0 15px;
		margin:0;
	}
	#wrap ol.off-loc li ul li {
		background: none;
		padding: 0;
		margin:0;
		font-size: 1.3em;
	}
	ul#sitemap li  {
		font-size: 1.2em;
	}
	ul#sitemap li ul li a {
		font-size: 1em;
	}
	ul#sitemap li ul li ul li a {
		font-size: 1em;
	}
	ul#sitemap li ul li ul li ul li a {
		font-size: 1em;
	}
	
	/*lightbox*/
	#fancybox-inner .lightbox {
		display: block;
	}
	.lightbox {
		display: none;
	}
	.lightbox h2 {
		margin: 0 0 10px;
	}
	.lightbox p {
		font-size: 0.8em;
		margin: 10px 0 0 0;
	}
	.lightbox {
	
	}