/* Main styles */
/*-------------------------------------------------------------*/
/*----------- BARNARDO'S CHALLENGE SITE STYLE SHEET ------------*/
/*----------- JUNE 09 ------------------------------------------*/
/*-------------------------------------------------------------*/

/* 
-- CSS INDEX --

1.BASIC HTML
2.STRUCTURE
3.GLOBAL NAVIGATION
4.HOME PAGE ELEMENTS
7.STANDARD PAGE ELEMENTS
9.PAGE ACTIONS


*/
.hide{
	display:none;
}
/* ---------- 1.BASIC HTML ---------------------------------------------------------------*/

H1{
	font-family: "Georgia","Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 190%;
	line-height:190%;
	padding: 0;
	margin: 0 0 5px 0;
	color:#5B8800;
}
H2{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 140%;
	line-height:190%;
	padding: 0;
	margin: 1em 0 0 0;
	color:#73A518;
}
H3{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 110%;
	line-height:190%;
	padding: 0;
	margin: 1em 0 0 0;
	color:#73A518;
}
P{
	font-weight: normal;
	font-size: 100%;
	line-height:190%;
	padding: 0;
	margin: 0.7em 0 1em 0;
}
UL{
	font-weight: normal;
	font-size: 100%;
	line-height:180%;
	padding: 0;
	margin: 0.2em 0em 0.2em 1.5em;
}
OL{
	font-weight: normal;
	font-size: 100%;
	line-height:180%;
	padding: 0;
	margin: 0.2em 0em 0.2em 2.5em;
}
LI{
	margin-bottom:8px;
}
A{
	color:#73A518;
	text-decoration:none;
	padding:2px 0 3px 0;
}
A:hover{
	text-decoration:underline;
	background:#F0F7E5;
}
HR{
	height:1px;
	border:none;
	border-bottom:1px dotted #bbb;
	margin:7px 0;
}

/*------ 2. STRUCTURE --------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#EEE url(barn08-bg-fade.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333;
}
.clear{
	clear:both;
}
#wrapper {
	width:100%;
	padding-top:10px;
}
#main {
	width:990px;
	margin:auto;
	margin-bottom:10px;
	background:#fff;
}
#header {
	width:100%;
	height:100px;
}
#header div{
	float:right;
	width:730px;
	padding: 3em 40px 10px 0;
	text-align: right;
	font-size:90%;
	line-height: 140%;
	background:#fff url(challenge_title.gif) 15px 60px no-repeat;
}
#header div p{
	margin-top:0;
	margin-bottom:10px;
}
#header div a{
	color:#333;
	text-decoration: none;
}
#header div a:hover{
	text-decoration: underline;
}
#searchbtn{
	width: 54px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	margin-left: 5px;
	padding: 0 0 2px 0;
	float: right;
	background: url(barn08-search-btn.jpg) no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
}
#searchinput{
	color: #aaa;
	border: 1px solid #adadad;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding:4px;
	float: right;
}
#contRight {
	width:785px;
	float:right;
}
#nav {
	width:200px;
	float:left;
	padding: 8px 0 0 0;
}
#content {
	width:685px;
	float:left;
	padding:15px 30px 20px 30px;
	border:1px solid #B7D27F;
	border-top:none;
	border-bottom:none;
	background:#F3F8EA;
	margin:0;

}
#contentBody{
	border:1px solid #A2CD45;
	width:455px;
	background:#fff;
	float:left;
	padding:15px;
	margin-top:0;
  min-height:350px;
  height:auto !important;
  height:350px;
}
#newsletterLink{
	margin:30px 0 0 47px;
}
#newsletterLink a{
	padding:0;
}
#newsletterLink a:hover{
	background:#fff;
}
#footer {
	clear:both;
	color:#fff;
	padding:10px 0 10px 240px;
	background:#7FBA00;
}
#footer p{
	font-size:85%;
	line-height:140%;
	margin:0;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	text-decoration:underline;
	color:#73A518;
	background:#F0F7E5;
}

/*---------- 3.GLOBAL NAVIGATION -----------------------------------------*/

