/* 

STYLE SHEET FOR NORTH AINLEY HALLIWELL WEB SITE
Created by David Prince
www.fishnet.co.uk

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. Factsheets Page
	
Notes

*/



/* --------- 1. defaults  --------- */

html, body {
	margin: 0;
	padding: 0;
	height: 101.1%;
		}

body { /* forces scrollbar */
	height: 101%;
		}
		
img, div { /* ie6 png fix */
	behavior: url(/iepngfix.htc);
	}
#departments #sidebar img {
	border: 1px solid #6020B1;
}
#sidebar img {
}

.clearall { clear: left; height: 1px; }

		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
		}
		
#masthead {
	height: 88px;
		}
		
#logo {
	height: 67px;
	float: left;
	padding-top: 0px;
		}
		
#navContainer {
	font: bold 14px  Arial, Verdana, Helvetica, sans-serif;
	color: #030303;
	width: 185px;
	float: left;
	margin-top: 10px;
		}
#interactive {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#interactive a {
  font: 13px Arial, Verdana, Helvetica, sans-serif !important;
}

#interactive a:hover {
  text-decoration: underline;
}

#buildwill {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#buildwill a {
  font: 13px Arial, Verdana, Helvetica, sans-serif !important;
}

#buildwill a:hover {
  text-decoration: underline;
}

#tagline {
	font: bold 14px/76px Arial, Verdana, Helvetica, sans-serif;
	color: #20B1A9;
	text-align: right;
	padding-right: 20px;
	height: 88px;
}

.profile-current {
  font-weight: bold;
  xfont-size: 13px;
}

#content {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 690px;
		}

.librarybox {
	background: #F2F7F7 !important;
	border-top: 5px solid #0041DF;
	border-bottom: 5px solid #0041DF;
	padding: 5px;
}

.imagefluff {
	background: #86D5D0;
	text-align: center;
	margin-top: 10px;
}

.cleggstreet {
	height: 143px;
	width: 229px;
	float: right;
	margin-top: 15px;
}

#news {
	float: left;
	width: 430px;
	margin-right: 10px;
}

#podcasts {
	width: 215px;
	float: right;
}


#footer {
	clear: left;
	border-top: 10px solid #20B1A9;
	padding: 10px;
	margin-top: 10px;
	background: url(gfx/footer.jpg) repeat-x top;
		}
		
#footerinner {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#main {
	float: left;
	width: 490px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

#main p{
	font: 13px Arial, Verdana, Helvetica, sans-serif;
}

#sidebar {
	float: right;
	width: 150px;
	/* margin-right: 15px; */
}

#sidebar p {
	display: none;	
}

#departments .headedby {
	background: #8FD8D4 url(gfx/headedby/val.jpg) no-repeat 5px 5px;
	height: 132px;
	color: #FFFFFF;
	font: 36px Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
}
.headedby p {
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
.headedby a {
	color: #FFFFFF;
	line-height: 24px;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 105px;
	height: 132px;
}






.separator {
	clear: both;
	font-size: 36px;
	color: #FFFFFF;
	background: #8FD8D4;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}
.staffers {
	background: #FFFFFF;
	border: 2px solid #20BDCF;
}

.teamlist li {
	margin: 0px 0px 5px;
	padding: 0px;
	list-style: none inside;
}

.teamtitle {
	cursor:  pointer;
	padding: 2px;
	margin: 0;
	background: url(gfx/downarrow.jpg) no-repeat right center;
	color: #20B1A9;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
.teamlist {
	margin: 0px;
	padding: 0px;
}
.teamlist p {
	margin: 0 0 5px 5px !important;
}


.profile {
	color: #333333;
	background: url(gfx/bg-profile.jpg) no-repeat right bottom;
	border: 1px solid #19AFA4;
	padding: 5px;
	margin-bottom: 10px;
}

.name h3 { padding-left: 25px; }

div.profile .name {
	color: #2763A5;
	cursor:  pointer;
	padding-left: 10px;
	background: url(/gfx/profile-side.gif) no-repeat left;
}

div.profile .name.active {
	background-image: url(/gfx/profile-down.gif);
}


.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

.alignright {float: right; margin: 5px;}

/* ---------- 3. links and navigation ---------- */

a:link, a:visited {
	color: #2071B2;
		}
		
a:hover, a:active {
	color: #289AFA;
		}		
		
#navigation a {
}

		
a:hover {
		}

#footerinner a:link, #footerinner a:visited, #footerinner a:hover, #footerinner a:active {
	color: #666666 !important;
}

#navigation {

		}

