/* @override 
	http://arc.ehclients.com/css/basic.css
	http://www.arc-addingtonfund.org.uk/css/basic.css
*/

/*----------------- 

Layout styles for ARC-ADDINGTON 

TwinFish Design 2009
====================

Organised by page where possible

-------------------*/



/* =Style normalisations
======================*/

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

fieldset, img {
	border: 0;
	margin: 0;
	padding: 0 ;
}

/* =General
=========================================*/

body {
	background: #d0cece;
}

a {
	color: #004b26;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 10px;
	color: #404040;
	font: 9pt/15pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

#wrap {
	position: relative;
	width: 859px;
	margin-left: auto;
	margin-right: auto;
	background: url(/assetts/background.png) repeat-y;
}

h1#branding {
	position: absolute;
	text-indent: -9999px;
	width: 400px;
	left: 29px;
	height: 89px;
	background: url(/assetts/logo.png) no-repeat;
}

h2.telephone {
	position: absolute;
	top: 25px;
	right: 29px;	
	color: #004b26;
	font: 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#upper-content {
	position: relative;
	float: left;
	width: 800px;
    height: 292px;
	margin-top: 160px;
	margin-left: 29px;
	display: inline;
	border-bottom: 1px solid #004b26;
	padding-bottom: 5px;
}

#main-content {
	float: left;	
}

#footer {
	clear: both;
	width: 859px;
	height: 62px;
	position: relative;
	padding-top: 20px;
	background: url(/assetts/footer.png) no-repeat 0 bottom;
}

#footer ul#footer-nav {
	margin-left: 29px;
	padding-top: 8px;
	width: 800px;
	border-top: 1px solid #004b26;
}

#legal li {
	position: absolute;
	left: 29px;
	top:50px;
}

#credits li  {
	position: absolute;
	right: 29px;
	top:50px;
}

#credits li a{
	color: #8b8f8a;
}

#footer ul li {
	float: left;
	font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-right: 10px;
}

p.tlink {
	color: #004b26;
}


/* =top navigation */

ul#top-nav {
	position: absolute;
	right: 29px;
	top: 5px;
}

ul#top-nav li {
	display: inline;	
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

/* =search area */

#searchbox {
    width: 284px;
    height: 32px;
    background: url(/assetts/searchbox.png);
}

#searchbox #keywords {
    float: left;
    padding: 0;
    margin: 6px 0 0 34px;
    border: 0;
    width: 186px;
	height: 20px;
	background-image: none;
	display: inline;
}

#searchbox #go {
	float: right;
	margin: 0;
}

#search fieldset {
	position: absolute;
	right: 29px;
	top:  48px;
}

#search fieldset legend {
	display: none;
}

input#search {
	height: 20px;
	margin-right: 5px;
}

/* =Home page
=========================================*/

.upper-title {
	position: absolute;
	top: 0px;
	left: 602px;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #b3ca48 url(/assetts/upper-title-top.png) no-repeat right top;
}

.upper-title h2 {
	background: url(/assetts/upper-title-bottom.png) no-repeat right bottom;
	padding: 7px;
	width: 184px;
}

#upper-text {
	position: absolute;
	width: 174px;
	top: 70px;
	right: 10px;
}

#main-content div.col1 {
	float: left;
	margin-left: 29px;
	display: block;
	width: 200px;
}

#main-content div.col2,
#main-content div.col3,
#main-content div.col4 {
	float: left;
	margin-left: 1px;
	width: 200px;
}

#main-content div.col1 p,
#main-content div.col2 p,
#main-content div.col3 p,
#main-content div.col4 p {
	padding-left: 15px;
	padding-right: 15px;
}

#main-content div.col1 img,
#main-content div.col2 img,
#main-content div.col3 img {
	display: block;
}

#main-content div.col1 h3 {
	float: left;
	width: 200px;
	height: 42px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(/assetts/dynh-btn.png) no-repeat;
}

#main-content div.col2 h3 {
	float: left;
	width: 200px;
	height: 42px;
	margin-bottom: 15px;
	width: 200px;
	height: 42px;
	text-indent: -9999px;
	background: url(/assetts/hych-btn.png) no-repeat;
}

#main-content div.col3 h3 {
	float: left;
	width: 200px;
	height: 42px;
	margin-bottom: 15px;
	width: 200px;
	height: 42px;
	text-indent: -9999px;
	background: url(/assetts/ss-btn.png) no-repeat;
}

#main-content div.news {
	float: left;
	width: 180px;
	display: block;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 20px;
}

#main-content div.news h3 {
	color: #004b26;
	font: bold 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#main-content div.news h4 {
	color: #004b26;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

