@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px;}
* {font-family:Arial, Helvetica, sans-serif;}
a img {border:none;}
body {background-color:#003f2d; color:#FFFFFF;}

/* center the page & cont area BG colour & top of the page gap*/
	#middle {margin:0px auto; width:960px;} 
	.bg {background-color:#647a78; float:left; margin-bottom:0px; } /*maybe try corporate grey*/

/*Header of the page - logo, strap line & nav*/

	#head {padding:20px 41px 0px 41px; float:left;  width:878px; border-bottom:#FFFFFF 3px solid;}
	#logo {width:100%; height:70px; position:relative; margin-bottom:35px;}
	#logo img {float:left;}
	#logo p {  font-size:28px; position:absolute; bottom:0px; right:15px; font-weight:normal;}
		#logo p {*right:10px;}
	
	/* Navigation*/
		#nav {margin-bottom:6px; z-index:999;    }
 		#nav li {display:inline;}
		#nav a {color:#FFFFFF; text-decoration:none; padding:7px 12px 6px 12px; background-color:#003f2d; font-size:15px; border:#b0b2b1 solid 1px;   margin:0 1px 0 1px;  letter-spacing:1px; *border-bottom:none;}
  		#nav a.selected {background-color:#FFFFFF; color:#000; }
		#nav a:hover { text-decoration:underline;}
		 #nav a.selected { border-bottom:none;} /* makes the nav line up by adding 12px (6 each side) to the selected nav option - make sure there is always one selected! */
	 
	 /*insert the drop down code here! source: http://css-tricks.com/simple-jquery-dropdowns/ */
	 
					 /* 
					LEVEL ONE
					*/
					ul.dropdown                         { position: relative; z-index:2000 !important ;  }
					ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
					ul.dropdown li.hover,
					ul.dropdown li:hover                { position: relative;  }
					
					
					/* 
					LEVEL TWO
					*/
					ul.dropdown ul 						{ width: 170px; visibility: hidden; position: absolute; top: 21px; left: 0; z-index:1000!important;  }
 					ul.dropdown ul li 					{  float: none;  z-index:2000 !important ;}
					
					#nav li ul a   {  opacity:0.9; }
													  
													/* IE 6 & 7 Needs Inline Block */
					ul.dropdown ul li a					{  width: 100%; display: inline-block;   } 
					
					/* 
					LEVEL THREE
					*/
					ul.dropdown ul ul 					{ left:195px; top: -7px; z-index:2000 !important ;  }
						*ul.dropdown ul ul {top:0px; }
					ul.dropdown li:hover > ul 			{ visibility: visible;   }
	 

/*The Main IMG under nav*/
.fullwidthimg {float:left; width:960px; height:auto; z-index:1!important;}

/* content class*/
.content {width:878px; float:left; margin: 5px 41px;} /* width = 960px (878 + 41 +41) */

/* Copy class*/
.copy {margin-top:5px; margin-bottom:10px; float:left; display:inline; width:100%; position:relative;}
 .copy h1 {font-size:28px; margin:5px 0px 5px 0px; font-weight:normal; }
 .copy h2 { font-size:20px; margin:0px 0px 15px; font-weight:normal;}
 .copy h3 { font-size:18px; margin:0px 0px 15px; font-weight:normal; float:left;  }
 .copy h4{font-weight:normal; float:left; font-size:18px; width:100%;}
.copy p {font-size:16px; margin:0px 0px 25px; 0px; float:left; }
.copy p {width:670px;}
.copy p.thin {width:520px;}
 .copy p.long {width:auto;}
 .copy a {color:#fff;} /*Colour of the links in the main copy area*/
 .copyhalf {width:435px;}
.copyimg {float:right; width:320px;}
.copyTC .indent {margin-left:30px;}

.copyTC table {float:left;}
.greyBG {background-color:#a7a9ac;}
div.news p {padding:0px; margin:0px; width:800px; font-size:16px;}


.copyTC ol, .copyTC ul {width:670px; float:left; margin-right:200px;}
.copyTC  li {margin-top:10px;}

.loginBox {position:absolute; top:40px; right:0px;}
  .login legend {margin-left:18px;}
.login input, .login label {padding:2px; margin:4px; margin-left:18px;}
.login.button {margin-top:10px;}

/* class for content and copy areas that dont have an img */
.noimg {margin-top:0px;}


/*###investment committee page  ###*/
.boxLong {width:128px; float:left; padding:4px; background-color:#a7a9ac; /*679082*/ position:relative; min-height:460px; margin-right:10px;}
.greenBG {background-color:#003f2d;}
.boxLong img {width:128px;}
.boxLong a {text-decoration:none; border:none;}
.boxLong h3, .boxLong p {padding:6px 0px 6px 0px; margin:0px; width:128px; font-size:16px; clear:both;}
.boxLong p {font-size:10px; padding-top:0px; padding-bottom:8px;}
.boxLong ul {margin-left:15px; font-size:10px; padding-top:25px;}
.boxLong li {margin-top:6px; clear:both;}
.boxLong p.large {min-height:50px;}
.boxLong p.contactInfo { position:absolute; bottom:10px; }
/*###END  committee page  ###*/

p.large {font-size:12px;}
.green, a.green {color:#003f2d;}


/*###  individual personnel pages  ###*/
#personnel, #Aspace { background-color:#003f2d; float:left; width:860px; *min-height:600px;}
#personnel img, #Aspace img {width:250px; float:left; padding:10px; margin-bottom:200px;}
#personel a, #personnel h3 a, #Aspace a ,#Aspace h3 a {color:#FFF; border:none;}

#personnel p , #Aspace p{ float:left; width:570px; padding:10px 0px;}
#personnel h1, #Aspace h1 {margin: 10px; 0px;}
#personnel h2, #Aspace h2 {margin-bottom:10px;}
#personnel h3, #Aspace h3 {margin-bottom:5px;}


 .AspaceLeft {width:300px; min-height:700px; float:left; padding-left:10px; padding-bottom:20px;}
#Aspace .AspaceLeft img {margin-bottom:0px; padding-left:0px;}
.AspaceRight {width:500px; min-height:700px; float:left;  }
#Aspace .AspaceRight p {width:500px;}
#Aspace .AspaceRight h1, #Aspace .AspaceRight h2 {padding-left:0px; margin-left:0px;}
.AspaceRight ul {padding-left:15px;}
.AspaceRight li {padding-top:8px;}
#Aspace .AspaceRight h1 {font-size:24px;}
 


/*### box sqaure - avaliable space and track record pages###*/
.boxsq {width:200px; padding:6px; background-color:#003f2d; margin-right:10px; margin-bottom:20px; float:left; min-height:195px;}
	.noright {margin-right:0px;}
	.boxsq img {width:200px; height:200px;}
	.boxsq a {text-decoration:none; border:none;}
	.boxsq h2 {font-size:14px; font-weight:normal; margin-bottom:4px;}
	.boxsq h2.small {  }

.tree {font-size:80%;}
.tree a:link {text-decoration:none;}
/*###boxwide - properties on a list grey bg and could link to another page if needed ###*/

.boxwide {width:878px; background-color:#a7a9ac; float:left; margin-bottom:15px;}
.boxwide img {float:left; width:200px; height:200px;   padding:10px;}
.boxwide h3 {margin:0px; margin:10px 0px;}
.boxwide p {width:650px;}
.boxwide ul, ul.copy {float:left; margin-left:20px; width:600px;}
.boxwide h3 {font-weight:bold;}

/*Footer*/
#footer { font-size:12px; width:878px; float:left; padding: 10px 41px; border-top:#a7a9ac 4px solid;}
#footer ul {display:inline; float:left; list-style:none;}
#footer li {padding-top:7px;}
#footer a {color:#FFFFFF; text-decoration:none;}
	.f1, .f2, .f3, .f4 {border-right:#a7a9ac solid 1px; float:left; height:100px; padding:0px 56px;}
		.f1 {padding-left:0px;}
		#footer img.willow { padding-top:12px;}
		.f4 img {margin-top:15px;}
	
	.f5 {float:right;height:100px;  }
	.f5 img { padding-top:6px; padding-right:10px;}
  	
	/*FREP*/
	#right_frep
	{width:660px; float:left; margin-left:20px; margin-top:10px;}
	.removePwidth p {width:330px;}
	#left_frep{width: 197px;float: left;margin: 0;color: #fff;	}
	#left_frep p	{margin-left: 5px;}
	#left_frep ul{	list-style: none;	margin: 0px;	padding: 0px;	}
	#left_frep li	{background-color: #d60b2c;	margin-top: 1px;	padding: 5px;	width: 187px;	}
	#left_frep li:hover{background-color: #193c2c;}
	#left_frep a {color: #fff;	text-decoration: none;	}
	#frep2nav li{background-color: #001332;margin-top: 1px;padding: 5px;}
	#frep2nav li:hover{background-color: #193c2c;}
	#right_frep strong {color:#003f2d;}
	#right_frep td {padding:4px;}
 
 
 
 /*### ul.sitemap ###*/
 
 ul.sitemap li {margin-left:40px; list-style:none;}
 
 .spacer {height:4px;}
.peopleTable td {padding-bottom:7px;}