/*  
Theme Name: Workplace Giving
Theme URI: 
Description: Workplace Giving Custom Theme
Version: 1.0
Author: Matt Hill / Design Culture
Author URI: http://www.friskdesign.com/
*/

/*************************************************************************
	Workplace Giving / Design Culture
	MODULE: 	style.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
.clearfix:after,
#main:after,
#masthead:after,
#homeintro:after,
#pagetail:after,
#footer:after,
.charlogo:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Skip links
*************************************************************************/
#skip {
	font-size:0.80em;
}
#skip a,#skip a:visited {
	text-decoration:none;
	position:absolute;
	left:-1000em;
	top:0;
}
#skip a:visited:hover,#skip a:hover,#skip a:focus {
	color:#526568;
	text-decoration:underline;
	left:0;
}

/* General Rules and classes
*************************************************************************/
html {
	margin:0;
	padding:0;
}
body {
	background:#F7F7F7;
	color:#555;
	font: normal 0.75em/1.40em Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
}
#skip {
	position:absolute;
	left:-1000em;
}
.right,
.floatright {
	float:right;
	text-align:right;
}
.left,
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
.clearboth {
	clear:both;
}
.hidden {
	display:none;
}
.shown {
	display:block;
}
.center {
	text-align:center;
}
.hilite {
	color:#3D0943 !important;
	font-weight:bold !important;
}
.pink {
	color: #D70C8C !important;
	font-weight:bold !important;	
}

/* Main Layout (sizes / floats / positions of main elements)
*************************************************************************/
.inner {
	width:964px;
	margin:0 auto;
}
#main {
	clear:both;
	background:url(img/bg-body-blue.png) repeat-x;
	min-height:400px;
	padding:30px 0 0 0;
}
#innermain {
	background:url(img/bg-body-grey.png) left bottom repeat-x;
	padding:0 0 30px 0;
	min-height:400px;	
}
#content {
	width:718px;
	float:left;
}
#content.wide {
	float:none;
	width:100%;
}
#sidebar {
	width:226px;
	float:left;
	margin:0 0 0 20px;
}

/* General Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0 0 15px 0;
	padding:0;
	letter-spacing:normal;
}
p {
	margin:0 0 15px;
}
ul,
ol,
dl {
	margin:0 0 15px 15px;
	padding:0;
}
li {
	margin:0 0 8px;
}
h1 {
	font-size:2.7em;
	color:#333;
}
h2 {
	font-size:1.9em;
}
h3 {
	font-size:1.4em;
}
a,a:link {
	color:#0099CC;
	text-decoration:none;
}
a:visited {
	color:#0099CC;	
}
a:hover {
	color:#EA0072;
	color:#D70C8C;
}
blockquote {
	margin:0 0 20px 0;
/*
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;	
*/
}
blockquote p {
	margin:0;
}
cite {
	display:block;
	text-align:left;
	color:#666;
	font-weight:bold;
	font-style:normal;
}
address {
}
dl {
}
dt {
}
dd {
}
.small, small {
	font-size:0.75em;
}
.big, big{
	font-size:1.4em;
}
.hilite {
	color:#EA0072;
}
a.arrowright {
	display:inline-block;
	padding:0 10px 0 0;
	background:url(img/arrow-right-blue.png) right center no-repeat;
	text-decoration:none;
}
.editlink {
	display:inline-block;
	vertical-align:middle;
}
.editlink a,
.editlink a:visited {
	color:#FFF !important;
	background-color:#0099CC !important;
	background-image:none !important;
	font-weight:bold;
	text-transform:uppercase;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	padding:1px 3px !important;
}
.editlink a:hover,
.editlink a:visited:hover {
	background:#D70C8C !important;
}
h1 small.editlink,
h2 small.editlink {
	font-size:0.50em;
}
.hr, hr {
	border:0px hidden #CCC;
	width:100%;
	height:2px;
	background:#CCC;
	margin:0 0 20px;
	text-align: center;
}
/* Noscript errors
*************************************************************************/
noscript {
	
}
noscript div {
	display:block;
	padding:20px 20px 10px;
	margin:0 0 10px 0;
	background:#D70C8C;
	color:#FFF;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}
noscript p {
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
}
noscript p big {
	font-size:2.5em;
}
noscript div a,
noscript div a:visited {
	color:#FFF !important;
}
noscript a:hover {
	text-decoration:underline;
}

/* Link Buttons with Accessible BG colour fallback
*************************************************************************/
.button,
.button:hover,
.button:visited,
.button:visited:hover {
	float:left;
	display:block;
	position:relative;
	padding:0;
	border:none;
	margin:0 10px 0 0;
	width:152px;
	min-height:33px;
	_height:33px;
	text-decoration:none;
	text-align:center;
	font: bold 1em/28px Arial,"Helvetica Neue","Helvetica",sans-serif;	
	background:#CF0C87;
	color:#FFF;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}
.button b,
.button:visited b {
	display:block;
	position:absolute;
	left:-5px;right:-5px;
	top:-5px;bottom:-5px;
	width:100%;
	height:100%;
	padding:5px;
	background:url(img/bg-buttons.png) no-repeat;
	cursor:pointer;
}
.button span,
.button:visited span {
	position:relative;
	z-index:10;	
	color:#FFF;
}
/* Wide lightblue curved buttons
*************************************************************************/
.button-all,
.button-all-wide,
.button-all:hover,
.button-all-wide:hover,
.button-all:visited,
.button-all-wide:visited:hover {
	display:block;
	width:153px;
	padding:8px 30px 8px 13px;
	line-height:1em;
	font-weight:bold;
	background:url(img/button-wideblue.png) no-repeat;
}
.button-all-wide,
.button-all-wide:hover,
.button-all-wide:visited:hover {
	width:237px;
	padding:8px 30px 8px 13px;
	background:url(img/button-widerblue.png) no-repeat;
}


/* Images
*************************************************************************/
img {
	border:none;
}
img.alignright {float:right; margin:0 0 30px 30px}
img.alignleft {float:left; margin:0 30px 30px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 30px 30px}
a img.alignleft {float:left; margin:0 30px 30px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.transparent {
	padding:0 !important;
	background:none !important;
	border:none !important;
}


/* General Form Styling
*************************************************************************/
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {
	display:none;
}
input,textarea {
	border:2px solid #CDCDCD;
	color:#999;
	background:#FFF;
	padding:7px 10px;
	margin:0 0 5px 0;
	font: normal 1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
input:focus,
textarea:focus {
	color:#333;
}
select {
	padding:2px;
	width:180px;
}
button {
	border:none;
	padding:8px 10px;
	margin:5px 0 0 0;
	background:#5F0050;
	color:#FFF;
	text-align:center;
	font: bold 1.1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	cursor:pointer;
}
form label.error {
	font-weight:bold !important;
	font-size:0.85em !important;
	font-style:normal;
	line-height:normal !important;
	width:200px !important;
	float:left !important;
	clear:none !important;
	color:#D70C8C !important;
	padding:0 0 0 10px;
}
form #multicharity label.error {
	padding:0 0 0 160px;
}
form select.error,
form input.error,
form textarea.error {
	border:2px solid #D70C8C !important;
}

/* Fix for IE / PollDaddy styling */
.pds-answer-input input {
	padding: 0 !important;
	border:none !important;
	margin:0 !important;
}

.pds-links {
	float:none !important;
	padding:8px 0 0 0 !important;
}
.pds-pd-link {
	clear:both !important;
	display:block !important;
	font-size:10px !important;
	color: #CCC !important;
}
.pds-view-results {
	padding: 0 0 0 10px !important;
}
/* Masthead
*************************************************************************/
#masthead {
	background:#FFF;
	border-top:4px solid #CF0C87;
	border-bottom:2px solid #CBCBC8;	
}
#masthead .inner {
	position:relative;
	height:136px;
}
#masthead #logo {
	position:absolute;
	bottom:20px; left:0;
}
/* Masthead - Top Bar
*************************************************************************/
#topbar {
	width:555px;
	float:right;
	position:relative;
	background:#CF0C87 url(img/bg-topbar.png) left bottom repeat-x;
	padding:3px 0 6px;
	font-size:0.95em;	
}
/**** Curved Corners ****/
#topbar b,
#topbar i {
	font-size:0;
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	bottom:0;
}
#topbar b {
	left:0;
	background:url(img/bg-sprites.png) 0 0 no-repeat;
}
#topbar i {
	right:0;
	background:url(img/bg-sprites.png) -10px 0 no-repeat;
}
/* Masthead - Top Navigation
*************************************************************************/
#navmeta {
	padding:3px 0 0;
	margin:0;
	list-style:none;
	float:left;
}
#navmeta li {
	list-style:none;
	float:left;
	padding:0 0 0 0;
	margin:0;
