/*
	Filename         :	screen.css
	Version			 :	3.1 (REDESIGN_2010)
	Last updated by  :	KS, The Guild (kaoru@theguildnetwork.com)
	Last Updated     :	3.0 / 20 January 2010 Screen styles for all pages
						3.0.1 / 30 March 2010 minor fixes
						3.0.2 / 15 April 2010 minor sidebar fixes
						3.0.3 / 18 June 2010 Consolidated update up to and incl. FRSA logo in footer
						3.1 / 25 June 2010: Search update. Adds new sIFR paging nav styles
						3.1.1 / 2 July 2010: minor search fixes
						3.1.6 / 20 August 2010 Addition of semantic structure to header to make strapline text "visible"
*/

body {
	padding: 0;
	margin: 0;
	background: #dce8f4;
}

a { outline:0; }

#wrapper
{
	margin: 10px auto 40px;
	width: 1010px;
	background: #dce8f4 url(../images/bgMainWrapper.gif) repeat-y;
}
#header
{
	width: 1010px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/bgHeaderBarJ4G.jpg) repeat-x top left;
	margin-bottom: 1em;
}

.J4Gday #header
{
	background: url(../images/bgHeaderBarJ4Gday.jpg) repeat-x top left;
	margin-bottom: 0;
}

#header a
{
	width: 181px;
	height: 167px;
	display: block;
	float: left;
}

/* hideable header image for accessibility and print CSS */
#header a img { display: none; }

/* strapline container for Google and accessibility */
#header .strapline
{
	float: left;
	margin: 40px 0 0 20px;
}

.J4Gday #header a { height: 148px; }

.hidden_banner { /* JASIA ADDED THIS SO CAN HAVE EMBEDDED IMG IN HTML THAT IS NORMALLY HIDDEN ON SCREEN */
display: none;
}

#main {
	margin: 0px;
	padding: 0px 20px;
	clear: both;
}
#content {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 10px;
	float: left;
	width: 524px;
}
#content #main_content {
	margin: 0px;
	padding: 0px;
	width: 524px;
}
#main #content #main_content #donations {
	clear: both;
	margin-top: 28px;
	padding-top: 21px;
	border-top: 1px solid #9ac0e0;
}
#main #content #main_content #donations table.giftAid {
	margin-top: 20px;
	width: 100%;
	margin-bottom: 30px;
}
#main #content #main_content #donations .giftAid th {
	background: #9ac0e0;
	color: #060d66;
	text-align: center;
	padding: 19px 7px 10px;
	font-size: 0.8em;
	border-right: 1px solid #FFF;
}
#main #content #main_content #donations .giftAid th.name {
	text-align: left;
	padding-left: 14px;
}

#main #content #main_content #donations .giftAid th.endCol {
	border-right: none;
}
#main #content #main_content #donations .giftAid td {
	font-size: 0.7em;
	text-align: right;
	background: #fff;
	border-right: 1px solid #9ac0e0;
	color: #777;
	border-bottom: 1px solid #9ac0e0;
	padding: 10px 14px 5px 0px;
}
#main #content #main_content #donations .giftAid td.firstCol {
	border-left: 1px solid #9ac0e0;
	font-weight: bold;
	text-align: left;
	padding-left: 14px;
}
#main #content #main_content #donations .giftAid td.middle {
	text-align: center;
	padding-right: 7px;
	padding-left: 7px;
}
#main #content #main_content #donations .giftAid td.total {
	background: #ffe180;
	border-top: 1px solid #9ac0e0;
	color: #010101;
	font-weight: bold;
}
#main #content #main_content #donations .giftAid td.blank {
	border: none;
	padding: 0px;
	font-size: 1px;
	height: 14px;
}

#content h2 {
	font-size: 1em;
	color: #d67f00;
}
#content h3 a {
	color: #005590;
	text-decoration: none;
	font-weight: bold;
}
#content h3 a:hover { text-decoration: underline; }
#content ul.faqs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content ul.faqs li {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}
#content ul.faqs li a {
	font-weight: bold;
	color: #0081dc;
	text-decoration: none;
}
#content ul.faqs li a:hover { text-decoration: underline; }
#content a.email {
	font-size: 0.7em;
	color: #0081dc;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px 0px 7px;
	padding: 0px 0px 0px 20px;
	width: 14em;
	background: url(../images/icon-email.gif) no-repeat left center;
}
#content a.email:hover { text-decoration: underline; }
#content a.backtotop {
	font-size: 0.7em;
	color: #0081dc;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px 0px 20px;
	padding: 0px 0px 0px 14px;
	width: 14em;
	background: url(../images/icon-backtotop.gif) no-repeat left center;
}
#content a.backtotop:hover { text-decoration: underline; }