#topNav{
	width:747px;
	height:32px;
	border-bottom:1px solid #B7D27F;
	text-align:center;
	margin-top:10px;
}
#topNav ul{
	list-style-type: none;
	margin:0;
	padding:0;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 115%;
	margin-left:14px;
}
#topNav li{
	display: inline; 
	list-style-type: none;
}
#topNav li a{	
	display : block;
	width:175px;
	height:23px;
	text-decoration: none;
	color: #fff;
	margin:0 2px 0 2px;
	padding-top:7px;
	font-weight: bold;
	line-height:130%;
	float:left;
	background:#82BC05;
}
#topNav li a:hover{	
	background:#A2CD45;
}
#topNav li span{
	display : block;
	width:172px;
	height:25px;
	text-decoration: none;
	color:#73A518;
	margin:0 2px 0 2px;
	padding-top:7px;
	font-weight: bold;
	line-height:130%;
	float:left;
	background:#F3F8EA;
	border:1px solid #B7D27F;
	border-bottom:none;
}

/* top level */
#nav ul{
	list-style-type: none;
	margin:0;
	padding:0 5px 0 25px;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 115%;
}
#nav li{
	display: inline; 
	list-style-type: none;
}
#nav span.hidden{
	display : none;
}
#nav li a{	
	display : block;
	text-decoration: none;
	color: #666;
	padding:0px 0px 0px 25px;
	margin:0 0 10px 0;
	font-weight: bold;
	line-height:130%;
}
#nav LI SPAN {
	display : block;
	padding:0px 0px 0px 25px;
	margin:0 0 10px 0;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 15px 6px no-repeat;
	line-height:130%;
}
#nav LI span.highlighted, #nav LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 13px 6px no-repeat;
}
#nav li a:hover{
	color: #111;
	text-decoration: none;
	background: url(barn08-arrow.gif) 15px 6px no-repeat;
}

/* Second Level plus */

#nav ul ul {
	margin:0 0 7px 0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height: 1.2em;
}
#nav ul ul ul{
	font-size:1em;
}
#nav LI LI SPAN {
	display : block;
	padding:4px 0px 4px 35px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 25px 7px no-repeat;
}
#nav LI LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 23px 7px no-repeat;
	font-weight: bold;
}
#nav LI LI A {
	padding:4px 0px 4px 35px;
	margin:1px 0 1px 0;
	font-weight: normal;
	color:#444;
}
#nav LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 25px 5px no-repeat;
}
#nav LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 25px 7px no-repeat;
}
#nav LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 25px 7px no-repeat;
	color: #111;
}
#nav LI LI LI SPAN {
	display : block;
	padding:4px 0px 4px 45px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 35px 7px no-repeat;
}
#nav LI LI LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 33px 7px no-repeat;
}
#nav LI LI LI A {
	padding:4px 0px 4px 45px;
	margin:1px 0 1px 0;
	color: #444;
}
#nav LI LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 35px 5px no-repeat;
}
#nav LI LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 35px 7px no-repeat;
}
#nav LI LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 35px 7px no-repeat;
	color: #000;
}
#nav LI LI LI LI SPAN {
	display: block;
	padding:4px 0px 4px 55px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 45px 7px no-repeat;
}
#nav LI LI LI LI A {
	padding:4px 0px 4px 55px;
	margin:1px 0 1px 0;
	color: #444;
}
#nav LI LI LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 45px 5px no-repeat;
}
#nav LI LI LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 45px 7px no-repeat;
}
#nav LI LI LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 45px 7px no-repeat;
	color: #111;
}
/*--------- 4.HOME PAGE ELEMENTS ---------------------------------------------------------*/

#leftCol{
	margin-top:10px; 
}
#rightCol{
	margin:10px 0 15px 6px; 
}
#rightCol, #leftCol{
	background:#fff; 
	float:left; 
	width:335px; 
	min-height:190px;
	height:auto !important;
	height:190px; 
	border:1px solid #A2CD45
}

#rightCol h2, #leftCol h2{
	margin:0 0 10px 0;
	padding:3px 15px 3px 15px;
	background:#82BC05;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#rightCol p, #leftCol p{
	margin:5px 15px 15px 15px;
	font-size:95%;
	line-height:155%;
}