/*	border-right:1px solid #E355AF;*/
	background:url(img/bg-topbar-divider.png) right bottom no-repeat;
}
#navmeta li:last-child {
	border:none;
}
#navmeta li a,
#navmeta li a:visited {
	display:block;
	padding:0 12px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
#navmeta li a:hover,
#navmeta li a:visited:hover {
	color:#FFF0C6;
}
/* Masthead - Translate
*************************************************************************/
#translate {
	position:relative;
	float:right;
	width:200px;
	margin:0 5px 0 0;
	z-index:10;
	color:#FFF;
}
#translate p.off,
#translate p.on {
	position:relative;
	background:#B00075 url(img/bg-translate.png) left bottom repeat-x;;
	padding:3px 10px;
	margin:0;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor:pointer;
}
#translate p.on {
	-khtml-border-bottom-right-radius: 0px;	
	-webkit-border-bottom-right-radius: 0px;	
	-moz-border-radius-bottomright: 0px;
	-khtml-border-bottom-left-radius: 0px;	
	-webkit-border-bottom-left-radius: 0px;	
	-moz-border-radius-bottomleft: 0px;
}
#translate b {
	position:absolute;
	left:179px;
	top:50%;
	width:16px;
	height:16px;
	margin-top:-8px;
	display:block;
	background:url(img/bg-sprites.png) -20px 0 no-repeat;	
	font-size:0;
}
#translate:hover p,
#translate.iehover p,
#translate p.clicked {
	color:#FFF;
	background:#3D0943;
}
#translate:hover b,
#translate.iehover b,
#translate p.clicked b {
	background-position:-36px 0;	
}
#translate #transmenu.on,
#translate #transmenu.off {
	position:absolute;
	z-index:5;
	left:-1000em;
	list-style:none;
	width:180px;
	margin:0;
	padding:10px 10px 5px;
	background:#3D0943;
	-khtml-border-bottom-right-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-left-radius: 10px;	
	-webkit-border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomleft: 10px;	
}
#translate #transmenu.on {
	left:auto;
}
#translate #transmenu span {
	display:block;
	padding:0 0 7px 0;
	color:#FFF0C6;
}

/*** Enable the hover effect
	  See the jquery_func.js for extra spiffiness and IE6 fix ***/
/*
#translate:hover #transmenu,
#translate.iehover #transmenu {
	left:auto;
}
*/
/* Google styling */

#google_translate_element {
	width:180px;
}
#google_translate_element select {
	width:176px;
}
#google_translate_element span {
	display:inline;
	color:#FFF !important;
}



/* Masthead - Main Navigation
*************************************************************************/
#navmain {
	margin:0;
	list-style:none;
	position:absolute;
	bottom:-2px;
	right:0;
	z-index:2;
}
#navmain li {
	list-style:none;
	float:left;
	padding:0 0 20px 0;
	margin:0 0 0 38px;
}
#navmain li a,
#navmain li a:visited {
	display:inline-block;
	color:#696C6E;
	text-decoration:none;
	font-size:2.25em;
	font-weight:bold;
	line-height:1em;
/*	letter-spacing:-0.05em;*/
}
#navmain li a:hover,
#navmain li a:visited:hover {
	color:#D70C8C;
}
#navmain li.current_page_item,
#navmain li.current_page_ancestor {
	background:url(img/bg-navselected.png) 50% bottom no-repeat;	
}
/**** Highlighting when in a section ****/
#inGive #navmain li#navgive a,
#inGive #navmain li#navgive a:visited,
#inHow #navmain li#navhow a,
#inHow #navmain li#navhow a:visited,
#inEmploy #navmain li#navemploy a,
#inEmploy #navmain li#navemploy a:visited {
	color:#D70C8C;
}
#inGive #navmain li#navgive,
#inHow #navmain li#navgive,
#inEmploy #navmain li#navemploy {
	background:url(img/bg-navselected.png) 50% bottom no-repeat;		
}


/* General Post stuff
*************************************************************************/
.post {
	padding:0;
	color:#666;
}
.post img {
	padding:4px;
	background:#FFF;
	border:1px solid #CCC;
}
.post .postcontent h2,
.post .postcontent h3,
.post .postcontent h4,
.post .postcontent h5,
.post .postcontent h6 {

}
.post .postcontent p,
.post .postcontent ul,
.post .postcontent ol {
	font-size:1.25em;
	line-height:1.4em;
	margin:0 0 20px 0;
}
.post .postcontent p big,
.post .postcontent ul big,
.post .postcontent ol big,
.post .introtext {
	font-size:1.4em;
	line-height:1.5em;
	color:#333;
}
.post .postcontent ul,
.post .postcontent ol {
	margin:0 0 20px 20px;
}
.post .postcontent .bordertop {
	border-top:2px solid #CBCBC8;
	padding:20px 0 0 0;
	margin:30px 0 15px;
}
.post .postcontent h1 {
	margin:0 0 25px 0;
}
.post .postcontent h2 {
/*	letter-spacing:-0.05em;*/
	margin:30px 0 12px 0;
}
.post .postcontent h3 {
/*	letter-spacing:-0.05em;*/
	font-size:1.5em;
	margin:30px 0 12px 0;
}
.post .postcontent h4 {
/*	letter-spacing:-0.05em;*/
	font-size:1.3em;
	margin:30px 0 12px 0;
}
.post .postcontent h5 {
	margin:30px 0 12px 0;
/*	letter-spacing:-0.05em;*/
	font-size:1.2em;
}
.post .postcontent blockquote {
	width:308px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
	color:#D70C8C;
	text-align:left;
}
.post .postcontent blockquote.alignleft {
	margin:0 30px 30px 0;
	float:left;
}
.post .postcontent blockquote.alignright {
	margin:0 0 30px 30px;
	float:right;
}
.post .postcontent blockquote p {
	float:none;
	margin:0;
}
.post .postcontent blockquote cite,
.post .postcontent blockquote strong {
	font-size:0.5em;
	text-transform:uppercase;
	color:#666;
}
.post .postcontent object {
	float:left;
	margin:0 5px 0 0;
	padding:4px;
	background:#FFF;
	border:1px solid #CCC;
}
.post .postcontent .relatedimage {
	margin:0 5px 0 0;
}

