/*
Document by Ben Heppenstall 
ben @ benheppenstall.net
*/
body{
	margin:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:17px;
	color: #77787b;
	background:#fff;
}

.floater{display:block;clear:both; line-height:0px; height:0px; font-size:0px}

#shell{ width:972px; margin:10px auto 0; position:relative}

h1{text-indent:-9000px; margin:0; position:absolute}
h2{	color:#fff;	font-size:30px; font-weight:normal; margin:0 0 10px 0; line-height:30px; }
h3{	color:#fff;	font-size:20px; font-weight:normal; margin:0 0 10px 0; line-height:20px; }
h4{	color:#fff;	font-size:14px; font-weight:bold; margin:0 0 10px 0; line-height:20px;}
p{ margin:0; padding:0}

	#logo{ background: url(../images/logo.png) top no-repeat; width:213px; height:107px; text-indent:-9999px; display:block; position:absolute; top:60px; left:10px;cursor:pointer; z-index:200 }
	#head_login{position:absolute;  height:10px; top:-10px; right:0; text-align:right; }
	
#adminhead{ background:#000; height:20px; padding-left:10px;color:#fff;}
#adminhead ul{ list-style:none; padding:0; margin:0;; float:right}
#adminhead li{ float:left; padding:0 10px; border-left: 1px solid #000; height:20px }
#adminhead li:hover{ background:#666}
#adminhead a,#adminhead a:hover{ color:#fff; text-decoration:none}
#adminhead #approval{position:absolute; z-index:50; top:20px; right:0;background:#000; padding:10px; display:none}
#adminhead #approval a:hover{ background:#666}

#nav{ background:url(../images/topcurve.png) bottom left no-repeat; width:972px; height:38px}

#col1{ width:243px; float:left; background:url(../images/mainbg.png) top repeat-x #00050a}
#col1 #content{ padding:140px 10px 10px 10px !important; color:#fff; }
#col2{width:243px; height:448px;float:left; display:block; background-image:url(../images/hp1.jpg); background-position:top; background-repeat:no-repeat; text-indent:-9999px}
#col3{ width:243px; height:448px;float:left;display:block; background-image:url(../images/hp2.jpg); background-position:top; background-repeat:no-repeat; text-indent:-9999px}
#col4{ width:243px; height:448px; float:left;display:block; background-image:url(../images/hp3.jpg); background-position:top; background-repeat:no-repeat; text-indent:-9999px}
#col2:hover,#col3:hover,#col4:hover{background-position:bottom}

#colthree{ margin-left:243px; position:relative;background:url(../images/peoplebg.gif) repeat-x top #d0ecf9;height: 448px;; overflow:hidden}
	.peoplepics{ background:url(../images/peoplebg.gif) repeat-x bottom #d0ecf9;width: 729px; height: 448px;}
	.peoplepics .section{background:url(../images/peoplebg.gif) repeat-x top #d0ecf9}
	.more{ position:relative; padding:5px; color:#fff}
	.morefold{ position:absolute; bottom:5px; right:0px}
	
	.cv{ display:none;}
	.cv2{background:#eeeff1; padding:10px; color:#00254c}
	.cv2 h2{ color:#00254c; font-size:30px}
	.cv2 h3{ color:#00254c; font-size:16px; font-weight:bold}
	.cv2 .img{ float:right; margin:0 0 10px 10px; background:#86CCED; width:236px; padding:10px; text-align:left}
	.col h2,.cols h2{ color:#00274c; font-size:18px; padding:0 5px; line-height:22px; margin:0; font-weight:normal; text-transform:uppercase	 }
	.coln h2{ color:#00274c; font-size:15px; padding:0 5px; line-height:18px; margin:0; font-weight:bold; 	 }
	.col h3{ color:#00274c; font-size:14px; padding:0 5px; line-height:18px; margin:0; font-weight:normal; text-transform:uppercase; font-weight:bold	 }
	.summary{ padding:0 5px; color:#00274c; }
	.info{ display:none; position: absolute; top:5px; left:5px; width:216px; height:335px; background:#002040; overflow:auto; padding:10px }
	.infop{ display:none; position: absolute; top:5px; left:5px; width:186px; height:213px; background:#002040; }
	.infop .morefold{ position:absolute; bottom:0px; right:0px}
	.infop .wrapper{width:166px; height:193px; overflow:auto; padding:10px}
	
	.casestudy,.newsitem{display:none; position: absolute; top:0px; left:0px; background:url(../images/peoplebg.gif) repeat-x bottom #d0ecf9; width: 729px; height: 448px; overflow:auto; z-index:10000; }
	.casestudy .wrapper,.newsitem .wrapper{ overflow:auto;width: 709px; height: 428px; padding:10px;}
	.casestudy .morefold,.newsitem .morefold{ bottom:0; right:0;}
	
	.casestudy h2{ font-size:30px;margin-bottom:10px; color:#00274c; }
	.newsitem h2{ font-size:30px; margin-bottom:10px; color:#00274c; }
	.casestudy .summary{ font-size:14px;  margin-bottom:10px; color:#00274c }
	.colp{width:220px; margin-right:10px; float:left; position:relative}
	.last{ margin-right:0px !important}
	.casediv{ top:0;left:243px; position:absolute;}
	
	.cats,.cats li{ list-style:none; margin:0; padding:0}
	.cats a{ text-transform:uppercase; color:#fff}
	.cats li.selected a{ color:#FFFFFF}
	.cats a:hover{ color:#FFFFFF}

	.search{ padding:10px;color:#00274c; }
	.search a{color:#00274c; }
	.search a:hover{color:#00274c; text-decoration:underline}
	.search h2{ font-size:30px; margin-bottom:10px; color:#00274c; }
	
#contentshell{ margin:0 auto; width:850px; padding:20px 0}
	#mainsection{ width:972px; margin:0 auto 10px; background:url(../images/mainbg.png) top repeat-x #00a6dd; position:relative;  min-height:448px}
		.col{ width:241px; float:left; height:448px;  position:relative}/*overflow:hidden;*/
		.coln{ width:243px; float:left; height:224px;  position:relative}/*overflow:hidden;*/
		.cols{ width:364px; float:left; height:224px;  position:relative}
		.cols .more{ width:182px}
		.cols .right{ float:right; width:170px; padding-top:10px}
		.cols .right a{ padding:0 5px; color:#00274c}

		.quote{ font-style:italic; font-size:12px; font-weight:bold; color:#00274c; display:block; padding:0 5px; }
		
		#content{ padding:20px 20px 20px 300px;}
		.copy{ }
		#rightcol{width:310px; float:right; padding-bottom:20px}
		#leftcol{ width:500px}
		.spaw2editor #content{ padding:0}
		#greybar{ clear:both; background:#8c8c8c; padding:30px;border-bottom:30px solid #FFFFFF;}
			.greybox{ width:255px; padding-right:30px; margin-right:30px; float:left; color:#FFFFFF; border-right:1px solid #393939}
			.greybox2{ width:255px;   float:left; color:#FFFFFF; }
		.hpfootcopy{padding:30px 250px 30px 30px; background: url(../images/cliff_photo.jpg) bottom right no-repeat; min-height:200px}
		
		.morebutton{ background:url(../images/button.gif) no-repeat #3d3d3d; width:67px; height:24px}
		.gallery{ float:right; width:300px; height:300px; margin:0 0 20px 20px; overflow:hidden; position:relative; border:5px #d2d2d2 solid}
		.gallery img{width:300px;height:300px; position:absolute}
		
		#actions{ position:absolute;right:-80px;z-index:900; top:150px; width:80px; text-align:right }
		#actions img{	}
		#actions #next{ margin-bottom:20px}
		#actions #prev{}
		
		#rightcolumn{ float:right; width:200px}
		#leftcolumn{ width:420px}
		
		.newsimage{ border:1px solid #58595b}

	.contact{ padding:20px; color:#00274c; font-size:18px; line-height:20px; }
	.contact .form{ margin:0; width:677px; height:353px;background:url(../images/postcard.png) bottom no-repeat}
	.contact .form .left{width: 340px; margin:20px 0 0 20px}
	.contact .form .right{ width:280px; position:relative;}
	.contact .send{ position:absolute; top:10px; right:20px}
	.contact .formelement{ width:220px; border:none; background: #edf8fc; padding:5px; font-size:16px; color:#00274c;}
	.contact .warning{font-size:12px; line-height:16px}
	.contact .heading{ margin-bottom:10px}
	.contact h2{color:#00274c}


#footer{width:972px; clear:both; margin:10px auto; position:relative; z-index:2;background:#00a6dd }  
		
	#legal{ font-size:11px; padding:10px 20px; color:#fff; }
		#legal ul{ margin:0; padding:0}
		#legal li{display: inline;list-style-type: none;padding:10px 0 10px 0px;}
		#legal a{color:#fff}
	#footer .right{ font-size:12px}
	
	#footlinks ul{margin:0; padding:0; list-style:none; }
	#footlinks li{ float:left;height:58px}
	
.copy ul{ margin:0 0 0 10px; padding:0}
.copy li{ padding:0 0 5px 0}

a{ color:#00A6DD ;text-decoration:none; outline:none; font-weight:bold}
a:hover{color:#fff;}

#hpgallery{ position:relative; margin-top:10px}

.issues-title{ background:#91278f url(../images/issues_title.gif) no-repeat; width:620px; height:63px; text-indent:-9999px; margin:20px 0 5px 0;}
.events-title-big{ background:#91278f url(../images/events_title.gif) no-repeat; width:620px; height:55px; text-indent:-9999px; margin:20px 0 5px 0;}

.issues-box{ border:1px solid #bcbec0;width:620px; margin-bottom:5px}
.issues-box-title{ border-bottom:1px solid #bcbec0; background:url(../images/titlebg.gif) repeat-x top #fff; color:#b30938; font-size:36px; line-height:36px; padding:5px}
.issues-box-title a { font-weight:normal}
.issues-box-copy{ background: url(../images/boxbg.gif)repeat-x top #fff;  padding:5px}
.issues-box-image{ float:right; margin-left:10px}
.issues-box-more{ float:right; background:url(../images/readmore_button.png); width:47px; height:37px; text-indent:-9999px; margin:5px 0 0 5px}


.hpcol1{ width:300px; float:left; margin-right:30px}
.hpcol2{ width:300px; float:left;}
.news-title{ background:#00aeef url(../images/news_title_sml.gif) no-repeat; width:300px; height:55px; text-indent:-9999px; margin:20px 0 5px 0;}
.events-title{ background:#8cc63f url(../images/events_title_sml.gif) no-repeat; width:300px; height:55px; text-indent:-9999px; margin:20px 0 5px 0;}

.half-box{ border:1px solid #bcbec0; background: url(../images/boxbg.gif) repeat-x top #fff;padding:5px}
.half-box-title{color:#b30938; font-size:19px; line-height:19px;}
.half-box-title		 a{ font-weight:normal}
.half-box-copy{ margin-bottom:10px}
.half-box-more{ float:right; background:url(../images/readmore_button.png); width:47px; height:37px; text-indent:-9999px; margin:5px 0 0 5px; cursor:pointer}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

.formelement{
	border-left:1px #d4d4d4 solid;
	border-right:1px #d4d4d4 solid;
	border-bottom:1px #f1f1f1 solid;
	border-top:1px #aaaaaa solid;
	
	background:url(../images/formbg.gif) repeat-x top #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	/*width:280px*/
}
.button{color:#fff;font-size:11px;font-weight:bold;border:solid 1px #000; background:#00a6dd;text-align:center;padding:1px 5px 2px 5px; z-index:0; text-decoration:none}
.button:hover{color:#fff; background:#00274c}

.submitbutton{ color:#fff;font-size:11px;font-weight:bold; background: url(../images/submitbg.gif);text-align:center;padding-top:0px; border:none; z-index:0; width:80px; height:21px; text-align:center}
.submitbutton:hover{color:#fff; background: url(../images/submitbg_on.gif); border:none}

.warning{font-weight:bold; color:#CC0000;}
.hidden{display:none;}

sup{ font-size:70%}
.sml{ font-size:11px}

.pics{ width:180px;overflow:hidden}
.pics img{width:180px;}

.left{ float:left}
.right{ float:right	}

.light{ color:#70b478; font-weight:bold}

.notice{ padding:10px; border:1px solid #267735; background:#e8f0d4}

hr{border-bottom:1px dotted #277536; height:1px; color:#fff; background-color:#fff;border-left:none; border-right:none; border-top:none; clear:left; margin:22px 0}

th{color:#b30938; font-weight:bold; text-align:left}

a.foot2{font-weight:normal;	color:#999;}
a.foot2:hover{text-decoration:underline;}

.cmsform{ margin:0 13px 13px 0}
.cmsform div{ margin:20px 0 0 0; border:1px solid #ccc; padding:0 5px 5px 5px; position:relative}
.cmsform div h3{ position:absolute; float:left; top:-10px; padding:0px 10px; background:#fff; font-size:12px; margin:0px; color:#000; font-weight:bold;  line-height:18px;}

.cms_buttons{ position:absolute; right:0px; top:5px; width:170px; z-index:100000}
.cms_buttons span{display:block; position:absolute;background:url(../images/shadow.png) bottom right; padding:0 10px 10px 0}
.cms_buttons a{ color:#FFFFFF; font-size:10px}

.imgleft{
	float:left;
	margin:0 10px 10px 0;
}
.imgleft img, .imgright img{
	border:0px solid #ccc;
}
.imgright{
	float:right;
	margin:0 0 10px 10px;
}