/*START: STYLES FOR FORMS*/
#content .contactus {
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 524px;
}
#content .contactus legend span {
	font-size: 1em;
	color: #d67f00;
	padding: 0px 0px 3px;
	margin: 0px;
	border-bottom: solid 1px #bcd5e1;
	width: 524px;
	display: block;
	clear: both;
}
#content .contactus hr {
	margin:0 0 10px;
	padding:0;
	width: 524px;
	height: 1px;
	line-height: 1px;
	border:none;
	color: #bcd5e1;
	background-color: #bcd5e1;
	clear: both;
}
#content .contactus h4 {
	color: #0081dc;
}
#content .contactus h5 {
    padding: 0px 0px 10px;
}
#content .contactus p {
	font-size: 0.7em;
	color: #333333;
	float: left;
	margin: 2px 0px 7px;
	padding: 0px;
	width: 290px;
}
#content .contactus p.message {
	font-size: 0.6em;
	color: #333333;
	float: left;
	clear: both;
	margin: 0px 0px 0px 174px;
	padding: 0px;
	width: 290px;
}
#content .contactus p.messageindent {
	font-size: 0.6em;
	color: #333333;
	float: left;
	clear: both;
	margin: 3px 0px 0px 192px;
	padding: 0px;
	width: 290px;
}
#content .contactus label {
	font-size: 0.7em;
	line-height: normal;
	font-weight: bold;
	color: #0081dc;
	width: 165px;
	float: left;
	text-align: right;
	margin: 1px 5px 0px 0px;
	padding: 1px;
}
#content .contactus label .red {
	color: #ff0000;
}
#content .contactus label.news, #content .contactus .cbContainer label {
	width: 290px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/** NEW 27 March 09 to add School Speaker form **/
#content .contactus .radioSet input
{
	display: inline;
	width: auto;
	margin-right: 0.2em;
}
#content .contactus .radioSet label
{
	text-align: left;
	color: #333;
	font-weight: normal;
	display: block;
	width: auto;
	margin-right: 1em;
}
/* end */

#content .contactus label.top, #content .contactus .cbContainer label.top {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	line-height: 1.2em;
}
#content .contactus input {
	background: #fff url(../images/bg_login_input.gif) repeat-x left top;
	float: left;
	width: 287px;
	border: 1px solid #bcd5e1;
	margin: 0px;
	padding: 1px 1px 2px 3px;
	height: 18px;
}
#content .contactus input.postcode {
	width: 75px;
}
#content  .contactus  input#newsletter, #content .contactus .cbContainer input{
	width: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(none);
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#content .contactus textarea {
	float: left;
	margin: 0px 0px 15px;
	padding: 1px 1px 2px 3px;
	width: 290px;
	height: 8em;
	line-height: normal;
	color: #010101;
	border: 1px solid #bcd5e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#content .contactus select {
	margin: 0px;
	padding: 0px;
	width: 290px;
	float: left;
	height: 23px;
}
#content .contactus select.narrow {
	width: 75px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#content .contactus a.findaddress {
	font-size: 0.7em;
	color: #002b8d;
	margin: 0px 0px 0px 7px;
	padding: 3px 0px 0px;
	display: block;
	height: 22px;
	width: 106px;
	text-align: center;
	background: url(../images/bg_btn_go.gif) no-repeat left top;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}
#content .contactus a.findaddress:hover {
	text-decoration: none;
}
#content .contactus a.findaddress:active {
	background: url(../images/bg_btn_go_on.gif) no-repeat left top;
	color: #0081dc;
}
#content .contactus a.go {
	font-size: 0.7em;
	color: #fff;
	margin: 3px 58px 0px 0px;
	padding: 3px 0px 0px;
	display: block;
	height: 22px;
	width: 106px;
	text-align: center;
	background: url(../images/bg_btn_go.gif) no-repeat left top;
	font-weight: bold;
	float: right;
	text-transform: uppercase;
}
#content .contactus a.go:hover {
	text-decoration: none;
}
#content .contactus a.go:active {
	background: url(../images/bg_btn_go_on.gif) no-repeat left top;
	color: #ffb321;
}
#content .contactus .break10px {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
}