/* General panel styling 
*************************************************************************/
/*
	Used for 226px wide grey panels on Sidebar, Home, Giving, Sponsorship, etc.
	Specific overrides for special cases are either in the next section below
	or in specific external stylesheets (eg, home.css)
*/

.panel {
	min-height:170px;
	padding:0 16px 10px;
	margin:0 0 20px 0;
	background:url(img/bg-panel.png) left bottom no-repeat;
}
.long {
	min-height:312px;
}
.panel b {
	display:block;
	height:10px;
	margin:0 -16px 2px; 
	font-size:0;
	background:url(img/bg-panel.png) left top no-repeat;
}
.panel h3 {
	line-height:normal;
	margin:0 0 5px 0;
}
.panel h4 {
	line-height:normal;
	margin:5px 0 8px;
	color:#999;
}
.panel p {
	line-height:normal;
	margin:0 0 5px 0;
}
.panel ul {
	margin:0; padding:0;
	list-style:none;	
}
.panel ul li {
	padding:0 0 0 15px;
	line-height:normal;
	background:url(img/arrow-right-blue.png) left 2px no-repeat;
}

/* Calculate / Company Panel Overrides (Homepage / Giving)
*************************************************************************/
#calculate-panel {
	background:url(img/bg-panel-special.png) left bottom no-repeat !important;
}
#calculate-panel b {
	height:13px;
	background:url(img/bg-panel-special.png) left top no-repeat !important;
}
#calculate-panel i,
#searchco-panel i {
	float:left;
	display:block;
	height:57px; width:55px;
	margin:0 5px 0 -3px;
	background:url(img/bg-sprites.png) 0 -60px no-repeat;	
	font-size:0;
}
#searchco-panel i {
	background:url(img/bg-sprites.png) -55px -60px no-repeat;		
}
#searchco-panel {
	background:url(img/bg-panel-special.png) right bottom no-repeat !important;
}
#searchco-panel b {
	height:13px;
	background:url(img/bg-panel-special.png) right top no-repeat !important;
}
#calculate-panel h3,
#searchco-panel h3 {
	float:left;
	width:130px;
	font-size:1.3em;
	line-height:1.2em;
	color:#333;
}
#calculate-panel h4,
#searchco-panel h4 {
	font-size:0.9em;
}
/******* Alternate tops for Calc/Search co on giving page ******/
#sidebar #searchco-panel,
#sidebar #calculate-panel,
#sidebar #searchco-panel b,
#sidebar #calculate-panel b {
	background-image:url(img/bg-panel-special-alt.png) !important;
}

/* Widget Forms
*************************************************************************/
#calculate-panel form,
#searchco-panel form {
	padding:5px 0 0;
}
#calculate-panel form button,
#searchco-panel form button {
	width:62px;
	height:36px;
	padding:0 0 4px;
	margin:0;
	background-color:#0099CC;
	background-repeat:no-repeat;
	-khtml-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	font-size:1.2em;
}
#calculate-panel form button {
	background-image:url(img/bg-button-calc.png);
}
#searchco-panel form button {
	background-image:url(img/bg-button-company.png);
}
#calculate-panel form label,
#searchco-panel form label {
	display:none;	
}
#calculate-panel form input {
	width:85px;
	padding:5px 10px 5px 25px;
	background:#FFF url(img/bg-sprites.png) 0 -26px no-repeat;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
}
#searchco-panel form input {
	width:100px;
	padding:9px 10px 7px 10px;	
}

/* Sidebar Grey Panels
*************************************************************************/
#sidebar .greypanel {
	min-height:170px;
	width:200px;
	padding:0 13px 10px;
	margin:0 0 20px 0;
	background:url(img/bg-panel-sectorselect.png) left bottom no-repeat;	
}
#sidebar .greypanel b {
	display:block;
	height:20px;
	margin:0 -13px; 
	font-size:0;
	background:url(img/bg-panel-sectorselect.png) left top no-repeat;
}
/* Sidebar Promos
*************************************************************************/
#sidebar #side-promos {
	width:226px;
}
#sidebar #side-promos img {
	display:block;
	margin:0 0 15px 0;
}

/* Intro Image Areas
*************************************************************************/
.imageintro {
	display:block;
	position:relative;
	left:-2px; top:0; right:-2px;
	width:722px;
}
.imageintro .postcontent {
	padding:30px;
	color:#FFF;
}
.imageintro .postcontent .introtext {
	font-size:1.2em;
	line-height:1.4em;
	color:#FFF;
	width:280px;
}
.imageintro div.postcontent .editlink {
	position:absolute;
	top:10px; left:10px;
}
.imageintro div.postcontent .editlink a,
.imageintro div.postcontent .editlink a:visited {
	color:#FFF;
}
.imageintro .button,
.imageintro .button:hover,
.imageintro .button:visited,
.imageintro .button:visited:hover {
	float:none;
	width:131px;
	height:35px;	
	margin:40px 0 0 10px;
	font-size:1.4em;
	position:absolute;
	bottom:30px;
	left:30px;
}
.imageintro .button b,
.imageintro .button b:visited {
	left:-15px;right:-15px;
	padding:5px 15px;
	background:url(img/bg-buttons.png) -302px top no-repeat;	
}
.imageintro img {
	display:block;
	position:absolute;
	left:-2px; top:0; right:-2px;
	z-index:100;
}
.imageintro h1 {
	color:#FFF;
	padding:0;
	margin:-10px 0 20px 0;
}
#sectorintro {
	height:293px;
}
#sectorintro .postcontent p {
	font-size:1.2em;
	line-height:1.4em;
	color:#FFF;
	width:320px;
}
#sectorintro #sector49 p,
#sectorintro #sector49 h1 {
	color:#333;
}

/* Start giving exceptions */
#givingintro {
	width:718px;
	height:384px;
	left:0; top:0; right:0;
	background:#D70C8C url(img/bg-givingintro.png) no-repeat;
}
#givingintro .postcontent .introtext {
	width:300px;
}
#givingintro .button,
#givingintro .button:hover,
#givingintro .button:visited,
#givingintro .button:visited:hover {
	float:none;
	width:144px;
	height:35px;	
	margin:40px 0 0 10px;
	font-size:1.4em;
	position:absolute;
	bottom:30px;
	left:30px;
	padding:0;
}
#givingintro .button b,
#givingintro .button:visited b {
	left:-20px;right:-20px;
	padding:5px 20px;
	background:#0099CC url(img/bg-button-startgiving.png) no-repeat;
}


