/*  
Theme Name: Cookehouse Theme
Theme URI: http://www.thecookehouse.net
Description: © Cookehouse Solutions Ltd
Version: 1.0
Author: Cookehouse Solutions Ltd
Author URI: http://www.thecookehouse.net

YELLOW = #E5B007     //   CMYK = C:11 M:31 Y:100 K:0   //   RGB = R:229 G:176 B:7   //    NEAREST PANTONE REF = 7409C
GREEN = #00784a    //   CMYK = C:89 M:29 Y:87 K:16   //   RGB = R:0 G:120 B:74   //    NEAREST PANTONE REF = 7733C
GREEN (LIGHTER) = #9CAE91

#### NEW COLOURS ####
Primary Dark Green: #005d22
Primary Light Green: #39b54a

Building Yellow: #ffd400
*/

ul.products {
	list-style-type: none;
}
li.products {
	background-color: #0FF;
	float: left;
	width: 200px;
	border: thin solid #CCC;
	list-style-type: none;
	display:inline-block;
}
body {
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	line-height: 18px;
}
.entry {
	margin-bottom:40px;
}
h1 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #005d22;
	font-size: 24px;
	font-weight: normal;
	margin: 3px 0px 25px 0px;
}
h2 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #005d22;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
h3 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color: #005d22;
	margin-top: 14px;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: normal;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
