/* Start of CMSMS style sheet 'styles' */
/* Fixed footer styles included in html, body, content, footer - DO NOT REMOVE */

#container
{
min-height: 100%;
width: 100%;
position: relative;
}

* html #container
{
height: 100%;
position: relative;
}

#content {
	text-align: left;
	width: 875px; 
	margin: 0 auto;
	padding-top: 247px;
	padding-bottom: 320px;
}

#home #content {
	padding-top: 432px;
	padding-bottom: 548px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	background:#fff url(/images/footer_background.gif) repeat-x;
	width: 100%;
	color: #999;
	text-align: center;
	line-height: 1.4em;
	height: 261px;
	
}

#home #footer {	
	background: #3E3E3E url(/images/footer_backgroundhome.gif) repeat-x;
	height: 539px
}
	
/* ends */

/* Clearfix hack until I find a workaround */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ends */

/* Common styles ########################### */
	
body {	
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	font: .75em/2em Arial, helvetica, sans-serif;
	background: #fff;
}

h1
{
	font-size: 3.4em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
	font-family: Georgia, arial, helvetica, sans-serif
}

h2, #home h1
{
	font-size: 2em;
	margin: 0 0 4px 0;
	padding: 0;
	font-weight: normal;
	color: #000;
	font-family: Georgia, arial, helvetica, sans-serif;
}

#home h1 {
	margin-bottom: 20px;
}

h3 {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Georgia, arial, helvetica, sans-serif;
}

p {
		margin: 0 0 20px 0;
		padding: 0
	}

a { 
	text-decoration: none; 
    color: #3D76B2
	}
	
a:visited { 
	color: #3D76B2;
	}
	
a:hover { 
	color: #519CEB;
	}
	
a:active { 
	background: none;
	}
	
:focus {
	outline: 0;
}

form {
	margin: 0;
	padding: 0
}

select, input, textarea {
	vertical-align: middle;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1em
}

img {
	border: 0
}


.date {
	font-size: .85em;   
	color: #999;
	line-height: normal;
	display: block;
	margin: 5px 0;
	clear: both;
}

.sideImage img {
	margin-top: 30px
}

.blockquote {
  font-size: 1.2em;
line-height: 1.6em;
font-style: italic;
  margin: 0 40px 20px 40px;
  background: url(/images/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}

.blockquote:first-letter {
  background: url(/images/open-quote.gif) no-repeat left top;
  padding-left: 18px;
}

iframe {display: none}
iframe#googleMap {display: inline!important}


/* structural styles ########################################### */

#bodyText {
	float: right;
	width: 579px
}

	#bodyText img {
		border: 1px solid #DCDDDE;
		padding: 5px;
		margin: 10px
	}
	
	#bodyText .alignRight {
	float: right;
	}
	
	#bodyText .alignCenter {
	text-align: center
	}
	
	#bodyText .alignLeft {
	float: left
	}
		
	#bodyText h2 a {
		background: url(/images/bullet_green.gif) no-repeat;
		background-position: 100% .45em;
		padding-right: 20px
	}

#bodyText h3 {
margin-top: 20px
}
	
	
	#bodyText ul {
		margin-bottom: 20px
	}
	
	#bodyText li {
		margin-bottom: 10px
	}

#subNav {
	width: 215px;
	list-style-type: none;
	margin: -7px 0 0 0;
	padding: 0;
	font-size: 1.2em;
}

	#subNav ul {
		width: 215px;
		list-style-type: none;
		padding: 0;
		margin: 0 0 20px 0;
	}

	#subNav li a {
		border-bottom: 1px solid #DCDDDE;
		padding: 10px 0;
		display:block;
	}

		#subNav li a.noBorder {
			border-bottom: 0!important
		}
	
		#subNav li li a {
			padding: 10px 0 10px 15px;
		}
	
	#subNav a {
		color: #000;
		font-weight: normal
	}
	
	#subNav a:hover { 
		color: #519CEB;
	}
	
	#subNav a.current {
		font-weight: bold
	}
	
	#subNav h3 {
		padding-top: 10px
	}
	
	#subNav h3, #subNav a.parent {
		font-family: Arial, helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0!important
	}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background:url(/images/nav_background.gif) repeat-x;
	height: 50px
}

		#header ul {
	        list-style-type: none;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			width: 935px;	
		}
	
		#header li {
			font-weight: bold;
			text-transform: uppercase;
			padding: 12px 30px;
			font-size: 1.1em;
			line-height: 3.6em;
			display: inline;
			background: url(/images/nav_divider.gif) no-repeat;
			background-position: 0 11px;
		}
		
		#header li.first {
			background:none
		}
		
		#header ul a {
			color: #fff;
		}
		
		#header ul a:hover { 
			color: #CADF3B;
		}