/* Charity Selector 
*************************************************************************/
#sectorselect {
	min-height:170px;
	width:200px;
	padding:0 13px 10px;
	margin:0 0 20px 0;
	background:url(img/bg-panel-sectorselect.png) left bottom no-repeat;	
}
#sectorselect b {
	display:block;
	height:20px;
	margin:0 -13px; 
	font-size:0;
	background:url(img/bg-panel-sectorselect.png) left top no-repeat;
}
#sectorselect ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sectorselect ul li {
	margin:0;
	padding:0;
	line-height:1em;
}
#sectorselect ul li a,
#sectorselect ul li a:visited {
	display:block;
	padding:4px 13px 8px;
	background-image:url(img/bg-rollover-sectselect.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:bold;
}
#sectorselect ul li a:hover,
#sectorselect ul li a:visited:hover {
	background-position:right top;
	color:#0099CC;
}
/* Charity Sector - Mid Heading
*************************************************************************/
#sectorsubintro {
	padding:30px 0;
}
#sectorsubintro h2 {
	float:left;
	color:#D70C8C;
	font-size:1.6em;
	line-height:normal;
	width:185px;
}
#sectorsubintro p {
	float:left;
	width:530px;
}

/* Charity Sector - List of Charities
*************************************************************************/
#sectorcharities ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sectorcharities li {
	width:164px;
	min-height:270px;
	float:left;
	margin:0 20px 0 0;
}
#sectorcharities li .charlogo {
	margin:0 0 10px;
	overflow:hidden;
}
#sectorcharities li.flush {
	margin:0;
}
#sectorcharities li h2 {
	font: bold 1.2em/normal Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0 0 7px 0;
}
/* Charity Detail - Sidebar Giving Button
*************************************************************************/
#sidebar #logogiving {
	width:174px;
	padding:0 26px 10px;
}
#sidebar #logogiving b {
	margin:0 -26px 0;
}
#sidebar #logogiving img {
	display:block;
	margin:-10px 0 0 0;
}
#sidebar #logogiving p {
	margin:0;
	padding:0 0 20px 0;
}
#sidebar #logogiving .button,
#sidebar #logogiving .button:hover,
#sidebar #logogiving .button:visited,
#sidebar #logogiving .button:visited:hover {
	float:none;
	clear:both;
	width:154px;
	min-height:35px;
	background:#0086C5;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;		
	margin:0 auto 15px;
	font: bold 1.4em/30px Arial,"Helvetica Neue","Helvetica",sans-serif;		
}
#sidebar #logogiving .button b,
#sidebar #logogiving .button:visited b {
	height:35px;
	margin:0;
	left:-15px;right:-15px;
	top:-5px;bottom:-5px;
	padding:5px 15px;
	background:url(img/button-continue.png) no-repeat;	
}
/* Charity Detail - Post Tweaks
*************************************************************************/
.charitydetail .post .posttitle h1 {
	margin:0 0 5px;
}
.charitydetail .post .posttitle p {
	margin:0 0 20px;
	font-size:1.4em;
}
.charitydetail .post .postcontent {
	padding-bottom:20px;
}
/* Charity Detail - List All Charities
*************************************************************************/
#othercharities {
	clear:both;
	width:718px;
	padding:20px 0 0 0;
	margin:0;
	border-top:2px solid #CBCBC8;	
}
#othercharities h2 a,
#othercharities h2 a:visited {
	font-size:0.75em;
	font-weight:bold;
	float:right;
	text-decoration:none;
	margin:7px 0 0 0;
	padding:0 10px 0 0;
	display:block;
	vertical-align:bottom;	
	background:url(img/arrow-right-blue.png) right center no-repeat;	
}
#othercharities ul {
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
}
#othercharities ul li {
	width:209px;
	padding:0 18px 0 12px;
	float:left;
	background:url(img/arrow-right-blue.png) left 4px no-repeat;
}
#othercharities ul.nofloat {
	float:left;
}
#othercharities ul.nofloat li {
	float:none;
}
/* "View All" link at bottom of Charity detail / News
*************************************************************************/
#viewall-link {
	width:718px;
	clear:both;
	border-top:2px solid #CBCBC8;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	margin:20px 0 0 0;
	padding:10px 0 0;
}
#viewall-link a,
#viewall-link a:visited {
	font-weight:bold;
	text-decoration:none;
	padding:0 10px 0 0;
	background:url(img/arrow-right-blue.png) right 6px no-repeat;	
}

/* Giving Portal Page - Main / Intro
*************************************************************************/
#giving-left {
	width:718px;
	float:left;
}
#giving-left #content {
	float:none;
}
#givingintro .postcontent {
	float:left;
	width:432px;
}
#givingintro #sectorselect {
	float:left;
	min-height:374px;
	background-color:#FFF;
	background-position:right bottom;
}
#givingintro #sectorselect b {
	background-position:right top;
}
#givingintro #sectorselect h2 {
	color:#333;
	font-size:1.3em;
	line-height:normal;
	padding:0 5px 0 10px;
}
#sidebar #giving-testimonials blockquote {
	padding:0 26px 0 0;
}
/* Giving Portal Page - Links (FAQs / Ways to help)
*************************************************************************/
#giving-links {
	float:left;
	width:226px;
	margin:0;
}
#giving-links .panel {
	min-height:0;
}
#giving-links .panel h3 {
	color:#D70C8C;
	margin:0 0 10px 0;
}
#giving-links .panel p {
	margin:0 0 10px 0;
	line-height:1.4em;	
}	
#giving-links #giving-link-ways li {
	margin-bottom:4px;
}
#giving-links #otherways-loop {
	width:150px;
	height:75px;
	overflow:hidden;
	border:none;
	background:none;
	margin:0 0 10px 0;
}
#giving-links #otherways-loop img {
	display:block;
	padding:0;
	border:none;
	background:none !important;
}

/* Giving Portal Page - Double Sponsorship
*************************************************************************/
#giving-sponsors {
	float:left;
	width:432px;
	min-height:400px;
	padding:0 20px;
	margin:0 0 0 20px;
	background:url(img/bg-panel-double.png) left bottom no-repeat;
}
#giving-sponsors b {
	display:block;
	height:10px;
	margin:0 -20px 2px; 
	font-size:0;
	background:url(img/bg-panel-double.png) left top no-repeat;
}
#giving-sponsors div {
	padding:0;
	margin:-10px 0 10px 0;
	width:206px;
	float:left;
	line-height:normal;
}
#giving-sponsors div.first {
	margin-right:20px;
}
#giving-sponsors div h3 {
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#giving-sponsors div p {
	line-height:1.4em;
}
#giving-sponsors div img {
	display:block;
	margin:0 0 10px;
}
#viewall-sponsors {
	clear:both;
	margin:0 auto 20px;
	
}