/*--------- 7.STANDARD PAGE ELEMENTS ---------------------------------------------------------*/
.quote{
	margin:0px 37px 20px 5px;
	background:url(barn08-quote-left.gif) no-repeat;
	color:#777;
}
.quote div{
	padding:10px 25px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
}
.quote div p{
	font-size:90%;
	line-height:160%;
}
#content p a, #content li a, .highlightgrey a, .highlight a{
	font-weight:bold;
}
.alignright, .alignleft{
	float:right;
	clear:right;
	margin:5px 0 15px 15px;
}
.highlightgrey, .highlight{
	margin:15px 0 15px 0;
	padding:10px;
   	font-size: 0.90em;
   	line-height: 1.7em;
	border:1px solid #ABD067;
	clear:both;
}
.highlight br, .highlightgrey br{
	line-height:0.5em;
}
.extrainfotitle{
	margin:8px 37px 0 5px;
}
.extrainfotitle h2{	
	background:#F9F9F9;
	border:1px solid #e5e5e5;
	padding:10px;
	line-height:100%;
	margin:0;
	font-size:110%;
	font-weight:bold;
	color:#666;
}
.ulbg{
	border:1px solid #e5e5e5;
	border-top:none;
	margin:0px 37px 0 5px;
	padding:10px;
	font-size:90%;
}
.ulbg ul li{
	line-height:140%;
}
.adobe{
	border:1px solid #e5e5e5;
	margin:8px 37px 0 5px;
	padding:10px;
	color:#666;
}
.adobe p{
	font-size:90%;
	line-height:160%;
}
table{
	margin:10px 0;
}
td{
	padding:5px;
}
.rowheader{
	background:#99cc00;
	color:white;
	font-weight:bold;
}
.rowodd{
	background:#FFF;
	color:black;
	font-size:0.9em;
}
.roweven{
	color:black;
	font-size:0.9em;
}
.arrowBack{
	padding-left:15px;
	background:url(arrow-back.jpg) 0px 2px  no-repeat;
}
.arrowForward{
	padding-right:15px;
	background:url(arrow-forward.jpg) right 2px no-repeat;
}
.smalltext{
	font-size:90%;
}

.quoteright p, .quoteleft p{
	padding:12px 27px 12px 28px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
	font-size:100%;
	line-height:160%;
}

.quoteright, .quoteleft {
	margin: 10px 0 15px 15px;
	padding:10px;
	width:170px;
   	font-size: 0.9em;
	line-height: 1.5em;
	float:right;
	clear:right;
	border:1px solid #ABD067;
}

blockquote {
	margin: 25px 0px;
	background: url(barn10-double-quote-left.gif) no-repeat;
	color: #777;
}

blockquote p {
	padding: 2px 27px 0 27px;
	font-size: 100%;
	line-height: 170%;
}

blockquote strong {
	color: #666;
}

#summary blockquote{
	margin:15px 5px 15px 5px;
	background:url(barn08-quote-left.gif) no-repeat;
	color:#666;
}

#summary blockquote p{
	padding:2px 27px 2px 28px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
	font-size:90%;
	line-height:140%;
}

.fullQuote{
	margin:15px 0px 15px 0px;
	background:url(barn08-quote-left.gif) no-repeat;
	color:#666;
}
.fullQuote p{
	padding:12px 27px 12px 28px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
	font-size:100%;
	line-height:160%;
}
#summary .fullQuote{
	margin:15px 5px 15px 5px;
	background:url(barn08-quote-left.gif) no-repeat;
	color:#666;
}
#summary .fullQuote p{
	padding:2px 27px 2px 28px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
	font-size:90%;
	line-height:140%;
}

/*------------- 9.PAGE ACTIONS ----------------------------------------------------------------*/

#page_actions_container {
	width:765px;
	clear:both;
	padding:40px 3px 5px 220px;
}

#page_actions_share ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#page_actions_share li {
	float: left;
	margin: 0 25px 0 0;
}