#headerImage {
	height: 167px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 0;
	background: url(/images/background_headerright.gif) repeat-x;
}

#home #headerImage {
	height: 350px;
	background: url(/images/background_headerrighthome.gif) repeat-x;
}
	
	#headerImage h1 {
		background: url(/images/subpage_header.jpg) no-repeat;
		height: 146px;
		width: 876px;
		background-position: 50% 0;
		margin: 0 auto;
		text-align: left;
	}
	
		#headerImage h1 span {
			display: block;
			padding: 50px 0 20px 0;
		}

	#headerImage h4 {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top:0;
		left: 0;
		width: 50%;
		height: 167px;
		text-indent: -1000em;
		z-index: -1;
		background: url(/images/background_headerleft.gif) repeat-x;	
	}
	
	#home #headerImage h4 {
		height: 350px;
		background: url(/images/background_headerlefthome.gif) repeat-x;	
	}

	#footerContent {
		width: 875px; 
		height: 191px;
		margin: 0 auto;
		clear: both;
		text-align: left;
		background: url(/images/footer_lines.gif) no-repeat;
		background-position: 223px 39px;
		line-height: 1.4em
	}
	
		#footerContent h3 {
			font-family: Arial, helvetica, sans-serif;
			margin: 0 0 2px 0;
			color: #ccc;
			font-size: 1.2em;
			margin-left: 23px;
			font-weight: bold
		}
		
		#footerContent a {
			color: #999
		}
		
		#footerContent a:hover {
			color: #ccc
		}
		
		#footerContent p {
			margin-left: 23px
		}
		
		#footerContact p, #footerContact h3 {
			margin-left: 0
		}
		
		#footerContent ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			margin-left: 23px
		}
	
		#footerContact, #footerLegal, #footerSearch {
			float: left;
			width: 223px;
			padding-top: 35px
		}
		
		#footerSearch {
			border-right: 0;
		}
				
			#footerSearch form {
				margin: 10px 0 10px 23px
			}	
			
			#footerSearch form label {
				display: none
			}
			
			#footerSearch .search-input {
				background: #575757;
				border: 1px solid #272727;
				color: #fff;
				padding: 3px 0 0 3px;
				font-size: 12px;
				font-family: arial;
				height: 21px;
				width: 140px
			}
			
		#footerSupporters {
			background: url(/images/logo_biglotteryfunded.gif) no-repeat;
			width: 125px;
			height: 83px;
			float: right;
			margin-top: 35px
		}
			#footerSupporters h3 {
				display: none;
			}
			
			#footerSupporters a {
				display: block;
				text-indent: -1000em;
				height: 83px;
				width: 125px
			}
			
	#copyright {
		clear: both;
		height: 70px;
		text-align: left;
		background: #2B2B2B
	}
	
		#copyright p {
			padding-top: 27px;
			width: 875px;
			margin: 0 auto
		}
		
		#copyright a {
			color: #AABC32
		}
	

	
/*	content forms */

#bodyText form {
	margin: 20px 0 0 0;
	padding: 35px 35px 10px 35px;
	border: solid 1px #DEDEDE;
	background: #F7F7F7 url(/images/form_background.gif) repeat-x
}

#bodyText form p {
	clear: both;
}

#bodyText .input label {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
}

#bodyText .checkbox label {
	width: 360px;
	text-align: left;
	display: inline;
	float: none;
	margin: 0;
}

#bodyText .input input, #bodyText .input textarea, #bodyText .input select {
	border: solid 1px #DEDEDE;
	width: 365px;
	background: #fff;
	padding: 4px;
	margin-left: 10px
}