/* Case Study
*************************************************************************/
#content.casestudy {
	margin:8px 0 0 0;
	padding:0 0 40px 30px;
	width:688px;
	min-height:600px;
	background:url(img/bg-panel-casestudy.png) left bottom no-repeat;
}
#content.casestudy b {
	display:block;
	height:10px;
	margin:0 0 15px -30px; 
	font-size:0;
	background:url(img/bg-panel-casestudy.png) left top no-repeat;
}
.casestudy .post {
	float:left;
	width:436px;
}
.casestudy .post .posttitle h1 {
	margin:0;
}
.casestudy .post .posttitle h2 {
	margin:0 0 20px;
}
.casestudy .post .postcontent {
	font-size:0.85em;
}
.casestudy .post .postcontent .introtext {
	font-size:1.6em;
	line-height:1.4em;
}
.casestudy .post .postcontent p {
	margin:0 0 20px;
}
.casestudy .post .postcontent blockquote {
	width:auto;
	font-size:1.7em;
	line-height:1.5em;
	font-weight:bold;	
	color:#D70C8C;
	text-align:left;
}
.casestudy .post .postcontent blockquote p {
	float:none;
	margin:0;
}
.casestudy .post .postcontent blockquote cite,
.casestudy .post .postcontent blockquote strong {
	font-size:1em;
	text-transform:none;
}
.casestudy .post .postcontent blockquote cite {
	font-size:0.7em;
	text-transform:none;
	font-weight:normal;
	color:#666;
}
#casetudysidebar {
	float:right;
	width:242px;
	min-height:450px;
	margin:-35px 0 0;
	background:url(img/bg-panel-casestudy-logopic.png) right top no-repeat;	
}
#content #casetudysidebar h3 {
	margin:30px 18px 0;
}
#content #casetudysidebar h3.hilite {
	color:#D70C8C;
	margin:25px 36px 0;
}
#content #casetudysidebar h3.hilite b {
	display:inline-block;
	height:14px; width:8px;
	margin:0 0 0 9px;
	vertical-align:middle;
	background:url(img/bg-sprites.png) -112px -60px no-repeat;	
	font-size:0;
}
#content #casetudysidebar p {
	margin:0 36px 0;
}
#content #casetudysidebar div {
	width:238px;
	height:334px;
}
#content #casetudysidebar img {
	display:block;
	margin:12px 0 0;
}
#content #casetudysidebar ul {
	margin:15px 18px 0;
	padding:0;
	list-style:none;
}
#content #casetudysidebar li a {
	padding:0 0 0 12px;
	background:url(img/arrow-right-blue.png) left 2px no-repeat;
}


/* Employer Hub
*************************************************************************/
#employerhub {
	padding:20px 0 0 0;	
}

#employerhub .subpage {
	float:left;
	width:167px;
	margin:25px 0 0 0;
	padding:0 10px 0 15px;
	position:relative;
	border-right:1px solid #CCCCCC;
}
#employerhub #employer33,
#employerhub #employer34,
#employerhub #employer35 {
	width:268px;
	padding:0 20px;
	min-height:240px;
	margin:0;
	background:url(img/bg-employerhub.jpg) left bottom no-repeat;
	border:none;
}
#employerhub #employer34 {
	margin:0 20px;
	background:url(img/bg-employerhub.jpg) center bottom no-repeat;	
}
#employerhub #employer35 {
	background:url(img/bg-employerhub.jpg) right bottom no-repeat;	
}
#employerhub #employer36 {
	border:none;
}
#employerhub #employer33 b,
#employerhub #employer34 b,
#employerhub #employer35 b {
	display:block;
	height:10px;
	margin:0 -20px 5px; 
	font-size:0;
	background:url(img/bg-employerhub.jpg) left top no-repeat;
}
#employerhub .subpage .editlink {
	margin:0;
}
#employerhub #employer33 .editlink,
#employerhub #employer34 .editlink,
#employerhub #employer35 .editlink {
	position:absolute;
	right:10px;	top:10px;
	text-align:left;
}
#employerhub .subpage h2 {
	color:#D70C8C;
	font-size:1.3em;
	margin:0;
	padding:10px 0 0 0;
}
#employerhub #employer33 h2,
#employerhub #employer34 h2,
#employerhub #employer35 h2 {
	font-size:1.6em;
	margin:0 0 10px;
	padding:0;
}
#employerhub #employer33 p,
#employerhub #employer34 p,
#employerhub #employer35 p {
	padding:0 110px 0 0;
}
#employerhub .subpage a.arrow,
#employerhub .subpage a.arrow:visited {
	padding:0 0 0 12px;
	background:url(img/arrow-right-blue.png) left 2px no-repeat;
	display:block;
}
#employerhub .subpage i {
	float:left;
	display:block;
	height:56px;
	margin:0 5px 0 0;
	background:url(img/employer-icons.png) no-repeat;
}
#employerhub .subpage p {
	clear:both;
}
#employerhub #employer38 i {
	width:49px;
	background-position:0 0;
}
#employerhub #employer206 i {
	width:53px;
	background-position:-50px 0;
}
#employerhub #employer39 i {
	width:49px;
	background-position:-104px 0;
}
#employerhub #employer40 i {
	width:55px;
	background-position:-154px 0;
}
#employerhub #employer36 i {
	width:46px;
	background-position:-210px 0;
}

/* Employer Hub Style Exceptions
*************************************************************************/
/* IDs for Employer pages
	6,33,34,35,38,206,39,40
*/

#inEmploy .post .postcontent h2 {
	margin:30px 0 12px 0;
	color:#D70C8C;	
}
#inEmploy .post .postcontent h3,
#inEmploy .post .postcontent h4,
#inEmploy .post .postcontent h5,
#inEmploy .post .postcontent h6 {
	margin:30px 0 0 0;
	color:#D70C8C;
}


/* News & Press - General
*************************************************************************/
#newspress #content .newspost h1,
#newspress #content .newspost h2,
#newspress #content .newspost h3,
#newspress #content .newspost h4 {
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;	
}
#newspress .button-all {
	clear:both;
}
#newspress .newspost,
#newspress .archive {
	padding:0;
	color:#666;
}
#newspress .newspost img,
#newspress .archive img {
	padding:4px;
	background:#FFF;
	border:1px solid #CCC;
}

/* News & Press - Lead Post
*************************************************************************/
#newspress .leadpost {
	padding:15px 0 0 0;
}
#newspress .leadpost .image {
	width:310px;
	margin:0 18px 0 0;
	float:left;
}
#newspress .leadpost .image img {
	display:block;
	border-top:none;
	border-left:1px solid #DAE1E3;
	border-right:1px solid #DAE1E3;
	border-bottom:1px solid #BABDBE;
}
#newspress .leadpost .image b {
	display:block;
	height:1px;
	font-size:0;
	background:#DFE3E4;
}
#newspress .leadpost .postcontent {
	width:390px;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
}
#newspress .leadpost h2 {
	font-size:2em;
	line-height:normal;
	margin:0 0 10px 0;
}
#newspress .leadpost p.date {
	font-size:1em;
	margin:0 0 15px 0;
}