#navigation ul {
		width: 183px;
		padding: 0;
		margin: 0;
		}

#navigation li {
		list-style: none;
		font: 12px/28px Arial, Verdana, Helvetica, sans-serif;
		color: #FFFFFF;
		margin: 1px 0 0 0;
		text-indent: 10px;
		width: 183px;
		padding: 0;
		}
		
.archives h3 {
		list-style: none;
		font: 11px/28px Arial, Verdana, Helvetica, sans-serif;
		color: #FFFFFF !important;
		margin: 1px 0 0 0;
		text-indent: 10px;
		padding: 0;
		}
				
.archives ul	{
		padding: 0 !important;
		margin: 0 !important;
}

.archives ul li {
		list-style: none;
		font: 11px/28px Arial, Verdana, Helvetica, sans-serif;
		color: #FFFFFF;
		margin: 1px 0 0 0;
		xtext-indent: 10px;
		padding: 0;
		}
		
#navigation .home {	background: #20B1A9; font-weight: bold; }
#navigation .homesub a:link, #navigation .homesub a:visited { background: #87D5D1; color:#333333;}
#navigation .homesub a:hover, #navigation .homesub .homeactive { background: #87D5D1 url(gfx/nav/home-new-active.jpg) right !important; color:#333333;}


#navigation .departments { background: #6020B1; font-weight: bold; }
#navigation .departmentssub a:link, #navigation .departmentssub a:visited { background: #AF8FD8; color:#333333; }
#navigation .departmentssub a:hover, #navigation .departmentssub .departmentsactive { background: #D7C7EB url(gfx/nav/departments-new-active.jpg) right !important; color:#333333;}


#navigation .library, .archives h3 { background: #0041DF; font-weight: bold; }
#navigation .librarysub a:link, #navigation .librarysub a:visited, .archives a:link { background: #7D9ADE; color:#333333; }
#navigation .librarysub a:link, #navigation .librarysub a:visited, .archives a:link, .archives a:visited { background-color: #7D9ADE;}
#navigation .librarysub a:hover, #navigation .librarysub .libraryactive { background: #7d9adf url(gfx/nav/library-new-active.jpg) right !important; color:#333333;}


#navigation .contact { background: #B12028; font-weight: bold; }
#navigation .contactsub a:link, #navigation .contactsub a:visited { background: #c69093; color:#333333; }
#navigation .contactsub a:hover, #navigation .contactsub .contactactive { background: #c69093 url(gfx/nav/getintouch-new-active.jpg) right !important; color:#333333;}


.archives a:link, .archives a:visited { padding: 0 10px 0 0; text-align: right; margin: 0 !important;}
.archives a:hover { background: #EBC7C9 url(gfx/nav/library-active-2.jpg); color:#333333 !important; padding: 0 10px 0 0; text-align: right }


#navigation a, .archives a {
	color: #fff !important;
	text-decoration: none;
	display: block;
	margin: 0px !important;
	zoom: 1;
}

#library #content a:link, #library #content a:visited, #library #content a:hover, #library #content a:active {
	color: #0041DF;
} 
#nah #sidebar li {
	list-style: none;
}
#sidebar li {
	list-style: none;
}

.date a:link, .date a:visited, .date a:hover, .date a:active {
	color: #0041DF;
}



.ourstaff h3 {
		list-style: none;
		font: 12px Arial, Verdana, Helvetica, sans-serif;
		color: #FFFFFF !important;
		margin: 1px 0 0 0;
		text-indent: 10px;
		padding: 0;
		}
				
