/*---------------------------+
 | Site:  Tony Stacey 			 |
 +---------------------------*/

@import url("reset.css");
@import url("navigation.css");





 /* Core layout 
======================================================================*/
body {background:#d7d7d7 url(../images/core/bg.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px; padding:4px;}

#container {width:990px; margin:0 auto; background-color:#FFF;}
#banner {width:990px; background:#00447a url(../images/core/banner.jpg) no-repeat;}
#content-container {width:990px; background:#00447a url(../images/core/main-bg.gif) repeat-y;}
#content-left {width:670px; float:left; background:#fff; padding:0 30px 20px 70px;}
#content-right {width:150px; float:left; padding:20px; background:#00447a url(../images/core/right-top.gif) top no-repeat;}
#footer {width:885px; background-color:#9eb000; height:25px; padding:25px 35px 25px 70px;}


 /* Features 
----------------------------------------------------------------------*/
.feature-container {margin:0 0 5px 0;}
.feature-white {width:150px; background:#fff url(../images/core/right-white-top.gif) top no-repeat; padding:15px 15px 0 15px; text-align:center;}
.feature-white img {margin:0 0 10px 0;}
.feature-grey {width:150px; padding:10px 15px 0 15px; background-color:#f5f5f5; height:130px}
.feature-link {width:150px; height:18px; padding:4px 15px 0 15px; background:#9eb000 url(../images/core/right-green-bottom.gif) bottom no-repeat;}
.feature-more {width:150px; height:18px; padding:7px 15px 0 15px; background:url(../images/core/link-bgcolor.gif);}



 /* Contact Layout 
----------------------------------------------------------------------*/
#content-left-contact {width:670px; float:left; padding:0 30px 0 70px;}
#content-right {width:180px; float:left; padding:20px; background:#00447a url(../images/core/right-top.gif) top no-repeat;}


 /* Staff Profile Layout 
----------------------------------------------------------------------*/
#profile-image {width:150px; float:left;}
#profile-info {width:520px; float:right;}


 /* Recent Projects Layout 
----------------------------------------------------------------------*/
.project-listing {
	width:210px; 
	float:left; 
	margin:10px 0 20px 10px; 
	height:405px; 
	background:#9eb000 url(../images/core/projects-bottom-bg.gif) bottom no-repeat;
	}
.project-info {width:190px; height:165px; overflow:hidden; float:left; padding:10px; margin:0 0 5px 0; background:#f1f1f1;}
.project-images {background:#fff; margin:0 0 0 0; padding:0; width:210px; text-align:center; height:195px}
.project-images img {border:5px solid #80a2bd; margin:0 0 25px 0;}
.project-logo {width:190px; height:50px; padding:0 0 10px 0; overflow:hidden; margin:0 auto; text-align:center;}

.noborder {border:none !important;}

.detail-container {width:670px;}
.detail-info {width:420px; float:left;}
.detail-rightcolumn {width:230px; float:right;}

.detail-logo {width:220px; height:75px; overflow:hidden; margin:0 auto; text-align:center; padding:0 0 0 10px;}
.lead-image {width:210px; background:#80a2bd; padding:10px 10px 0 10px;}
.lead-image img {margin:0 0 10px 0;}
.lead-image p {color:#00447a;}
.small-image {width:230px; padding:10px 0 20px 0px;}
.small-image img {margin-bottom:10px; border:5px solid #80a2bd;}
.img-margin {margin:0 5px 10px 0;}


 /* Privacy and Conditions Layout 
----------------------------------------------------------------------*/
#popup {background:#fff; margin:15px; padding:15px;}





 /* Page Titles 
======================================================================*/
.home h1 {text-indent:-99999px; background:url(../images/titles/title-home.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}
.about h1 {text-indent:-99999px; background:url(../images/titles/title-about.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}
.projects h1 {text-indent:-99999px; background:url(../images/titles/title-projects.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}
.fundraising h1 {text-indent:-99999px; background:url(../images/titles/title-fundraising.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}
.services h1 {text-indent:-99999px; background:url(../images/titles/title-services.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}
.contact h1 {text-indent:-99999px; background:url(../images/titles/title-contact.jpg) no-repeat; padding:0 0 20px 0; width:670px; height:67px;}

.privacy h1 {text-indent:-99999px; background:url(../images/titles/title-privacy.jpg) no-repeat; padding:0 0 20px 0; width:411px; height:57px;}
.quickcontact h1 {text-indent:-99999px; background:url(../images/titles/title-quickcontact.jpg) no-repeat; padding:0 0 20px 0; width:411px; height:57px;}





 /* Font layout 
======================================================================*/
#content-left h2 {
	color:#00447a; 
	font-size:13px; 
	font-weight:bold; 
	background:#eff6fa url(../images/titles/h2-bg.gif) no-repeat; 
	width:620px; 
	height:auto;
	padding:6px 25px 0 25px;
	margin:15px 0 10px 0;
	line-height: 1.5;
	}
#content-left h3 {color:#9eb000; font-size:16px; padding:0 0 15px 0;}
#content-left h4 {color:#00447a; font-size:14px; padding:0 0 15px 0;}
#content-left h5 {color:#333; font-size:12px; padding:0 0 15px 0;}
#content-left p {line-height:18px; padding:0 0 15px 0; font-size:11px; text-align:justify;}

#content-right p {color:#FFF; text-align:center; padding:0 0 15px 0; line-height:16px;}

.feature-container h2 {color:#000 !important; padding:0 0 10px 0; text-align:left; font-weight:bold; width:auto!important;}
.feature-container h3 {color:#00447a; font-size:10px; width:190px; background:none; padding:0 0 10px 0; width:auto!important;}
.feature-container p {color:#000 !important; text-align:left; font-size:10px;  text-align:left !important; line-height:14px;}

#content-left ul {list-style-image:url(../images/list-square.gif); margin:0 0 15px 40px; padding:0 0 15px 10px;}
#content-left li {padding:0 0 5px 10px; line-height:17px;}

#footer p {line-height:17px;}

em {font-style:italic; color:#666;}

.downloads {text-indent:-9999px; background:url(../images/titles/downloads.jpg) no-repeat; width:112px; height:17px;}

ul#download-list {margin:0 0 0 15px;}
ul#download-list li {list-style-image:url(../images/icon-pdf.gif); padding:0 0 15px 10px; line-height:18px;}

#popup h2 {
	color:#00447a; 
	font-size:13px; 
	font-weight:bold; 
	background:#eff6fa url(../images/titles/h2-bg.gif) no-repeat; 
	width:auto; 
	height:18px;
	padding:6px 25px 0 25px;
	margin:15px 0 10px 0;
	}
#popup p {line-height:18px; padding:0 0 15px 0; font-size:11px; text-align:justify;}





 /* Extras
======================================================================*/
.img-left {float:left;}
.img-right {float:right;}
.white {color:#fff;}
.large-font {font-size:14px; font-weight:bold;}

hr {
	padding:0; 
	margin:0 0 18px 0; 
	border-bottom:1px solid #d8df99; 
	border-top:1px solid #fff; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:1px; 
	outline:none; }
	
.employee-phone {color:#00447a;}
.address {float:left; width:223px;}

.back {text-align:right;}

.green {color:




/* Clearfix
======================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* Form Style
======================================================================*/
.form-address {height:20px;}
.form-postcode {width:50px;}

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #d5dde2;
	background: #eff6fa;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #004276;
}

form.form textarea { }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #FFF;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;