#bodyText .checkbox input {
	margin-left: 120px;
	border: none;
	width: auto;
	padding: 0;
	background-color: transparent
}

#bodyText .input span {
	font-size: .9em;
	color: #999;
	display: block
}

#bodyText .input span a {
	color: #000;
}


#bodyText .button input, #bodyText .input span {
	margin-left: 120px;
}


.error_message {
	padding: 20px 20px 20px 80px;
	margin: 0;
	background: #FDF5D8 url(/images/icon_warning.gif) no-repeat;
	background-position: 20px 12px;
	border: 1px solid #FFCC66;
	font-weight: bold;
	font-size: 1.2em;
}

.success_message {
	padding: 20px 20px 20px 80px;
	margin: 0;
	background: #F2FFE4 url(/images/icon_success.gif) no-repeat;
	background-position: 20px 12px;
	border: 1px solid #99CC66;
	font-weight: bold;
	font-size: 1.2em;
}

.error_message dt {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0
}

.error_message dd {
	margin: 0;
	padding: 0
}

form span.error {
	color: #FF9900!important
}

form fieldset {
	padding: 0;
	border: 0
}

form legend {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 20px;
	color: #000
}


/*############# Homepage styles ######################### */


/* boxes */

#video {
padding: 9px 27px 25px 27px;
}

.youTubeVideo {
width: 229px;
height: 154px
}


#homepageBoxes {
	background: url(/images/boxes_background.gif) repeat-y;
	float: left;
	width: 875px;
	margin: 30px 0 0 0
}

	#homepageBoxes p {
		padding: 5px 27px 0px 27px;
		margin-bottom: 15px
	}
	
	#homepageBox1, #homepageBox2, #homepageBox3 {
		float: left;
		width: 283px;
		margin-right: 13px;
		line-height: 1.5em
	}
	
	#homepageBox3 {
		margin-right: 0
	}

	#homepageBoxes h2 {
		text-indent: -1000em;
		height: 58px;
		width: 283px;
		margin: 0;
	}
	
	#homepageBox1 h2 {
		background: url(/images/h2_reallives.gif) no-repeat
	}

	#homepageBox2 h2 {
		background: url(/images/h2_supportus.gif) no-repeat
	}

	#homepageBox3 h2 {
		background: url(/images/h2_vstvideo.gif) no-repeat
	}
	
	#homepageBox1 h3 {
		margin: 0;
		padding: 5px 27px 0 27px;
		font-family: Arial, helvetica, sans-serif;
		font-size: 1.2em
	}
	
	#homepageBoxes h2 a {
		display: block;
		height: 58px;
		width: 283px;
	}		
		
	#homepageBox3 a {
		color: #839F23
	}
	
		#homepageBox3 a:hover {
			color: #B4C734
		}
	
	#homepageBox2 a {
		color: #FF7B00
	}
	
		#homepageBox2 a:hover {
			color: #FFAE00
		}
	
	#homepageBoxes ul {
		padding: 5px 27px 20px 27px;
		list-style-type: none;
		margin: 0;
	}
	
	#homepageBox1 ul {
		padding: 10px 27px 5px 27px;
	}
	
		#homepageBoxes li {
			font-size: 1.2em;
		}
	
		#homepageBox1 li a {			
			border-top: 1px solid #C0D6EE;
			padding: 15px 0 13px 35px;
			display: block
		}	
		
		#homepageBox2 li, #homepageBox3 li {
			padding: 0 0 7px 25px;
		}
		
		#homepageBox3 li {			
			background: url(/images/bullet_green.gif) no-repeat;
			background-position: 0 .2em
		}
		
		#homepageBox2 li {
			background: url(/images/bullet_orange.gif) no-repeat;
			background-position: 0 .2em
		}
	

/* support us */