#content .contactus input.go 
{ 
font-size: 0.7em; 
color: #fff; 
margin: 3px 58px 0px 0px; 
display: block; 
height: 31px; 
width: 115px; 
text-align: center; 
background: url(../images/btnGeneric.gif) no-repeat left top; 
font-weight: bold; 
float: right; 
text-transform: uppercase; 
border: 0;
} 
#content .contactus input.go:hover
{
	text-decoration: none;
	background-position: 0 -31px;
	color: #0a46de;
} 
#content .contactus input.go:active
{
	background-position: 0 -31px;
	color: #fc0;
} 

/*END: STYLES FOR FORMS*/

#content .pictureright {
	margin: 0px 0px 5px 10px;
	padding: 0px;
	float: right;
	width: 200px;
}
#content .pictureright .caption {
	font-size: 0.6em;
	line-height: normal;
	font-weight: normal;
	color: #444; /* KS 09-04-08 */
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
}
#content .pictureright .credit {
	font-size: 0.6em;
	font-style: italic;
	line-height: normal;
	color: #444; /* KS 09-04-08 */
	float: right;
	clear: both;
}
#content .picturefull {
	margin: 5px 0px 10px;
	padding: 0px;
	clear: both;
	overflow: visible;
	width: 524px;
}
* html #content .picturefull {
	height: 1%;
}
#content .picturefull img {

}
#content .picturefull span.captionleft {
	font-size: 0.6em;
	color: #444; /* KS 09-04-08 */
	float: left;
}
#content .picturefull span.creditright {
	font-size: 0.6em;
	font-style: italic;
	line-height: normal;
	color: #444; /* KS 09-04-08 */
	text-align: right;
	float: right;
}
#content .quote {
	background: url(../images/bg-quote.gif) no-repeat center top;
	margin: 0px 0px 15px;
	padding: 0px;
	clear: both;
	width: 524px;
}
#content .quote p {
	margin: 7px 10px 0px;
	padding: 10px 0px 0px;
}
#content .quote p.quoteby {
	font-weight: bold;
	text-align: right;
	background: url(../images/bg-quote-btm.gif) no-repeat center bottom;
	width: 514px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	font-style: italic;
}

#content #faqs {
	margin: 7px 0px;
	padding: 10px 0px 15px;
	clear: both;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
#content #faqs h4 {
	font-size: 0.85em;
	font-weight: bold;
	color: #d67f00;
	margin: 0px 0px 5px;
}
#content #intro {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 524px;
}

#content .relateditems {
	margin: 15px 0px 0px;
	padding: 10px 0px 0px;
	clear: both;
	border-top: 1px solid #777;
}
#content .relateditems ul {
	margin: 0px;
	padding: 0px;
}
#content .relateditems li 
{
    color: #333333;
	list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	line-height: 1.4em;
}
#content .relateditems li a {
	color: #0081dc;
	font-weight: bold;
	background: url(../images/chevron-list.gif) no-repeat left center;
	padding-left: 10px;
}

#sidebar
{
	float: left;
	width: 190px;
}

.J4Gday #sidebar { margin-top: 0.6em; }

#sidebar .rightad,
#leftnav .rightad
{
	width: 183px;
	padding: 10px;
	margin: 1em 0 0;
	background: url(../images/bg_ad_rhc.gif) no-repeat left top;
	min-height: 90px;
}
#sidebar .rightad h3,
#leftnav .rightad h3 {
	width: auto;
	padding: 0;
	margin: 0 0 3px;
}
#sidebar .rightad p,
#leftnav .rightad p {
	margin: 0px 0px;
	padding: 0px;
	width: 170px;
}
#sidebar .rightad a,
#leftnav .rightad a,
.rightad h3 a {
	color: #ee467a!important;
	text-decoration: none;
}
#sidebar .rightad a:hover,
#sidebar .rightad a:hover{ text-decoration: underline; }

.rightad img
{
	margin-right: 0.4em;
	width: 64px;
	height: 64px;
	margin-top: -7px;
}

#sidebar .rightad_denim {
	height: 159px;
	width: 183px;
	background: url(../images/none.gif) no-repeat left top;
	clear: both;
	margin: 10px 0px 10px;
	padding: 0px;
	float: left;
}