a          {
	text-decoration: none;
	color: #005d22;
}
a:visited  {
	text-decoration: none;
	color: #005d22;
}
a:hover    {
	color: #999;
}
SELECT{
	background-color: #EFEFEF;
	color: #000;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	background-image: url(images/down_arrow_select.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #9CAE91;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
OPTION { background:#FFF; color:#000;}
img {
	border:none;
}
img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright
{
	padding: 4px;
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 12px;
}

img.alignleft
{
	padding: 4px;
	display: inline;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 0;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}

.logo {
	margin-right:auto;
	margin-left:20px;
	width: 230px;
	float:left;
	display:inline
}
.logo img{
	margin-top:16px;
	margin-left:auto;
	margin-right: auto;
	width: 230px;
	height:76px;
}
.tagline {
	float: right;
	max-width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 50px;
	font-size: 22px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
	line-height: normal;
}
.topbarwrap {
	width: 100%;
	height: 34px;
	background-color: #ffd400;
}
.topbar {
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
}
.socialbox {
	float:right;
	margin-right:20px;
	margin-top:6px;
}
.socialbox img {
	display:inline;
	margin-left:6px;
}
.socialbox .facebook {
	background-image: url(images/Facebook-px.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 24px;
}
.socialbox .twitter {}
hr{
	background-color: #005d22;
	height: 1px;
	color: #005d22;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* HEADER AREA */
.headerwrapper {
	width: 100%;
	height: 100px;
	margin-top:0px;
}
.headercontainer {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}


/* TOP NAVIGATION */
.topnavigation {
	margin-top: 10px;
	width: 90%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px; 
	height: 40px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #39b54a;
}

.topnavigation span {
	font-size: 16px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	line-height:5px;
	float:right;
	padding: 0px;
	margin-right: 20px;
	color: #FFFFFF;
}

.menu-header {
	font-size: 15px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	width: 100%;
	display: block;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

.menu-header ul, div.menu ul {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menu-header li, div.menu li {
	float: left;
	position: relative;
}

.menu-header a {
	color: #005d22;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 35px; /* 11px */
	padding-bottom: 10px;
	padding-left: 35px; /* 11px */
	text-transform: capitalize;
}
.menu-header ul li:hover > ul {
	display: block;
	font-size:15px;
}
.menu-header li:hover > a {
	color: #FFF;
	background-color: #39b54a;
}
.menu-header ul ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	float: left;
	width: 158px;
	z-index: 99999;
	color: #000;
}
.menu-header ul ul :hover > a {
	background-color: #39b54a;
}
.menu-header ul ul a {
	line-height: 1em;
	width: 144px;
	height: auto;
	color: #333;
	background-color: #EBE5DD;
	margin: 0px;
	padding: 7px;
	border-top:2px;
	border-top-color:#FFF;
	border-top-style:solid;
}
.menu-header ul ul ul {
	display: none;
	position: absolute;
	top: 10px;
	left: 158px;
	float: left;
	width: 158px;
	z-index: 99999;
	color: #000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e2dbd3;
}
.menu-header ul ul ul :hover > a {
	background-color: #ffd400;
}
.menu-header ul ul ul a {
	line-height: 1em;
	width: 144px;
	height: auto;
	color: #333;
	background-color: #EBE5DD;
	margin: 0px;
	padding: 7px;
}
.menu-header ul li.current_page_item > a,
.menu-header ul li.current-menu-ancestor > a,
.menu-header ul li.current-menu-item > a,
.menu-header ul li.current-menu-parent > a {
	color: #FFF;
	background-color: #39b54a;
}
.menu-header ul ul li.current_page_item > a,
.menu-header ul ul li.current-menu-ancestor > a,
.menu-header ul ul li.current-menu-item > a,
.menu-header ul ul li.current-menu-parent > a {
	color: #FFF;
	background-color: #ffd400;
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: 134px center;
}
.topnav { /*-- This is the RSS links in the header --*/
	float:right;
	color: #000;
	text-align:right;
	font: bold normal 12px;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-top: 10px;
}

/* POST TEXT AND TITLES */
.posttitle {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color:#005d22;
	font-size: 24px;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005d22;
}
.posttitle a {
	color:#005d22;
	text-decoration: none;
}
.posttitle a:hover { color:#555; }

.events {
	background-color:#fafafa;
	padding:10px;
	margin-bottom:10px;
}
.excerptimg {
	float: left;
	background-color: #FFF;
	padding: 5px;
	margin-right: 12px;
	margin-bottom: 6px;
	border: 1px solid #D4D4D4;
	height: 90px;
	width: 90px;
	background-image: url(images/blogpost.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.excerptimg img {
	height: 90px;
	width: 90px;
}
 	
/* CONTANER FOR SLIDESHOWS, ACCORDIONS ETC */
.topbox{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: rgb(210,229,213);
	background: -moz-linear-gradient(top,  rgba(210,229,213,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,229,213,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(210,229,213,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(210,229,213,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(210,229,213,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(210,229,213,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e5d5', endColorstr='#ffffff',GradientType=0 );
}
.topboxcontainer{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

.baseshadow {
	-moz-box-shadow:    5px 5px 4px 1px #999;
	-webkit-box-shadow: 5px 5px 4px 1px #999;
	box-shadow:         5px 5px 4px 1px #999;
}
.waystohelp {max-width:90%;margin-left:auto;margin-right:auto;padding:0px;}
.splashwrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.splash {
	background-color: #005d22;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 30px;
	margin-top:0px;
}
.splash2 {text-align:center; font-size:22px; line-height:26px;font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif; color:#FFF; font-weight:300; padding:18px;} 
.splash2 span {color:#ffd400;}
.splash3{
	clear: left;
	display: inline-block;
	height: 105px;
	margin-bottom: 40px;
	margin-right: 1%;
	margin-left: 1%;
	width: 26%;
	min-width:217px;
	vertical-align: top;
	background-color: #f2efef;
	padding: 20px;
}
.splash3 p{ font-size:14px;}
.splash3 h2{
	margin-top: 3px;
}
.splash3:hover{
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background-color: #C9DAD1;
	color: #333;
}
.gift{
	background-image: url(images/gift.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 22px;
	margin-right: 10px;
	float: left;
}
.mail{
	background-image: url(images/mail.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 32px;
	margin-right: 10px;
	float: left;
}
.phone{
	background-image: url(images/phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 22px;
	margin-right: 10px;
	float: left;
}
.strapline {
	font-size: 105%;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	line-height: 110%;
	color: #FFFFFF;
	float: left;
	width: 70%;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 0%;
}
.donatebutton {
	background-color: #ffd400;
	color: #FFF;
	font-size: 150%;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	line-height:100%;
	float: right;
	width: 30%;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}
.donatebutton a{
	background-color: #005d22;
}
.donatebutton:hover{
	background-color: #ffd400;
	color: #005d22;
}
.donatebutton2 {
	background-color: #ffd400;
	color: #FFF;
	font-size: 130%;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	line-height:100%;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}
.donatebutton2 a{
	background-color: #005d22;
}
.donatebutton2:hover{
	background-color: #ffd400;
	color: #005d22;
}
.donate-regular{
	clear: left;
	display: inline-block;
	height: 280px;
	margin-bottom: 40px;
	margin-right: 50px;
	margin-left: 0px;
	min-width: 280px;
	vertical-align: top;
	background-image: url(images/donation-regular.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #005d22;
}
.donate-regular:hover{
	background-image: url(images/donation-regular2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.donate-single{
	clear: left;
	display: inline-block;
	height: 280px;
	margin-bottom: 40px;
	margin-right: 0px;
	margin-left: 0px;
	min-width: 280px;
	vertical-align: top;
	background-image: url(images/donation-single.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #005d22;
}
.donate-single:hover{
	background-image: url(images/donation-single2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.worldpay{
	background-image: url(images/worldpay_logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 138px;
	width: 250px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.giftaid{
	background-image: url(images/giftaid-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 250px;
}
/* CONTENT AREA */
#crumbs  {
	display:none;
	font-size: 12px;
	font-weight: normal;
	margin-bottom:20px;
}
#crumbs .current {
	color:#005d22;
}

.container {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:30px;
	background-color:#FFF;
}
.contentArea .container, .container {
	padding-top: 30px;
	padding-bottom: 30px;
}
.contentleft {
	width: 65%;
	padding-left: 5%;
	padding-right: 5%;
	float: left;
	border-right-style: none;
	border-right-width: 1px;
	margin-top: 25px;
}
.contentleft p {
	text-align: justify;
	font-size:14px;
	line-height:20px;
	color:#4d4d4d;
}

.contentleft p a {
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
	color: #005d22;
	text-decoration: none;
	font-weight: bold;
}
.contentleft p a:hover {
	color: #666;
}
.contentleft p a:visited {
	color: #005d22;
}
.contentleft h1, .waystohelp h1 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #005d22;
	font-size: 24px;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005d22;
	line-height: normal;
}
.contentleft h2 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #005d22;
	font-size: 18px;
	font-weight: normal;
}
.contentleft h2 a {
	color: #005d22;
}
.contentleft h3, .contentfull h3 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:18px;
	color:#005d22;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005d22;
	margin-bottom: 6px;
	margin-top: 16px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.contentleft ul {
	padding: 0px;
	list-style-position: inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	list-style-type: none;
}
.contentleft li {
	font-size: 14px;
	font-weight: bold;
	color: #005d22;
	list-style-type: none;
	line-height: 20px;
	list-style-position: outside;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
}

/* FULL WIDTH COLUMN */
.contentfull {
	width: 90%;
	float: left;
	border-right-style: none;
	border-right-width: 1px;
	padding-right: 5%;
	padding-left: 5%;
}
.contentfull p {
	text-align: justify;
	font-size:12px;
	color:#4d4d4d;
}
.contentfull ul {
	padding:0px;
	list-style-position: inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.contentfull li {
	font-size:12px;
	font-weight:bold;
	color:#005d22;
	list-style-type: square;
	line-height: 20px;
}

/* RIGHT COLUMN */
.contentright {
	float: left;
	width:20%;
	padding: 0px;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contentright ul {
	padding-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 12px;
	margin-top:0px;
	padding-bottom: 6px;
}
.contentright li {
	list-style: none;
	margin-bottom: 30px;
	background-color: #f2efef;
}
.contentright li ul li {
	list-style:none;
	margin-bottom: 2px;
	padding-top: 2px;
	font-size:12px;
}
.contentright li ul li a{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.contentright a {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.contentright .textwidget {
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	padding: 12px;
}
.contentright .textwidget a{
	font-size:12px;
}

div.widget-links div.widget-title {
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.contentright a:hover {
	color: #999999;
}
.contentright h4 {
	color:#FFF;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	margin: 0px;
	padding-top: 16px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-left: 0px;
}
.contentright h5 {
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #39b54a;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 38px;
}

.imageright {
	margin-left: 5px;
	float: right;	
}

/* WIDGET ICONS */
#text-2 { /* DONATIONS */
}
#archives-2 { /* NEWS */
	background-image: url(images/30x-Radio-Tower.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	background-size: 22px 22px;
}
#dc_jqaccordion_widget-2, #wpfb_catlistwidget-2 { /* MORE INFORMATION */
	background-image: url(images/Info.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#dc_jqaccordion_widget-3 { /* WHERE WE WORK */
	background-image: url(images/globe.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#dc_jqaccordion_widget-4 { /* OTHER WAYS TO DONATE */
	background-image: url(images/gift-w.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#text-3, #text-4, #text-5, #text-6  { /* QUOTE */
	background-image: url(images/we-count.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#text-7  { /* NEWSLETTER */
	background-image: url(images/email.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#wpfb_catlistwidget-3, #categories-2 { /* CATEGORIES */
	background-image: url(images/catagories.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
#addthis-follow-widget-2 { /* FOLLOW US */
	background-image: url(images/share-icon.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
.addthis_default_style{
	margin: 9px;
	padding-bottom: 9px;
}
#atfi_widget-2{
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	background-size: 22px 22px;
}
/* CONTACT PAGE */
.contactformbox{
	float:right;
}
.contactpageinfo{
	width:50%;
	float:left;
}

/* SEARCH */
#searchform {
	margin-top:0px;
	line-height:20px;
	margin-bottom: 12px;
	padding: 12px;
	background-color: #005d22;
}
#searchform2 {
	float: right;
	margin: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#searchform #searchform2 .screen-reader-text {
	font-size:15px;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#searchform #searchform2 #searchsubmit {
	margin-top:10px;
	line-height:20px;
}
#search {
	margin: 0 0 1.4em 0;
}

#searchbutton {
	margin-left:7px;
}
#searchbox {
	border: none;
	padding: 2px;
}
#comment {
	width:100%;
	margin-right:20px;
}
.metablock {
	display:none;
}
.phoneicon {
	padding: 0px;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 6px;
	height: 34px;
}
.tablegrad {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #00AB69 0%, #005d22 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #00AB69 0%, #005d22 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #00AB69 0%, #005d22 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #00AB69), color-stop(1, #005d22));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #00AB69 0%, #005d22 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #00AB69 0%, #005d22 100%);
}
.tablegrad span {
	color: #FFF;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

/* FOOTER AREA */
.footerwrap{
	width:100%;
	background-color:#333;
}
.footerArea {
	max-width: 960px;
	min-height: 50px;
	position: relative;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
.footerArea a{
	color: #fff;
}
.footerArea .container {
	height:5px;
}

.copyright {
	padding-top: 5px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	padding-bottom: 5px;
}
.donate-column .textbox{
	width: 100%;
	margin-bottom: 5px;
	height: 25px;
	background-color: #EFEFEF;
	border: 1px solid #9CAE91;
}
.donate-column select{
	width: 100%;
	height: 30px;
	font-size: 12px;
}
.bordered{border:solid; border-color:#9CAE91; border-width:1px; padding:2%; margin-bottom:10px;}
.confirmdetails{
	border: solid;
	border-color: #9CAE91;
	border-width: 1px;
	padding: 1%;
	background-color: #9C0;
	text-align: center;
	font-size: 20px;
	line-height:26px;
	color: #FFF;
	font-weight: normal;
}
.team-image, .donate-column{clear:left; display:inline-block; margin-right:3%; margin-bottom:40px; min-width:250px; width:29%; vertical-align:top;}
.team-image img{height:220px;}
.clear{clear: both;}

/* ROUNDED CORNERS - CROSS BROWSER */
.rounded-corners {
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari, Chrome */
	-khtml-border-radius: 8px;
	border-radius: 8px; /* CSS3 */
	behavior: url(http://www.thecookehouse.net/border-radius.htc);
}


/* TRANSPARENCY */
.seethrough {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80); /* IE 5-7 */
	-moz-opacity: 0.8; /* Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8;/* Good browsers */
}

/* For general iPad layouts */
@media only screen and (max-width: 1024px) { 
/* HEADER AREA */
.logo {
	margin-left:20px;
	width: 200px;
}
.logo img{
	width: 200px;
	height:66px;
}
.tagline {
	float:right;
	padding-top:40px;
	font-size: 18px;
}
/* TOP NAVIGATION */
.topnavigation {
	margin-top: 10px;
	width: 90%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px; 
	height: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #005d22;
}
.menu-header {
	font-size: 14px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

.menu-header ul, div.menu ul {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menu-header li, div.menu li {
	float: left;
	position: relative;
}

.menu-header a {
	color: #005d22;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-transform: capitalize;
}
.menu-header ul li:hover > ul {
	display: block;
	font-size:13px;
}
.menu-header li:hover > a {
	color: #FFF;
	background-color: #ffd400;
}
.menu-header ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	float: left;
	width: 158px;
	z-index: 99999;
	color: #000;
}

}

/* For general iPad layouts */
@media only screen and (max-width: 800px) { 
/* HEADER AREA */
.logo {
	margin-left:20px;
	width: 200px;
}
.logo img{
	width: 200px;
	height:66px;
}
.tagline {
	float:right;
	padding-top:40px;
	font-size: 18px;
}
/* TOP NAVIGATION */
.topnavigation {
	margin-top: 10px;
	width: 90%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px; 
	height: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #005d22;
}
.menu-header {
	font-size: 12px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif, Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

.menu-header ul, div.menu ul {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menu-header li, div.menu li {
	float: left;
	position: relative;
}

.menu-header a {
	color: #005d22;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	text-transform: capitalize;
}
.menu-header ul li:hover > ul {
	display: block;
	font-size:11px;
}
.menu-header li:hover > a {
	color: #FFF;
	background-color: #ffd400;
}
.menu-header ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	float: left;
	width: 158px;
	z-index: 99999;
	color: #000;
}
/* SLIDER */
.topboxcontainer{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
/* LEFT COLUMN */
.contentleft {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	float: left;
	border-right-style: none;
	border-right-width: 1px;
}

/* RIGHT COLUMN */
.contentright {
	float: left;
	clear:both;
	width:90%;
	padding: 0px;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
.strapline {
	font-size: 100%;
	padding-top: 1%;
}
.donatebutton {
	font-size: 130%;
}
}

/* Smartphones (portrait landscape) ----------- */
@media only screen and (max-width : 600px) {

/* HEADER AREA */
.socialbox {
	display:none;
}
.topnavigation{ margin-top:20px;}
.logo {
	margin-right:5%;
	margin-left:5%;
	width: 90%;
	float:none;
}
.logo img{
	width: 280px;
	height:96px;
}
.tagline {
	display:none;
	text-align:center;
	padding-top:10px;
	font-size: 12px;
	margin-bottom:20px;
	clear:both;
}
.topboxcontainer{display:none}
.container {padding-top:0px}
.contentleft {margin-top:0px}
#map_canvas_1{display:none}
.i_world_map{display:none}
.strapline {
	font-size: 100%;
	padding-top: 3%;
}
.donatebutton {
	font-size: 150%;
}
}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}