#page_actions_top ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#page_actions_top li {
	float: right;
	margin: 0 10px 0 0;
}

#page_actions_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

/*---------------------- 11.EVENT LIST ------------------------------------------------------*/
#contentTopLeft{
	width:485px;
	float:left;
}
#contentTopRight{
	width:188px;
	float:right;
	margin:48px 0 0 0;
}
#summary{
	min-height:140px;
  	height:auto !important;
  	height:140px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #A2CD45;
}
#summary h3{
	background:#A2CD45;
	color:#fff;
	margin:0;
	padding:4px 0 4px 10px;
}
#summary p{
	font-size:90%;
	line-height:160%;
	padding:4px 8px 6px 10px;
	margin:5px 0 0 0;
}
#eventFilter{
	width:168px;
	height:137px;
	float:left;
	margin:10px 0 0 0;
	padding:3px 10px 0 22px;
	background:url(filterbox.gif) no-repeat;
}
#eventFilter2{
	width:168px;
	height:137px;
	float:left;
	margin:10px 0 0 0;
	padding:3px 10px 0 22px;
	background:url(filterbox2.gif) no-repeat;
}
#eventFilter2 h3, #eventFilter h3{
	margin:0;
	padding:0;
}
#eventFilter2 label, #eventFilter label{
	display:block;
	font-size:90%;
	margin:0 0 2px 0;
}
#filterBtn{
	background:url(filterBtn.jpg);
	width:43px;
	height:24px;
	border:none;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	padding: 0 0 2px 0;
	cursor:pointer;
}
.eventListTable{
	border:1px solid #A2CD45;
	width:485px;
	background:#fff;
	float:left;
}
#contentDetail{
	border:1px solid #A2CD45;
	width:452px;
	background:#fff;
	float:left;
	padding:15px;
	margin-top:10px;
}
.eventListTable h3{
	margin:0 0 5px 0;
	font-weight:normal;
	font-size:140%;
	line-height:100%;
}
.eventListTable p{
	margin:0 10px 5px 0;
	font-size:90%;
	line-height:130%;
}
.eventListTopTd{
	padding:15px 0 0 15px;
}
.eventListTd{
	padding:0 0 0 15px;
}	
.eventListBottomTd{
	padding:0 0 15px 15px;
}	
.eventListHR{
	padding:5px 15px 5px 15px;
}
.findOutLink a{
	display:block; 
	width:140px; 
	margin-top:3px; 
	padding:5px 5px 6px 5px; 
	color:#fff; 
	background:#7FBA00;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size:120%;
}
.findOutLink a:hover{
	background:#A2CD45;
	text-decoration:none;
}
.interestLink a{
	display:block; 
	width:180px; 
	margin:12px 0 0 0; 
	padding:5px 5px 6px 5px; 
	color:#fff; 
	background:#7FBA00;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
.interestLink a:hover{
	background:#A2CD45;
	text-decoration:none;
}
.downloadLink a{
	float:right;
	display:block; 
	width:180px; 
	margin:10px 0 0 0; 
	padding:120px 5px 6px 5px; 
	color:#fff; 
	background:url(ce_download.jpg) no-repeat #7FBA00;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
.downloadLink a:hover{
	background:url(ce_download.jpg) no-repeat #A2CD45;
	text-decoration:none;
}
#pageactions{
	list-style-type:none;
	padding:0;
	margin:40px 0 0 0;
}
#pageactions li{
	margin-bottom:5px;
}