/* News & Press - News Items Column
*************************************************************************/
#newsitems {
	clear:both;
	float:left;
	width:451px;
	padding:20px 20px 0 0;
	border-right:1px solid #CCC;
}
#newsitems h2 {
	color:#D70C8C;
	font-size:1.8em;
	margin:0 0 30px 0;	
}
#newsitems .newspost {
	margin:0 0 20px 0;
}
#newsitems .newspost .image {
	width:115px;
	min-height:50px;
	margin:0 21px 0 0;
	clear:left;
	float:left;
}
#newsitems .newspost .image img {
	display:block;
	padding:3px;
	border-top:none;
	border-left:1px solid #DAE1E3;
	border-right:1px solid #DAE1E3;
	border-bottom:1px solid #BABDBE;
	margin:0;
}
#newsitems .newspost .image b {
	display:block;
	height:1px;
	font-size:0;
	line-height:0;
	background:#DFE3E4;
	padding:0;
}
#newsitems .newspost .postcontent {
	width:296px;
	float:left;
	font-size:1em;
}
#newsitems .newspost .postcontent h3 {
	font-size:1.2em;
	line-height:normal;
	letter-spacing:normal;
	font-weight:bold;
	margin:0 0 2px 0;
}
#newsitems .newspost p.date {
	font-size:0.9em;
	margin:0 0 10px 0;
}
#newsitems .button-all {
	margin:0 0 0 136px;
}

/* News & Press - Press Items Column
*************************************************************************/
#pressitems {
	float:left;
	width:206px;
	padding:20px 0 0 20px;
}
#pressitems h2 {
	color:#666;
	font-size:1.8em;
	margin:0 0 30px 0;
}
#pressitems .newspost {
	margin:0 0 20px 0;
}

#pressitems .newspost .postcontent img {
	padding:0;
	background:none;
	border:none;
}
#pressitems .newspost .postcontent {
	font-size:1em;
	line-height:normal;
	color:#999;
}
#pressitems .newspost .postcontent h3 {
	font-size:1.2em;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	margin:0 0 2px 0;
	color:#333;
}
#pressitems .newspost .postcontent h3 a, 
#pressitems .newspost .postcontent h3 a:visited {
	color:#333;
}
#pressitems .newspost p.date {
	font-size:0.9em;
	margin:0 0 10px 0;
	color:#666;	
}

/* News & Press - RSS Subscribe
*************************************************************************/
#newsitems h2 a,
#newsitems h2 a:visited,
#pressitems h2 a,
#pressitems h2 a:visited {
	color:#999;
	font-size:0.5em;
	font-weight:bold;
	float:right;
	text-decoration:none;
	margin:7px 0 0 0;
	display:block;
	vertical-align:bottom;	
}
#newsitems h2 a:hover,
#newsitems h2 a:visited:hover,
#pressitems h2 a:hover,
#pressitems h2 a:visited:hover {
	color:#D70C8C;
}
#newsitems h2 a b,
#pressitems h2 a b {
	display:inline-block;
	height:16px; width:16px;
	margin:0 0 0 5px;
	vertical-align:middle;
	background:url(img/bg-sprites.png) -117px 0 no-repeat;	
	font-size:0;
}

/* News & Press - Archive
*************************************************************************/
#newspress .archive {
	padding:0;
	margin:0 0 30px 0;
	clear:both;
}
#newspress .archive .image {
	width:115px;
	min-height:50px;
	margin:0 21px 0 0;
	float:left;
	
}
#newspress .archive .image img {
	display:block;
	padding:3px;
	border-top:none;
	border-left:1px solid #DAE1E3;
	border-right:1px solid #DAE1E3;
	border-bottom:1px solid #BABDBE;
	margin:0;
}
#newspress .archive .image b {
	display:block;
	height:1px;
	font-size:0;
	line-height:0;
	background:#DFE3E4;
	padding:0;
}

#newspress .archive .postcontent {
	width:540px;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
}
#newspress .archive h2 {
	font-size:1.2em;
	line-height:normal;
	margin:0;
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;		
}
#newspress .archive p.date {
	font-size:0.85em;
	margin:0 0 5px 0;
}


/* News & Press - Press Contacts Panel
*************************************************************************/
#sidebar .presscontact h3 {
	padding:10px 0;
	margin:0;
}
#sidebar .presscontact p {
	font-size:1em;
}
/* News & Press - Single Page Template
*************************************************************************/
#content .newsdetail .posttitle h1 {
	margin:0;
}
#content .newsdetail .posttitle .date {
	font-weight:normal;
}
/* News & Press - Single Page Template - Recent Headlines
*************************************************************************/
#newsrecent {
	clear:both;
	width:718px;
	border-top:2px solid #CBCBC8;
	margin:20px 0 0 0;
	padding:10px 0 0;
}
#newsrecent h2 {
	font-size:1.5em;
	margin:0 0 25px 0;
}
#newsrecent .newspost {
	float:left;
	width:226px;
	padding:0;
	margin:0 0 0 20px;
}
#newsrecent .first {
	margin:0;
}
#newsrecent .newspost .image {
	width:115px;
	min-height:50px;
	margin:0 10px 5px 0;
	float:right;
}
#newsrecent .newspost .image img {
	display:block;
	padding:3px;
	border-top:none;
	border-left:1px solid #DAE1E3;
	border-right:1px solid #DAE1E3;
	border-bottom:1px solid #BABDBE;
	background:#FFF;
	margin:0;
}
#newsrecent .newspost .image b {
	display:block;
	height:1px;
	font-size:0;
	line-height:0;
	background:#DFE3E4;
	padding:0;
}
#newsrecent .newspost .postcontent {
	font-size:1em;
}
#newsrecent .newspost h3 {
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;	
	font-size:1.2em;
	line-height:normal;
	letter-spacing:normal;
	font-weight:bold;
	margin:0;
}
#newsrecent .newspost p.date {
	font-size:1em;
	margin:0 0 10px 0;
}
/* News archives
*************************************************************************/
#newsarchivelink {
	clear:both;
}
#newsarchivelink h3 {
	padding:10px 0 0 0;
	margin:0 15px 0 0;
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;			
}
#newsarchivelink select {
	float:left;
	margin:0 15px 0 0;
}
#newsarchivelink a {
	float:right;
}

/* Testimonials
*************************************************************************/
#testimonials {
	width:738px;
	height:580px;
}
#testimonials .wraptwo {
	width:718px;
	padding:0 20px 0 0;
	height:580px;
	overflow:hidden;
}
#testimonials .testimonial {
	float:left;
	width:348px;
	height:560px;
}
#testimonials .odd {
	margin:0 20px 20px 0;
	background:#FFF url(img/bg-testimonials.png) left bottom no-repeat;
}
#testimonials .even {
	margin:0 0 20px 0;
	background:#FFF url(img/bg-testimonials.png) right bottom no-repeat;
}
#testimonials blockquote {
	padding:0 30px 30px;
}
#testimonials blockquote p {
	float:none;
	margin:0;
	font-size:1.2em;
	line-height:1.4em;
}
#testimonials blockquote .big {
	font-size:1.8em;
	font-weight:bold;
	line-height:1.4em;
	color:#D70C8C;
	margin:10px 0;
}
#testimonials .even blockquote .big {
	color:#3D0943;
}
#testimonials blockquote em,
#testimonials blockquote cite {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	color:#666;
}
#testimonial-controls p {
	width:359px;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	color:#999;
}
#testimonial-controls span {
	cursor:pointer;
	display:block;
}
#testimonial-controls #tnext {
	text-align:right;
	padding:0 17px 0 0;
	background:url(img/arrow-grey-right.png) right center no-repeat;
}
#testimonial-controls #tprev {
	text-align:left;
	padding:0 0 0 17px;
	background:url(img/arrow-grey-left.png) left center no-repeat;
}