#main-content div.news p.date {
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 2px;
}

#main-content div.news p.tlink {
	margin-top: 0;
	margin-bottom: 20px;
}

#main-content div.news p {
	margin-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#main-content div.news h4 {
	padding-left: 10px;
	padding-right: 10px;

}


/* About page
======================================*/

#main-content-right {
	width: 602px;
	float: right;
	margin-right: 29px;
	margin-top: 10px;
}

div.main-content-right-repeater,
div.repeater  {
	margin-bottom: 10px;
	border-bottom: 1px solid #004b26;
	padding-bottom: 10px;
	clear: both;
	float: left;
	width: 602px;
}

#topimage img {
	float: right;
}

.upper-title-left {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #b3ca48 url(/assetts/upper-title-top.png) no-repeat left top;
}


#main-content-right div.main-content-right-repeater div.boxout {
	float: left;
	width: 285px;
	margin-right: 10px;
}

#main-content-right div.main-content-right-repeater div.boxout p {
	padding: 7px;
	background-color: #004b26;
	color: #fff;

}

.upper-title-left h2 {
	background: url(/assetts/upper-title-bottom.png) no-repeat left bottom;
	padding: 7px;
	width: 184px;
}

#upper-menu ul {
	position: absolute;
	top: 75px;
}

#upper-menu li a {
	display: block;
	width: 198px;
	height: 25px;
	color: #fff;
	background-color: #b3b2b2;
	margin-bottom: 1px;
	text-decoration: none;
}

#upper-menu li a:hover {
	background-color: #b3ca48;
}

#upper-menu li {
	font: 12px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
	text-indent: 7px;
}

#upper-menu h2 {
	position: absolute;
	top: 52px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #004b26;
}

#main-content-right div.main-content-right-repeater h2,
#main-content-right h2  {
	font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #004b26;
	margin-bottom: 10px;
}

#wrap div.main-content-left ol {
	padding: 0;
	margin: 0 0 0 9px;
}

#wrap div.main-content-left ol li {
	font: 12px/145% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 8px;
}

#slideshow2  {
	float: right;
	width: 602px;
}

/* Personnel Pages
========================================*/

#main-content-right div.repeater img {
	float: left;
	margin-right: 10px;
}

#wrap div.main-content-left div.trustees ol  {
	margin-left: 0px;
	margin-bottom: 10px;
}

#wrap div.main-content-left div.trustees ol li {
	margin-top:0px;
	font-size: 11px;
	line-height: 18px;
}

/* FAQ's
===========================================*/

div.main-content-left {
	float: left;
	margin-left: 29px;
	margin-top: 10px;
	width: 168px;
	padding-right: 10px;
}

#wrap div.main-content-left h3 {
	color: #004b26;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

#main-content-right div.main-content-right-repeater div.faqs h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0;
}

#main-content-right div.main-content-right-repeater div.faqs ol.question
  {
	margin-top: 5px;
	padding: 0;
	margin-bottom: 5px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#main-content-right div.main-content-right-repeater div.faqs ol.answer  {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 5px;
	
}

#main-content-right div.repeater h3 {
	color: #004b26;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}

#wrap div.main-content-left ul li {
	list-style-type: none;
	margin-bottom: 7px;

}

#wrap div.main-content-left ul li a {
	color: #004b26;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

#wrap div.main-content-left ul li a:hover {
	color: #b3ca48;
}

/* Search Results page
======================*/

#search-results {
	position: relative;
	float: left;
	width: 800px;
    margin-top: 160px;
	margin-left: 29px;
	display: inline;
	padding-bottom: 5px;
}

#search-results h2 {
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #004b26;
}

/* Online Store */

#main-content-right div.main-content-right-repeater h3 {
	color: #004b26;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;

}

div.shopimage {
	float: right;
}

#wrap div.main-content-left img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#main-content-right div.main-content-right-repeater p.cart a {
	display: block;
	background: url(../../../assetts/cart.png) no-repeat left;
	height: 40px;
	padding-left: 50px;
	line-height: 35px;
}

/* Contact us page
======================== */

#freeform p label {
	display: block;
	font-weight: bold;
}

#freeform p input {
	width: 370px;
	height: 25px;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #fcffdd;
}

#freeform p input#short {
	width: 120px;
}

#freeform p textarea {
	width: 370px;
	height: 125px;
	background-color: #fcffdd;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;

}

#freeform input#submit {
	width: 100px;
	background-color: #f2f2f2;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;

}

/* Site map page */

#site-map h3 {
	margin-top: 20px;
}

#site-map ul {
	margin-left: 20px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}