#sidebar .rightad_denim h2
{
	width: auto;
	margin: 0px 5px 0px 70px;
	padding: 40px 0px 0px;
}

#sidebar .rightad_denim p
{
	margin-left: 70px;
	margin-right: 5px;
}
#sidebar .rightad_denim a {
	color: #005590;
	text-decoration: none;
}
#sidebar .rightad_denim a:hover {
	text-decoration: underline;
}
.rightadBtm
{
	background-image: url(../images/bg_ad_rhc_btm.gif);
	width: 182px;
	height: 13px;
	margin-top: -1.4em;
}
#tenancybar
{
	margin: 0px 0px 1.2em 0px;
	padding: 49px 0px 0px 42px;
	height: 99px;
	width: 1010px;
	clear: both;
	background: url(../images/bgTenancyBar.gif) no-repeat;
}
#tenancybar .tenancy {
	margin: 0px 65px 0px 0px;
	padding: 0px;
	float: left;
	height: 84px;
	width: 181px;
	position: relative;
}
#tenancybar .tenancy.box {
	background: url(../images/img_tb_4.jpg) no-repeat left top;
}

#tenancybar .tenancy .text {
	position: absolute;
	bottom: 0px;
	width: 181px;
	background: url(../images/bg_tb_trans.png) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 3px;
}
#tenancybar .tenancy .text p {
	color: #fff;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#tenancybar .tenancy .text p.header {
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
#tenancybar .tenancy .text p.header a {
	color: #fff;
}

/* some footer styles amended Jun 2010 to add FRSB giving with confidence mark */
#footer
{
	background: url(../images/bgFooter.gif) no-repeat left bottom;
	margin: 0px;
	width: 990px;
	height: 50px;
	padding: 0 10px 10px 10px;
}
#footer p {
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	height: 16px;
}
#footer p.right {
}
#footer p span.lwrcase {
	text-transform: capitalize;
	color: #666;
}
#footer p span.wrap {
	text-transform: none;
	color: #666;
	font-weight: normal;
	display: block;
}
#footer p.left
{
	float: left;
	width: auto;
	margin: 7px 0px 0px 20px;
	padding-right: 10px;
	padding-top: 3px;
}
#footer p.right
{
	float: right;
	width: auto;
	color: #f28d2a;
	margin: 7px 20px 0px 0px;
	padding-left: 10px;
	padding-top: 3px;
/*	background: url(../images/bg_navRivet.png) left top no-repeat; */
	text-align: right;
	padding-right: 95px;
}

/* for Registered TM symbol */
#footer p span.wrap span
{
	font-size: 1.45em;
	vertical-align: -0.2em!important;
}

#footer a {
	text-decoration: none;
	color: #999;
}
#footer a:hover {
	text-decoration: underline;
}

/* FRSB logo */
#footer a.footerFRSBlink span
{
	position: absolute;
	left: -20000px;
}

#footer a.footerFRSBlink
{
	width: 89px;
	height: 38px;
	float: right;
	display: block;
	background-image: url(../images/footerFRSBlink.gif);
	position: relative;
	left: 98px;
	top: -38px;
}

/* end of footer */

.container {
	float: left;
}
.indent10px {
	padding-left: 10px;
}
.divider {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 15px;
}

.clearboth {
	clear: both;
}
.ticker {
	font-weight: normal;
	line-height: 1em;
}
.ticker a {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1em;
	color: #002b8d;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabContainer input.tabButton
{
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	padding:2px;
	margin:0;
}

.tabPanel
{
	border:1px solid #999;
	padding:10px 4px;
}

input.btnLarge
{
	background: url(../images/btn_submit_large.gif)!important;
	width: 157px!important;
	height: 45px!important;
	border: 0!important;
	padding-left: 157px!important;
	margin-top: 10px!important;
	margin-left: 170px!important;
	margin-bottom: 20px!important;
	outline: none!important;
	color: transparent!important;
}

input.btnLarge:hover
{
	background: url(../images/btn_submit_large_hover.gif)!important;
}

/* Added by KS 2008-09-19 styles for image grid page template */

#content .sponsors {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
	min-height: 140px;
	text-align: center;
}

#content .sponsors img
{
	margin: auto auto 1em auto;
	border-style: none;
}

/* Added by KS 2008-09-19 paging device for image grid page template */

.search-pager
{
	margin-bottom: 2em;
	text-align: center;
}