/* FAQs
*************************************************************************/
#faqlist {
	margin:0;
	padding:0;
	list-style:none;
}
#faqlist li {
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0 36px;
	background:url(img/bg-faqarrow.png) left 5px no-repeat;
	height:1%;
}
#faqlist li.open {
	background:url(img/bg-faqarrow.png) right 5px no-repeat;
}
#faqlist li h2 {
	font-size:1.1em;
	line-height:1.2em;
	padding:5px 0;
	color:#D70C8C;
	margin:0 !important; /* Override #inEmploy margins */
}
#faqlist li.open h2 {
	color:#333;
}
#faqlist li div {
	padding:10px 0;
	font-size:0.75em;
}

/* Other ways to fundraise
*************************************************************************/
#otherways ul {
	margin:0;
	padding:0;
	list-style:none;	
}
#otherways ul li {
	float:left;
	margin:0;
	padding:0;
	width:308px;
	min-height:260px;
}
#otherways ul li img {
	display:block;
	margin:0 0 15px 0;
}
#otherways ul li.mid {
	margin:0 20px;
}
#otherways ul li h2 {
	color:#D70C8C;
	font-size:1.4em;
	margin:0 0 10px;
}
#otherways ul li a {
	padding:0 0 0 11px;
	background:url(img/arrow-right-blue.png) left 2px no-repeat;
}
#otherways ul li div a {
	padding:0;
	background:none;
}
#otherways ul li p {
	margin:0 0 10px;
}
#otherways .otherway,
#cboxLoadedContent .otherway {
	background:#FFF;
	width:570px;
	padding:30px;
	margin:0 0 30px 0;
}
#otherways .otherway {

}
#otherways .otherway ul li {
	float:none;
	width:auto;
	min-height:0;
	margin:0 0 7px 0;
	list-style:disc;
}
#otherways .otherway img.left,
#cboxLoadedContent .otherway img.left {
	display:block;
	padding:4px;
	background:#FFF;
	border:1px solid #CCC;
	margin:0 25px 0 0;
}
#otherways .otherway div,
#cboxLoadedContent .otherway div {
	float:left;
	width:350px;
}
#otherways .otherway div h3,
#cboxLoadedContent .otherway div h3 {
	color:#D70C8C;
}
#otherways .otherway div img,
#cboxLoadedContent .otherway div img {
	margin:0 0 20px 0;
}
#otherways .otherway div p,
#cboxLoadedContent .otherway div p {
	line-height:1.4em;
}

/* How it Works
*************************************************************************/
#howitworks h1 {
	position:absolute;
	left:-1000em;
}
#howanim {
	width:716px;
	height:422px;
	padding:10px 1px 0;
	background:#F7F7F7 url(img/bg-howitworks.png) no-repeat;
}
#howframes {
	width:716px;
	height:390px;
	overflow:hidden;
}
#howdesc {
	margin:-4px 0 0 0;
}
#howdesc ul {
	list-style:none;
	padding:0;
	margin:0;
}
#howdesc li {
	float:left;
	width:226px;
	padding:25px 0 0 0;
	margin:0;
}
#howdesc li#howstep2 {
	margin:0 20px;
}
#howdesc li h2 {
	color:#999;
}
#howdesc li.current {
	color:#666;
	background:url(img/bg-howitworks-arrow.png) center top no-repeat;
}
#howdesc li.current h2 {
	color:#333;
}
#howdesc li.current p {
	color:#333;
}
/*** Nav dots ***/
#howanim #howcontrol {
	width:40px;
	height:10px;
	margin:0 auto;
	padding:5px 0 0;
}
#howanim #howcontrol a,
#howanim #howcontrol a:visited {
	display:block;
	float:left;
	text-indent:-1000em;
	width:9px;
	height:9px;
	background:url(img/bg-howitworks-greydot.png) no-repeat;
}
#howanim #howcontrol a.activeSlide {
	background:url(img/bg-howitworks-reddot.png) no-repeat;
}
#howanim #howcontrol a:focus {
	outline: none;
}

/* Contact Form
*************************************************************************/
#contactpage {
	text-align:left;
}
#contactpage big {
	line-height:1.6em;
	color:#333;
}
#contactpage .left {
	width:308px;
}
#contactpage .right {
	text-align:left;
	width:636px;
}
#contactpage #contact-text address {
	margin:0 0 15px 0;
	font-style:normal;
}
#contactpage #contact-formpanel {
	background:#FFF url(img/bg-contactpanel.png) left bottom no-repeat;
	width:586px;
	padding:0 25px 20px;
	margin:55px 0 0 0;
}
#contactpage #contact-formpanel b {
	display:block;
	height:10px;
	margin:0 -25px 5px;
	font-size:0;
	background:#FFF url(img/bg-contactpanel.png) left top no-repeat;
}
#contactpage h2 {
	color:#D70C8C;
}
#contactpage #contact-formpanel ul,
#contactpage #contact-formpanel li {
	margin:0;
	padding:0;
	list-style:none;
}
#contactpage #contact-formpanel label {
	width:160px;
	float:left;
	margin:5px 0 0 0;
}
#contactpage #contact-formpanel input,
#contactpage #contact-formpanel textarea {
	width:290px;
	float:left;
	border-top:1px solid #7C7C7C;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;	
	border-bottom:1px solid #DDD;
	background:#FFF url(img/bg-form-inputshadow.png) top left no-repeat;
	padding:5px 7px;
	margin:0 0 7px 0;
	font: normal 1em/1em Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;	
}
#contactpage #contact-formpanel span.telephone input {
	width:160px;
}
#contactpage #contact-formpanel fieldset p {
	clear:both;
	float:left;
	width:140px;
	padding:0 20px 0 0;
}
#contactpage #contact-formpanel fieldset p.fieldwrap {
	clear:both;
	float:none;
	width:auto;
	padding:0;
}
#contactpage #contact-formpanel textarea {
	width:572px;
	height:160px;
	line-height:1.4em;
}
#contactpage #contact-formpanel #radios,
#contactpage #contact-formpanel span.query-type {
	float:left;
	clear:none;
	width:380px;
	padding:0 0 10px 0;
	display:block;
}
#contactpage #contact-formpanel #radios input,
#contactpage #contact-formpanel .query-type input {
	clear:none;
	float:none;
	width:auto;
	margin:5px 5px 0 0;
	background:none;
	border:none;
	padding:0;
}
#contactpage #contact-formpanel .query-type label {
	display:none;
}
#contactpage #contact-formpanel #radios label.radio,
#contactpage #contact-formpanel #radios label.fmradiolabel,
#contactpage #contact-formpanel .query-type .wpcf7-list-item-label {
	width:auto;
	float:none;
	padding:0 10px 0 0;
	display:inline-block;
}

#contactpage #contact-formpanel .query-type .wpcf7-list-item {
	float:none;
}