#supportUs {
	width: 875px; 
	margin: 0 auto;
	text-align: left;
	color: #000;
	height: 278px
}

	#supportUs h2 {
		background: url(/images/h2_supportusfooter.gif) no-repeat;
		background-position: 0 40px;
		text-indent: -1000em;
		height: 69px;
		width: 263px;
		margin: 0;
		padding: 0
	}

	#supportBox1, #supportBox2, #supportBox3, #supportBox4 {
		float: left;
		width: 207px;
		margin-right: 15px;
		padding-top: 30px
	}
	
	#supportBox4 {
		margin-right: 0
	}
	
	#supportUs p {
		padding-top: 10px;
	}
	
	#supportUs h3 {
		margin: 0
	}
	
	#supportUs h3 a {
		display: block;
		text-indent: -1000em;
		width: 205px;
		height: 90px;	
	}
	
	#supportBox4 h3 {
		background: url(/images/logo_socialnetworking.gif) no-repeat
	}
	
	#supportBox2 h3 {
		background: url(/images/logo_ebayforcharity.gif) no-repeat
	}
	
	#supportBox3 h3 {
		background: url(/images/logo_everyclick.gif) no-repeat
	}
	
	#supportBox1 h3 {
		background: url(/images/logo_easyfundraising.gif) no-repeat;
	}
	
/* real lives ################################## */

.newsMeta {
	color: #999;
	font-size: 1.2em;
	padding-top: 10px
}

.pagination {
font-size: 1.2em;
margin: 0;
padding: 0;
list-style-type: none
}

#bodyText .pagination li {
float: left;
padding: 0;
margin-bottom: 0!important;
display: inline;
}

.pagination img {
border: 0!important;
float: left;
padding: 0 5px 0 0!important;
margin:0!important
}

.pagination .page {
font-weight: bold;
padding: 10px 20px!important
}

.pagination .next a {
	background: url(/images/icon_forward.gif) no-repeat;
	background-position: 0 .7em;
	padding: 10px 0 10px 35px!important;
	border-bottom: 0!important;
	display: block
}

.pagination .nextoff {
	background: url(/images/icon_forwardoff.gif) no-repeat;
	background-position: 0 .7em;
	padding: 10px 0 10px 35px!important;
	border-bottom: 0!important;
}

.pagination .previous a {
	background: url(/images/icon_back.gif) no-repeat;
	background-position: 0 .7em;
	padding: 10px 0 10px 35px!important;
	border-bottom: 0!important;
	display: block
}

.pagination .previousoff {
	background: url(/images/icon_backoff.gif) no-repeat;
	background-position: 0 .7em;
	padding: 10px 0 10px 35px!important;
	border-bottom: 0!important
}

/* left menu items ################################### */

ul .address a {
	border-bottom: 0!important;
padding-bottom: 20px!important
}

ul .twitter a {
	background: url(/images/icon_twitter.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important
	}
	
ul .facebook a {
	background: url(/images/icon_facebook.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important
	}
	
ul .pdf a {
	background: url(/images/icon_pdfsml.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important
	}
	
ul .rssSignup a {
	background: url(/images/icon_rss.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important
}

ul .nlSignup a {
	background: url(/images/icon_newsletter.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important;
}	

ul .latestNews a {
	background: url(/images/icon_news.gif) no-repeat;
	background-position: 0 .8em;
	padding-left: 35px!important;
	border-bottom: 0!important
}	

ul .shareThis a {
	background: url(/images/icon_share.gif) no-repeat;
	background-position: 0 .7em;
	padding-left: 35px!important;
	border-bottom: 0!important;
}


#sideBox {
	width: 215px;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 0;
	margin: 0
}

	#sideBox ul {
		width: 215px;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#sideBox li a {
		padding: 10px 0 5px 0;
		display:block;
		margin: 0
	}
	
	#sideBox h3 {
		font-family: Arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 1em;
		margin: 0!important;
		padding: 30px 0 5px 0;
	}
	
/* Resources page ###################################### */
	
#downloads {
	margin-bottom: 30px
}
	
	.iconBig a {
		padding: 0 60px;
		background: url(/images/icon_pdf.gif) no-repeat;
		font-size: 1.2em;
		display: block
	}
	
	.pubImage {
		float: right;
		padding-left: 20px!important;
		border: 0!important;
	}

#popup {
text-align: left!important;
padding: 30px
}

/* Where we work page ################################### */

iframe {
	border: 1px solid #DCDDDE;
	padding: 5px;
	margin: 10px 0
}
/* End of 'styles' */