.ourstaff ul { padding: 0 !important; margin: 0 !important;}
.ourstaff li {
		list-style: none;
		font: 12px/28px Arial, Verdana, Helvetica, sans-serif;
		color: #FFFFFF;
		margin: 1px 0 0 0;
		text-indent: 10px;
		padding: 0;
		}

.ourstaff h3 { background: #20B1A9; }
.ourstaff a:link { background-color: #85D4CF; }
.ourstaff a:link, .ourstaff a:visited { background-color: #85D4CF;}
.ourstaff a:link, .ourstaff a:visited { padding: 0 10px 0 0; text-align: right}
.ourstaff a:hover { background: #85D4CF url(/gfx/nav/home-active-2.jpg); color:#333333 !important; padding: 0 10px 0 0; text-align: right }

.ourstaff a {
	color: #fff !important;
	text-decoration: none;
	display: block;
	margin: 0px !important;
	zoom: 1;
		}
		
.ourstaffers {
	xbackground: #85D4CF;
	
}

.ourstaffers h3 { 
	color: #20B1A9 !important;
	font-size: 10px Arial, Verdana, Helvetica, sans-serif !important;
	xbackground: #20B1A9; 
	padding: 5px;
	}
	
li.ourstaffershead { 
	color: #fff !important;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif !important;
	padding: 5px;
	background: #86D5D0;
	border: 0 !important;
	}

.ourstaffers a {
	color: #20B1A9 !important;
	text-decoration: none;
	margin: 0;
	padding: 0;
		}
		
.ourstaffers a:hover {
	color: #20B1A9 !important;
	text-decoration: underline;
	margin: 0;
	padding: 0;
		}

.ourstaffers ul {
	margin: 0;
	padding: 0px;
	padding-left: 7px;
		}	

.ourstaffers li {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #20B1A9;
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
		}		
		
#interactive a {
	color: #fff !important;
	background-color: #20B1A9;
	padding: 5px;
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}		

#buildwill a {
	color: #fff !important;
	background-color: #6020B1;
	padding: 5px;
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}		


#navigation .departments, #navigation .library, #navigation .contact {
	margin-top: 5px !important;
	}
		
.departmentsactive {
	background: url(/gfx/nav/bg-active-departments.gif) no-repeat right center;
	}
	
.libraryactive {
	background: url(/gfx/nav/bg-active-library.gif) no-repeat right center;
	}
	
.contactactive {
	background: url(/gfx/nav/bg-active-contact.gif) no-repeat right center;
	}
	
.homeactive {
	background: url(/gfx/nav/bg-active-home.gif) no-repeat right center;
	}			

}
/* ---------- 4. fonts ---------- */

/* ---------- 4.1 common -------- */
html {
		font-size: 100%;
		}

body { 
		background:#FFFFFF url(gfx/bg-page.jpg) top repeat-x;
		}
		
h1 {
	font: bold 18pt Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
		}		
		
h2 {
	font: normal 16pt Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
		}		

h3 {
	font: normal 14pt Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;		}
		
h4 {
	font: normal 14pt Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;		
		}

p,li,address {
	font: normal 10pt/13pt Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 14px;
	margin-top: 7px;
		}

ul {
		}
		
		
h1, h2, h3, h4, p, ul {
		}

#footerinner {
	font: 9px Arial, Verdana, Helvetica, sans-serif;
}
.name:hover {
	cursor: pointer;
}


/* ---------- 4.1 home only ---- */


#nah h1, #nah h2, #nah h3, #nah h4 { color: #20B1A9; }

.librarybox .date {
	color: #B12028;
	margin: 14px 0px 0px;
	padding: 0px;
}