#contactpage #contact-formpanel input:focus,
#contactpage #contact-formpanel textarea:focus {
	color:#333;
}
#contactpage #contact-formpanel button,
#contactpage #contact-formpanel input#contactsubmit {
	clear:both;
	float:none;
	margin:15px 200px 0;
	width:184px;
	height:45px;
	padding:0 0 5px 0;
	border:none;
	font: bold 1.4em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	cursor:pointer;
	color:#FFF;
	background:url(img/button-continue.png) no-repeat;
	text-align:center;
}
#contactpage #contact-formpanel label.error {
	display:block;
	font-weight:bold !important;
	font-size:1em !important;
	line-height:normal !important;
	width:auto !important;
	float:none !important;
	clear:both !important;
	color:#D70C8C !important;
	padding:0;
	margin:0 0 10px 160px;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
}


#contactpage #contact-formpanel div.wpcf7-validation-errors,
#contactpage #contact-formpanel div.wpcf7-mail-sent-ok,
#contactpage #contact-formpanel div.wpcf7-mail-sent-ng {
	font-weight:bold;
	color:#D70C8C;
}

#contactpage #contact-formpanel #enquiry label.error {
	margin:0 0 10px 0px;
}
#contactpage #directions {
	clear:both;
	margin:30px 0 0 0;
	padding:25px 0 0 0;
	border-top:1px solid #E1E1E1;
}
#contactpage #directions .right .left {
	width:288px;
	margin:0 20px 0 0;
}

/* Working With us Logos
*************************************************************************/
#workingwith {
	padding:30px 0;
	margin:0;
	background:#FFF;
	border-top:2px solid #CBCBC8;	
}
/*
#workingwith b {
	width:100%;
	font-size:0;
	display:block;
	border-top:2px solid #CBCBC8;
	padding:0 0 37px 0;
}
*/

/* Gift Icon
*************************************************************************/
p#gifticon {
	font-size:1.6em;
	line-height:1.6em;
	color:#D70C8C;
}
p#gifticon img {
	padding:0;
	border:none;
	background:none;
	margin:5px 10px 0 0;
	vertical-align:bottom;
}

/* Government Mark table
*************************************************************************/
#govmark {
	padding:0;
	margin:0 0 20px 0;
}
#govmark th,
#govmark td {
	padding:10px;
	border:2px solid #E1E1E1;
	vertical-align:top;
}
#govmark tbody,
#govmark thead {
	margin:0;
	padding:0;
}
#govmark thead th {
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#FFF;
}
#govmark tbody td {
	width:33%;
	background:#F8F8F8;
	background:#FFF;	
	text-align:center;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#govmark h3 {
	margin:0 !important;
}
#govmark h4 {
	margin:10px 0 !important;
}
#govmark img {
	background:none;
	border:none;
	padding:0;
	width:140px;
	margin:15px 0 0;
}
#govmark p {
	text-align:left;
	font-size:1em;
	line-height:1.3em;
	margin:0;
}

/* Employer Misc Styles
*************************************************************************/
#content .postcontent .showhide {
	font-size:1em;
	margin:10px 0 0 !important;
	height:1%;
}
#content .showhide h4 {
	margin:0 !important;
	color:#0099CC !important;
}
#content .showhide h5 {
	margin:10px 0 7px 0 !important;
}
#content .postcontent .showhide li {
	margin:0;
	list-style:none;
	padding:0 0 4px 15px;
	background:url(img/bg-faqarrow.png) left -2px no-repeat;	
	height:1%;
}
#content .postcontent .showhide li.open {
	/*
	background:url(img/bg-faqarrow.png) right 0 no-repeat;
	*/
}
#content .showhide li div {
	margin:15px 0 0 0;
	height:1%;	
}

#content .postcontent .showhide li li {
	margin:0 0 7px 0;
	padding:0;
	background:none;
	list-style:disc;
}
#content .postcontent .showhide table {
	width:100%;
	margin:0 0 10px;
}
#content .postcontent .showhide table td {
	vertical-align:top;
	text-align:left;
	padding:0 0 5px 0;
	font-size:1.25em;
	line-height:1.4em;
	width:32%;
}


/* Page Tail
*************************************************************************/
#pagetail {
	clear:both;
	padding:30px;
	color:#FFF;
	background:#D70C8C;
	line-height:normal;
}
#pagetail div {
	float:left;
}
#pagetail div.inner {
	float:none;
}
#pagetail .column1 {
	width:218px;
}
#pagetail .column2 {
	width:192px;
}
#pagetail .column3 {
	width:162px;
}
#pagetail h3 {
	padding:0;
	margin:5px 0 10px;
	font-size:1.2em;
}
#pagetail ul {
	list-style:none;
	margin:0;
	padding:0;
}
#pagetail ul li {
	margin:0 0 6px 0;
	padding:0;
}
#pagetail a,
#pagetail a:visited {
	color:#FFF;
	text-decoration:none;
}
#pagetail a:hover {
	color:#FFF0C6;
}
#pagetail ul a b {
	display:inline-block;
	vertical-align:middle;
	width:13px;
	height:13px;
	margin:-2px 5px 0 0;
	background:url(img/bg-sprites.png) -52px 0 no-repeat;		
	font-size:0;	
}
/* Page Tail - Sign Up Form
*************************************************************************/
#pagetail #signupform ul,
#pagetail #signupform li {
	margin:0;
	padding:0;
	list-style:none;
}
#pagetail #signupform form {
	width:350px;
	padding:16px 20px 18px;
	float:left;
	background:#C10B7E;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#pagetail #signupform form h3 {
	padding:0;
	margin:0;
	line-height:normal;
	width:145px;
	float:left;
}
#pagetail #signupform form p {
	line-height:normal;
	width:200px;
	float:left;
}
#pagetail #signupform form input {
	width:210px;
	margin:0 5px 0 0;
}
#pagetail #signupform form label {
	position:absolute;
	left:-1000em;
}
#pagetail #signupform form label.error {
	position:static;
	left:0;
	clear:both;
	color:#FFF !important;
	width:210px !important;
	margin:0;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:1.4em;
}
#pagetail #signupform form button,
#pagetail #signupform form #signupsubmit {
	cursor:pointer;
	border:none;
	width:102px;
	height:37px;
	padding:0 0 7px;
	margin:5px 0 0 0;
	background:#3D0943 url(img/bg-buttons.png) -200px 0 no-repeat;
	color:#FFF;
	text-align:center;
	font: bold 1.1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
}

/* Footer
*************************************************************************/
#footer {
	clear:both;
	color:#FFF;
	background:#3D0943;
	margin:0;
	padding:16px 0;
	font-size:0.9em;
}
#footer p {
	margin:0 !important;
	padding:0;
	line-height:1em;
}
#footer a,
#footer a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
#footer a:hover,
#footer a:visited:hover {
	color:#FFF0C6;
}


/* Thanks
*************************************************************************/
#thanks {
	min-height:120px;
	margin:0 0 11px 0;
	padding:0 23px 20px;
	background:url(img/bg-donorpanel.png) left bottom no-repeat;
}
#thanks i {
	display:block;
	height:20px;
	margin:0 -23px;
	font-size:0;
	background:url(img/bg-donorpanel-top.png) left top no-repeat;
}
#thanks h1 {
	text-align:center;
}
#thanks div {
	width:650px;
	margin:0 auto;
}
#thanks .introtext {
	font-size:1.4em;
	line-height:1.4em;
}