.search-pager a, .search-pager span.on
{
	padding: 1px 3px 1px 3px;
	border: 1px solid #0081dc;
	font-size: 0.7em;
}

.search-pager a:hover, .search-pager span.on, .search-pager a.on
{
	background: #005590;
	color: #ffffff !important;
	text-decoration: none !important;
}

.search-pager a:active { background: #005590; }

#content #main_content ul, #content #main_content ol {
	line-height: 1.4em;
	color: #333;
	margin-bottom: 0.6em;
	padding-left: 1em;
}

/* social icons */
ul.socialBookmarks
{
	margin: 0.4em 0 1.2em 0;
	padding-left: 0!important;
}
ul.socialBookmarks li
{
	padding-bottom: 0.6em;
	margin: 0;
	padding: 0;
}
ul.socialBookmarks li a
{
	float: left;
	padding-left: 30px;
	background: url(../images/socialbookmark.gif) left top no-repeat;
}

ul.socialBookmarks li
{
	list-style-type: none;
	float: left;
}
ul.socialBookmarks li a
{
	width: 16px;
	height: 16px;
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0px 5px 10px 0;
	background-repeat: no-repeat;
	background-position: center center;
}
ul.socialBookmarks li a:hover { border-color: #39F; }
ul.socialBookmarks li a span { display: none; }
ul.socialBookmarks li.delicious a { background-image: url(../images/social_icons/delicious.gif); }
ul.socialBookmarks li.digg a { background-image: url(../images/social_icons/digg.gif); }
ul.socialBookmarks li.reddit a { background-image: url(../images/social_icons/reddit.gif); }
ul.socialBookmarks li.facebook a { background-image: url(../images/social_icons/facebook.gif); }
ul.socialBookmarks li.stumbleupon a { background-image: url(../images/social_icons/stumbleupon.gif); }
ul.socialBookmarks li.twitter a { background-image: url(../images/social_icons/twitter.gif); }
ul.socialBookmarks li.myspace a { background-image: url(../images/social_icons/myspace.gif); }
ul.socialBookmarks li.email a { background-image: url(../images/social_icons/email.gif); }

/* 16:9 video player with polaroid frame */
.video
{
	background: url(../images/bg-videoframe.jpg) no-repeat left top;
	width: 480px;
	height: 290px;
	padding: 17px 25px 17px 19px;
}

/* generic overlay styles */

#genericOverlay h3
{
	color: #D67F00;
	font-size: 1.4em;
}

#genericOverlay p { margin-left: 0!important; }

#genericOverlay textarea
{
	width: 100%;
	height: 280px;
	margin-bottom: 0.6em;
}

#genericOverlay .selectAll { float: left; }

#genericOverlay .selectAll input
{
	background-image: url(../images/btnGiftAidSelectAll.gif);
	width: 170px;
	height: 41px;
	display: block;
	border: 0;
	color: transparent;
	padding-left: 160px;
}

#genericOverlay .selectAll input:hover { background-position: 0 -41px; }

#genericOverlay .selectAll a span
{
	position: absolute;
	left: -1000px;
}

#genericOverlay p.buttonAlign
{
	color: #100CBA;
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 80px;
	padding-left: 170px;
	padding-top: 0.2em;
}

/* back to page - confirmation screen */

a.backToYourPage
{
	background-image: url(../images/btn_backToYourPage.gif);
	width: 176px;
	height: 23px;
	display: block;
	float: left;
	margin-right: 20px;
}

a.backToYourPage span
{
	position: absolute;
	left: -1000px;
}

/* New pretty paging widget that uses sifr - 25 June 2010 */

ul.prettyPager
{
	list-style-type: none;
	padding: 0 !important;
	margin-left: 0;
	text-align: center;
}

ul.prettyPager li
{
	display: inline;
}

ul.prettyPager li.pretty 
{
	font-size: 1.7em;
	margin-right: -0.25em;
}

ul.prettyPager li.current
{
	font-size: 4em;
}

ul.prettyPager li a.prev, ul.prettyPager li a.next
{
	width: 60px;
	height: 30px;
	display: inline-block;
	background-image: url(../images/btnPrev.png);
	position: relative;
	top: -14px;
}
ul.prettyPager li a.next { background-image: url(../images/btnNext.png); }
ul.prettyPager li a.prev:hover, 
ul.prettyPager li a.next:hover { background-position: 0 -30px; }

ul.prettyPager li a span
{
	position: absolute;
	margin-left: -3000px;
}