.librarybox .extract {
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.librarybox .readmore {
	color: #333333;
	margin: 14px 0px 0px;
	padding: 0px;
}

.librarybox .blurb {
	color: #0041DF;
	margin: 14px 0px 0px;
	padding: 0px;
	font-size:13px;
}

.librarybox h3 {
	text-align: center;
	font: normal 18px Arial, Verdana, Helvetica, sans-serif;
	color: #0041DF !important;
}

/* ---------- 4.2 departments only ---- */

#departments h1, #departments h2, #departments h3, #departments h4 { color: #6020B1; }



/* ---------- 4.3 library only ---- */

#library h1, #library h2, #library h3, #library h4 { color: #0041DF; }



/* ---------- 4.2 getintouch only ---- */

#getintouch h1, #getintouch h2, #getintouch h3, #getintouch h4 { color: #B12028; }



/* ------------ footer ----------------- */

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #333333;
} 



/* ------------ other ------------- */

.fluff {
	border: thin solid #19AFA4;
}



blockquote {
		}

/* ---------- 5. images ---------- */

a img {	border: 0;	}
		
.imagefluff img { padding: 5px; }		

/* ---------- 6. tables ---------- */

table {
		}
		
caption {
font-weight: bold !important;
background-color: #0041DF;
color:#FFFFFF;
		}
		
tr {
		}

th, td, caption {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
		}
		
th {
background-color: #7D9ADE;
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
#contact {
	margin-top: 15px;
	clear:left;
}

#contact fieldset {
	border: 0;
}

#contact form input, #contact form textarea {
	display: block;
	float: right;
	width: 480px;
	margin: 0 0 15px;
	padding: 2px;
	color: #000;
	text-transform: none;
	border: solid 1px  #333;
}

#contact form textarea {
	overflow:auto;
}

#contact form label {
	width: 160px;
	float: left;
	color: #b12028;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding: 5px;
}

#contact form legend {
	color: #E56709;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#sub {
	clear:left;
	text-align:center;
}

#sub input {
	float: right !important;
	width: 200px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	padding: 5px !important;
	color: #b12028 !important;
	text-transform: none !important;
	border: 1px solid #E4F0D6;
	clear:left;
}

.formitem {
	clear: right;
}

/* ---------- 8. faq ---------- */	
div.faq .question {
	color: #b12028;
	cursor:  pointer;
	margin-bottom: 0px;
	margin: 0;
}
.faq .answer {
	margin: 0px;
}


/* ---------- 9. PodPress ---------- */	
.podPress_content { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; }



/* ---------- 10. Profile ---------- */	

#profilepic {
	height: 217px;
	width: 535px;
	padding: 5px 0px 0px;
	margin: 0px 0px 10px;
	zoom: 1;
	float: left;
	background: right;
}

#profilepic h1 {
	font: bold 25px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 0 10px;
	color: #26847f !important;
}

#profilepic h2 {
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 0 10px;
	color: #26847f !important;	
}

#profiletext {
	/*width: 430px;
	margin: 5px;
	padding: 5px;
	 background: url(/gfx/50pctrans.png); 
	border: 1px none #FFFFFF;*/
}

#profiletextot {
	width: 430px;
	margin: 5px;
	padding: 5px;
	background: url(/gfx/90pctrans.png);
	border: 1px none #FFFFFF;
}


#profilepic p {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	display: none;
}

.ourteam {
	background: url(/gfx/profile/ourteam.jpg) no-repeat !important;
}

.jainley {
	background: url(/gfx/profile/jAinley.jpg) no-repeat !important;
}

.zashton {
	background: url(/gfx/profile/zAshton.jpg) no-repeat !important;
}

.skelly{
	background: url(/gfx/profile/sKelly.jpg) no-repeat !important;
}

.lHarwood{
	background: url(/gfx/profile/lHarwood.jpg) no-repeat !important;
}


.afletcher {
	background: url(/gfx/profile/aFletcher.jpg) no-repeat !important;
}

.amcdermott {
	background: url(/gfx/profile/aMcDermott.jpg) no-repeat !important;
}

.bjones {
	background: url(/gfx/profile/bJones.jpg) no-repeat !important;
}

.glamb {
	background: url(/gfx/profile/gLamb.jpg) no-repeat !important;
}