/* Forms styles */
fieldset{
	padding:10px;
	margin-bottom:10px;
	color:#333;
	font-size:90%;
	border:1px solid #e5e5e5;
}
fieldset h3{
	clear:both;
	font-size:1.1em;
	font-weight:bold;
	color:#444;
}
fieldset p{
	font-size:1em;
	clear:both;
}
fieldset fieldset{
	border: none;
	margin:5px 0 0 0;
}
fieldset legend{
	font-size:1.1em;
	font-weight:bold;
	padding:0 5px 10px 5px;
	background: #fff;
	color:#111;
}
fieldset .error{
	background:#faeaea;
}
fieldset ul{
	font-size:1em;
	margin-left:3em;
}
fieldset label{
	text-align: right;
	width: 160px;
	font-weight:bold;
	padding: 3px 10px 0 0;
}
fieldset fieldset legend{
	text-align: right;
	font-weight:bold;
	padding: 0 10px 5px 0;
	width: 110px;
	margin:0;
}
fieldset fieldset label{
	font-weight: normal;
	padding: 3px 10px 0 0;
	width: 120px;
}
fieldset label{
	display: block;
	float: left;
	clear:left;
	margin-bottom: 10px;
}
fieldset input, fieldset select, fieldset .right{
	display: block;
	float: left;
	margin-bottom: 10px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 1.2em;
}
fieldset textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 225px;
	height: 160px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 1.2em;
}
.fullwidth{
	display: inline;
	text-align: left;
	width: 500px;
	font-weight:bold;
	padding: 3px 10px 0 0;
}
.fullwidthPopup{
	text-align: left;
	width: 300px;
	font-weight:bold;
	padding: 3px 10px 0 0;
}
.inline{
	float: none;
	display: inline;
	margin:0;
	padding:0;
}
.indent{
	display: inline;
	margin:3px 0 0 170px;
}
.indentPopup{
	margin:3px 0 0 170px;
}
fieldset br{
	clear: both;
}
fieldset .submit{
	margin-left:170px;
}
#formbutton{
	display: inline;
	margin-left:170px;
}
.multioptions label{
	font-weight:normal;
}
.req{
	font-weight:bold;
	color:#cc3333;
}
.corp label{
	width:6em;
	text-align:left;
	padding:0;
}
.corp label input{
	margin-top:-2px;
}
input[type="submit"], input[type="button"]{
	background:url(standard_button_bg.jpg) left no-repeat;
	border:1px solid #679513;
	padding:4px 8px;
	color:#fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:bold;
	cursor: pointer;
	font-family:verdana,arial;
}
input[type="submit"]:hover, input[type="button"]:hover{
	background:url(standard_button_bg.jpg) right no-repeat;
}
/*--------donation -------------*/
.formintro{
	background:#F0C1C1;
	padding:5px 5px 5px 10px;
	margin:10px 0 0 0;
}
.singleform{
	background:#FAEAEA;
	margin:0;
	font-size:70%;
}

.post{
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(donate-envlope.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}
.phone{
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	margin-left:10px;
	background:#f3f3f3 url(donate-telephone.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}
.inmem{
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(donate_inmem.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
	clear:left;
}
.work{
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	margin-left:10px;
	background:#f3f3f3 url(don-work.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}
.legacy{
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(don_legacy.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
	clear:left;
}
/*-------------------- Direct Debit forms ---------------------*/

#DD_donation legend, #DD_contact legend, #DD_bank legend, #DD_giftaid legend{
	color:#222;
	background:none;
}
#DD_donation hr, #DD_contact hr, #DD_bank hr, #DD_giftaid hr{
	color:#ccc;
	height:1px;
	border:0;
	background-color:#ccc;
}
#DD_donation p, #DD_contact p, #DD_bank p, #DD_giftaid p{
	clear:none;
}
#DD_donation h3, #DD_contact h3, #DD_bank h3, #DD_giftaid h3{
	background:none;
	padding:0;
	margin:0;
	color:#222;
}
#DD_donation ul, #DD_contact ul, #DD_bank ul, #DD_giftaid ul{
	margin:0;
}
#DD_donation label, #DD_contact label, #DD_bank label{
	text-align: right;
	width: 148px;
	font-weight:normal;
	padding: 3px 10px 0 0;
}
.fakeinput{
    border: 1px solid #999;
	background-color : #fff;
    padding: 4px;
    margin-right:2px;
	color:black;
    font-family:verdana,helvetica,sans-serif;
	float: none;
	display: inline;
	margin:0;
}
input:disabled{
	background-color:#fff
}
p.formError{
	margin-top:10px;
	padding:10px;
	color:#c33;
	background:#f3f3f3;
}
span.formError{
	color:#c33;
	vertical-align:middle;
}


.hide{
	display:none;
}