.jfreeman {
	background: url(/gfx/profile/jFreeman.jpg) no-repeat !important;
}

.jhepplestone {
	background: url(gfx/profile/jHepplestone.jpg) no-repeat !important;
}

.jbirchall {
	background: url(/gfx/profile/jBirchall.jpg) no-repeat !important;
}

.mhluschyk {
	background: url(/gfx/profile/mHluschyk.jpg) no-repeat !important;
}

.rhicks {
	background: url(/gfx/profile/rHicks.jpg) no-repeat !important;
}

.sbaguley {
	background: url(/gfx/profile/sBaguley.jpg) no-repeat !important;
}

.tfielding {
	background: url(/gfx/profile/tFielding.jpg) no-repeat !important;
}

.vstocker {
	background: url(/gfx/profile/vStocker.jpg) no-repeat !important;
}

.vcrook {
	background: url(/gfx/profile/vCrook.jpg) no-repeat !important;
}

.vmistry {
	background: url(/gfx/profile/vMistry.jpg) no-repeat !important;
}

.vinota {
	background: url(/gfx/profile/vinota.jpg) no-repeat !important;
}

.slamb {
	background: url(/gfx/profile/sLamb.jpg) no-repeat !important;
}

.sfinnigan {
	background: url(/gfx/profile/sFinnigan.jpg) no-repeat !important;
}

#profilepic p.hohumm {
	margin: 0px;
	display: none;
	width: 400px;
	font: bold 11px/16px Arial, Verdana, Helvetica, sans-serif;
}

.address {
	text-align: right;
	float:right;
	width: 50%;
	width:382px !important;
	}


/* ----- Will form prog bar ----- */

.bar-active 	{
	background-color:#20b1a9;
	width:50px;
			}
			
.bar-inactive {
	background-color:#87d5d1;
	width:50px; 
}

.copyright {
	text-align: right;
	float:right;

	}
	
	
#accreditations {
	width:920px !important;
	float:left;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	margin-left:25px;
	}
	
.accreditations {
	float:left;
	width:120px;
	margin-left:5px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;}
	
.specialist {
	float:left;
	width:82px;
	margin-left:5px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	}
	
.lawyer {
	float:left;
	width:110px;
	margin-left:5px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	}
	

.community {
	float:left;
	width:60px;
	margin-left:5px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	}
	
.family {
	float:left;
	width:90px;
	margin-left:5px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	}
	
	
/* ---------- 11. Jquery ---------- */	
	/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:80px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:120px;
		z-index:1000;
		}	
													
	#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a{  
		display:none;	
		}	

	/* // Easy Slider */

color:#000;
padding:2px 10px 2px 10px;
background-color:#af8fd8;
border:#6020b1 solid 1px;
font-size: 13px;
cursor:pointer;

}


/* Hover button stage 2 will form */


#hover  li div {
	position: absolute;
	left: -999em;
}

#hover li:hover div {
	left: auto;


	margin-top:-50px;
	margin-left:31px;
	_margin-left:-230px;
	_margin-top:-25px;
	border: 1px solid #1e1b48;


}


#hover  ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px; 
}


.popupbox dl{ padding:0; margin:0; margin-left:-40px;  }
.popupbox dd{ padding:2px; width:200px; text-align:left; background:#af8fd8; }

select { z-index:-10; }


/* --------- 8. Factsheets Page  --------- */

.factsheet { 
	display: block;
	background: #fafafa; 
	border: #ccc 1px solid;
	padding: 5px;
	margin-bottom: 15px;	}
	
	
.factsheet .description { 
	}

.fs-category { margin-top: 15px; }
.fs-category h2 { margin-bottom: 10px; }

.clickable, .clickable h1, .clickable h2, .clickable h3, .clickable h4, .clickable h5, .clickable h6, .clickable p .clickable img, .clickable a {
	cursor: pointer !important;
}

p.dl { margin-bottom: 0; float: left; display: block; width: 80px; }
p.fr { float: right; display: blcok; width: 385px; }