@charset "UTF-8";
/* CSS Document */



/* ----- COLORS ----------------------------------------
	#FFFFFF		White			background
	#CE3431		Red				key links
	#5B3957		Purple			titles, link hover
	#E6E1D9		Beige			background neutral, featured 
	#F4F4F2		Lt Grey			background neutral #2, latest news, powermenu
	#767769		Dk Grey/Green	body text
-------------------------------------------------------- */
html { overflow-y: scroll;}

/* ----- GLOBALS --------------------------------------- */
.white 	{ color: #FFFFFF;}
.red 	{ color: #CE3431;}
.purple	{ color: #5B3957;}
.beige	{ color: #E6E1D9;}
.ltGrey	{ color: #F4F4F2;}
.dkGrey	{ color: #767769;}
.bigwhite {font-weight: 700;}
.strong {font-weight: 700;}
.float-left { float: left;}
.float-right { float: right; padding-left: 10px; }
.clear { clear:both;}
.no-space {padding:0; margin:0;}
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.invisible { display: none; }
.text 
{
	padding: 2px;
		height: 28px;
	background-color: #f3f3f3;
	border: none;
 }
.response {margin-top: 20px; font-size: 1.3em;}

.footer-menu
{ margin-top: 5px; text-align: center;}


a, a:visited, a:link {
	color: #CE3431;
	text-decoration: none;
}
a:hover {
	color: #5B3957;
}
h1, h2, h3, h4, h5, h6 { color: #5B3957; }
h1, h2, h3 { font-weight: bold; }

h2 { margin: 5px 0; }
h3 { font-size: 1.5em;}
h5 { 
	text-transform:uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h5 span {
	/* additional text within the heading */
	text-transform: none;
	color: #767769;
}
h1 span {
	font-size: 12px;
	font-weight: normal;
	color: #767769;
}
.has-subtext {	margin-bottom: 3px; }
body { 
	background-color: #FFFFFF; 
	margin:0;
	padding:0;
	color: #767769;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
table, th, td, li, p, pre, dt, dd, 
fieldset, form, label, legend, caption {
	color: #767769;
}
.container {
	/*background-image: url(../images/blueprint_grid_10+10x18.png);*/
	background-repeat:repeat;
	position: relative;
	z-index: 1;
}
/* old dotted stuff */
.bottom-dotted-line, 
.top-dotted-line, 
.left-dotted-line, 
.right-dotted-lines
 {
	background-image: url(../images/dotted-line.gif); 
	/* background-image: url(../images/dots.gif); */
}
.bottom-dotted-line {
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}
.top-dotted-line {
	background-position: top left;
	background-repeat: repeat-x;
}
.left-dotted-line {
	background-position: top left;
	background-repeat: repeat-y;
}
.right-dotted-line {
	background-position: top right;
	background-repeat: repeat-y;
}
.right-line
{
	border-right: 1px solid #E6E7E8;
	
}
.top-line
{
	border-top: 1px solid #E6E7E8;
}
.left-line
{
	border-left: 1px solid #E6E7E8;
	
}
.bottom-line
{
	border-bottom: 1px solid #E6E7E8;
}

.boxes h3 a:link,
.boxes h3 a:visited,
.boxes h3 a:hover,
.boxes h3 a:active

{
	color: #5B3957;
}
.boxes h3 a:hover
{
	color: #CE3431;
}
/* end old dotted line stuff */

/*
.bottom-line, 
.top-line, 
.left-line, 
.right-line,
.boxbreak
 {
	
	background-image: url(../images/line.gif); 

}

.bottom-line {
	
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}
.top-line {
	
	background-position: top left;
	background-repeat: repeat-x;
}
.left-line {
	
	background-position: top left;
	background-repeat: repeat-y;
}
.right-line {
	
	background-position: top right;
	background-repeat: repeat-y;
}
*/

.more-link, .more-prog-link {
	color: #CE3431;
	cursor: pointer;
	white-space: nowrap;
}
.boxwrapper
{
	
}
.boxes
{
	
	width: 259px;
	float: left;
	padding: 5px 5px 5px 10px;
	height: 240px;
	
	
}
.boxbreak1
{
	float: left;
	background-image: url(../images/line.gif); 
	background-position: center;
	background-repeat: repeat-x;
	height: 1px;
	width: 260px;
	margin: 5px;
	clear: both;
	
}
.boxbreak2
{
	float: left;
	background-image: url(../images/line.gif); 
	background-position: center;
	background-repeat: repeat-x;
	height: 1px;
	width: 260px;
	clear: none;
	margin: 5px 5px 5px 10px;

}
.box-image
{
	margin-right: 20px;
	display:block;
}
a.learnmore
{
	/* color: #5B3957; */
	float: left;
	margin-top: 20px;
	margin-bottom: 15px;
	
	
}
.blog-author
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	
}
p.author-details
{
	margin-top: 28px;
	font-size: .9em;
	line-height: 1.3em;
	
}
/* ----- HEADER ---------------------------------------- */
#header {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height:95px;
	padding-bottom:3px;
}
#main-menu, #personal-menu {
	/*
	background-image: url(../images/dots.gif);
	background-repeat: repeat-y;
	*/
	margin-top: 55px;
	text-transform: lowercase;
	font-size:13px;
	height: 36px;
}
#header a, #header a:visited, #header a:link,
#footer a, #footer a:visited, #footer a:link {
	color: #767769;
}
#header a.on-page, #header a:visited.on-page, #header a.on-page:link,
#footer a.on-page, #footer a:visited.on-page, #footer a.on-page:link {
	color: #5B3957;
}
#header a#find-charity, 
#header a#find-charity:visited, 
#header a#find-charity:link {
	color: #CE3431;
	padding-right:10px;
	font-weight: bold;
}
#header a:hover,
#header a#find-charity:hover,
#footer a:hover {
	color: #5B3957;
	}
ul#crumbs li
{
	display: inline;
	list-style-type: none;
}

/* footer */
li.copyright
{
	font-size: .85em;
}
li.footerdots
{
	margin: 0px 10px 0px 10px;
	
}
#footer li
{
	list-style-type: none;
	display: inline;
}
#main-banner h2
{
	 color: white; 
	 font-size: 24px;
	 padding: 22px;
	 margin: 0px;
	 font-weight: normal;
	 
	 
}
.dotfiller
{
	background-image: url('../images/dots.gif');
	background-repeat: repeat-y;
	background-position: right;
	height: 20px;
}
a#about 
{
	margin-left: 12px;
}
a#contact.dotfiller
{
	background-position: left;
	padding-left: 60px;
	margin-left: 30px;
	
}

#mainwrapper
{
	
	width:100%;
	background-image: url('../images/dots_pattern.gif');
	background-repeat: repeat-x;
	background-position: left;
	height: 279px;
	position: absolute;
	top: 101px;
	left: 0px;
	z-index: -1;
	
	
	
}

#socialcontainer
{
	padding: 25px 0px;
}
.submit-button
{
	background-image: url('../images/home_button.gif');
	width: 59px;
	height: 28px;
	padding: 2px;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}
#home-submit
{ 
	
	
	margin-left: 2px; 
	
	
}
input.submit
{
	border: none; 
	font-family: Arial; 
	color: #704c6b; 
	background: none; 
	cursor: pointer;
	padding-top: 6px;
	font-size: 12px;


}
#home-text
{
	width:200px; 
	float: left;

	
	
}
#social
{
	float: left;
}
#subscribe
{
	float: right;
	margin-top: 16px;
	margin-bottom: 10px;
	
}
#subscribe form
{
	margin-top: 10px;
}
#subscribe h3
{
	color: #CE3431;
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
a#mailinglist
{
	background: url('../images/action-button.png') no-repeat;
	color: white !important;
	text-align: left;
	
}
#slideshowwrapper
{
	width: 400px;
	float: right;
	position: relative;
}
#slideshow
{
	position: relative;
	margin-left: 5px;
}


#slideshow-nav 
{
	position: absolute;
	left: 332px;
	top: 228px;
	z-index: 2000;
	
}
a#prev 
{
	margin-right: 4px;
	float: left;
}
a#next
{
	float: right;
}
a#next img
{
	border: none;
}
a#prev img
{
	border: none;
}
form#mailinglist
{
	margin: 0px;
}
#main-menu {
	background-position: right;
}
#main-menu a {
	
	padding:5px 0 10px 36px;
	display: block;
	float: left;
	cursor: pointer;
}
#logo { 
	text-align:center;
	padding-top:5px;
}
#personal-menu {
	background-position: left;
	position:relative;
}
#personal-menu a {
	padding: 5px 25px 10px 46px;
	margin: 0 0 0 15px;
	display: block;
	float: left;
}
a#signin-link {
	position: relative;
	padding-right:20px;
	padding-left:5px;
	margin-left:5px;
}
a#signin-link .dd {
	right:8px;
}
a#basket {
	padding:0 15px 0 0;
	float:right;
}
.dropdown {
	padding-right: 10px;
	position: relative;
}
.dd {
	background-image:url(../images/down-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display:block;
	position: absolute;
	top: 8px;
	right:0;
	width:9px;
	height:15px;
}
.dd-grey {	background-position: 0 -15px; }
a.dropdown:hover .dd {	background-position: 0 -30px; }
a.big { font-size: 14px; }

/* breadcrumbs */
ul#crumbs
{
	width: 150px;
}
/* subnav menu */
#subnav-menu ul
{
	height: 36px;
	text-align: center;
	margin-left: 0px;
}
#subnav-menu ul li
{
	list-style-type: none;
	display: inline;
	width: 150px;
	height: 36px;
	float: left;
}

a.subnav-menu-selected
{
	background-image: url("/Content/images/subnav-selected.png");
	background-repeat: no-repeat;
	
	height: 36px;
	color: white;
}
#subnav-menu ul li a:link,
#subnav-menu ul li a:visited,
#subnav-menu ul li a:hover,
#subnav-menu ul li a:active
{
	
	
	padding-top:5px;
	
	display: block;
	font-size: 16px;
}

/* end subnav menu */


/* ----- SPECIAL BOXES --------------------------------- */
#accordion
{
	
	width: 400px;
}
#accordion p
{
	padding-left: 20px;	
}
#action h2
{
	margin-left: 40px;
}
#signin-form {
	position: absolute;
	top:-25px;
	right:0;
	width:280px;
	z-index: 1000;
	display: none;
	margin:0;
	padding:0;
}
#signin-form form {
	background: transparent url(../images/signin-form-guts.png) scroll repeat-y 0 0;
	padding:0 15px 0px 15px;
	margin:0;
}
#signin-form .signin-form-top {
	height:25px;
	background: transparent url(../images/signin-form-top.png) scroll no-repeat 0 0;
}
#signin-form .signin-form-bottom {
	height: 25px;
	background: transparent url(../images/signin-form-bottom.png) scroll no-repeat 0 0;
}
#signin-form label,
#signin-form input {
	font-size:12px;
	font-weight:bold;
	margin-left: 0;
}
#signin-form .form-row input {
	width: 220px;
}
* html #signin-form form { background-image: url(../images/signin-form-guts.gif);}
* html #signin-form .signin-form-top { background-image: url(../images/signin-form-top.gif);}
* html #signin-form .signin-form-bottom { background-image: url(../images/signin-form-bottom.gif);}

#charity-menu {
	position: absolute;
	top:-25px;
	left:0;
	width: 340px;
	padding: 0;
	z-index: 1000;
	display: none;
}
#charity-menu .charity-menu-top {
	height:25px;
	background: transparent url(../images/charity-menu-top.png) scroll no-repeat 0 0;
}
#charity-menu .charity-menu-bottom {
	height: 25px;
	background: transparent url(../images/charity-menu-bottom.png) scroll no-repeat 0 0;
}

#charity-menu-close,
#signin-cancel {
	float:right;
	margin:10px 15px 0 0;
	cursor:pointer;
}
* html #charity-menu-close,
* html #signin-cancel {
	margin:10px 10px 0 0;
}
#charity-menu ul {
	list-style: none;
	padding:0 2px 0 3px;
	margin:0;
	background: transparent url(../images/charity-menu-guts.png) scroll repeat-y 0 0;
}
#charity-menu li {
	margin:0;
	padding:0px 0 15px 0;
}
#charity-menu h3 {
	margin:0 0 0 75px;
	padding:0;
	color: #CE3431;
}
#charity-menu ul a {
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	height: 65px;
}
#menu-animals { background-image:url(../images/animals-menu-icon.gif); }
#menu-children { background-image:url(../images/children-menu-icon.gif); }
#menu-environment { background-image:url(../images/environment-menu-icon.gif); }
#menu-health { background-image:url(../images/health-menu-icon.gif); }
#menu-sparks { background-image:url(../images/sparks-menu-icon.gif); }
#menu-goodspark { background-image:url(../images/gs-menu-icon.gif); }
/* new menu items */
#menu-connect { background-image:url(../images/connect-menu-icon.gif); }
#menu-mobilize { background-image:url(../images/mobilize-menu-icon.gif); }
#menu-educate { background-image:url(../images/educate-menu-icon.gif); }
#menu-celebrate { background-image:url(../images/celebrate-menu-icon.gif); }

/* end new menu */

#charity-menu a:hover h3 {
	color: #5B3957;
}
#charity-menu p {
	margin: 2px 15px 0 75px;
}
* html #charity-menu ul { background-image: url(../images/charity-menu-guts.gif); background-position: -2px 0;}
* html #charity-menu .charity-menu-top { background-image: url(../images/charity-menu-top.gif);}
* html #charity-menu .charity-menu-bottom { background-image: url(../images/charity-menu-bottom.gif); background-position: left -1px;}

#boxes
{
	margin: 10px 0px;
	/* padding-left: 2px; */
}
#boxes h3
{
	padding-top: 25px;
}
#boxes p
{
	width: 250px;
}
#socialcontainer h6
{
	font-size:.8em;
	text-transform: none;
	margin-bottom: 4px;
}
#announcements
{
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
	
	
}
#announcements h4
{
	
	font-size: 18px;
}
#announcements h4 a:link,
#announcements h4 a:visited,
#announcements h4 a:hover,
#announcements h4 a:active
{
	color: #5B3957;
}
#announcements h4 a:hover
{
	color: #CE3431;
}
#announcements h5
{
	margin-bottom: 3px;
}
#announcements h5 a
{
	
	color: #5B3957;
	font-weight: 500;
	
}
#blog
{
	padding-top: 10px;
		
}
#blog h4
{
	font-size: 18px;
}
#blog h4 a:link,
#blog h4 a:visited,
#blog h4 a:hover,
#blog h4 a:active
{
	color: #5B3957;
}
#blog h4 a:hover
{
	color: #CE3431;
}
#blog h5 a
{
	text-transform: uppercase;
	color: #5B3957;
	font-weight: 600;
	
}
div.c_count
{
	float: right;
	margin-right: 30px;
	background-image: url('../images/comment.gif');
	text-align: center;
	color: white;
	line-height: 1.9em;
	width: 22px;
	height: 20px;
	font-size: .75em;
	font-weight: 500;
	
}
#blog h5
{
	float: left;
	margin-bottom: 4px;
	width: 300px;
	
	
	
}
#blog h6
{
	clear: both;
	font-weight: normal;
}

/* ----- FOOTER ---------------------------------------- */
#footer {
	height: 50px;
	clear:both;
	margin-top: 10px;
	padding-top: 10px;
}
#footer-menu, #legal-bits {
	height: 100%;
}
#footer-menu, #legal-bits, #tagline {
	margin-top: 5px;
	text-align: center;
}
#footer-menu a {
	display: block;
	float: left;
	padding:10px 10px 25px 15px;
	text-transform: lowercase;
}
#legal-bits .copyright {
	font-size:10px;
	padding: 13px 10px 15px 0;
}
#tagline {
	
}
#footer img
{
	margin: 0px 10px;
	vertical-align: middle;
	
}
span.copyright
{
	font-size: .9em;
}


/* ----- FORMS ----------------------------------------- */
form {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 13px;
}
fieldset {
	position: relative;
	border:none;
	margin:0;
	padding: 5px 0;
	clear:both;
}
.form-row {
	display:block;
	clear:both;
	padding: 5px 0 10px 0; 
}
.form-row div,
.form-row div.prepend-label span,
.form-row div.prepend-label input,
.form-row label.checkbox-label,
.form-row .checkbox,
.form-row input[type="hidden"]{
	float: left;
}
.form-row label,
.form-row div.prepend-label span,
.form-row input, 
.form-row select,
.form-row textarea {
	display: block;
	margin: 0 10px;
}
.form-row div.shared-label {
	margin:0 10px;
}
* html .form-row div.shared-label {
	margin:0 0 0 10px;
}
.form-row div.shared-label select {
	display: inline;
	margin:0;
}
.form-row div.prepend-label input {
	margin:0;
}
.form-row label {
	font-weight: normal;
	padding-bottom:2px;
}
.form-row label.checkbox-label {
	width: 400px;
	margin: 0;
}
.form-buttons {
	clear:both;
	padding:10px 0;
}
.error {
	margin-top: 5px;
	border:2px solid #CE3431;
	padding: 10px;
}

#basket-payment-form label.error, #signup-form label.error,
#reset-form label.error, #forgot-form label.error, #change-form label.error
{
    border: 0;
    color: #CE3431;
    font-weight: bold;
    display: none;
    margin-left: 0px;
}
#basket-payment-form input.error, #signup-form input.error,
#reset-form input.error, #forgot-form input.error, #change-form input.error, 
input.input-validation-error
{
    background-color: red;
    color: #ffffff;
    padding: 0;
    margin-top: 0;
}

ul.validation-summary-errors, ul.validation-summary-errors li
{
    color: #CE3431;
    font-weight: bold;
    margin-top: 10px;
}

.standalone {
	padding: 10px 10px 0 10px;
	width:400px;
}
#signin-error, #signin-error-username, #signin-error-password {display:none;}
.form-error {
	background: transparent url(../images/error.gif) scroll no-repeat 0 2px;
	padding-left: 23px;
}
p.info {
	margin-top: 10px;
	padding: 0 0 0 23px;
	background: #fff url(../images/info.gif) scroll no-repeat 0 0;
}
.form-row p.form-asstext {
	float: left;
	width: 275px;
	padding: 2em 0 0 1em;
	margin:0;
	font-size: 11px;
	line-height: 1;
}
.form-back {
	display: block;
	margin: 20px;
}

#subscription-form p
{
    color: #5B3957;
    font-weight: bold;
}
.action-button
{
	padding-left: 5px;
}
.action-button input
{
	background: url("../images/action-button.png") no-repeat;
	color: #ffffff;
	display: block;
	cursor: pointer;
	font-size: 16px;
	height: 35px;
	margin: 5px;
	padding-bottom: 2px;
	text-align: center;
	width: 100px;
	border: none;
	

}
/* field lengths to make purty across browsers */
.full-length	{ width: 260px; }
.quarter		{ width: 60px;  }
.three-quarters	{ width: 180px; }
.half-length	{ width: 115px; }
.form-row div.prepend-label input.full-length {
	width: 245px;
}

/* ----------------------------------------------------- */
/* ----- CONTENT --------------------------------------- */
/* ----------------------------------------------------- */
#home-content
{
	padding: 5px 0 0 0;
	position: relative;
	z-index: 1;
}
#content {
	padding: 15px 0 0 0;
	position: relative;
	z-index: 1;
} 
#content.no-padding {
	padding:0;
}
#content-body, .main-content {
	z-index: 1;
	 
}
#content-body
{
	margin-top: 8px;
	_margin-top: 13px;
	*margin-top: 13px;
	/* padding-left: 2px; */
}

.main-content {
	padding-top: 15px;
	min-height: 400px; 
}
* html #content-body, * html .main-content {
	/* height: 400px; screwing up home page */
	overflow: visible;
}
.placeholder {
	color: orange;
}
/* ----- HOMEPAGE UNAUTH -------------------------------- */
#main-banner { background-color: #5B3957; margin: 0px; height: 260px; width: 550px; float: left; }
#main-banner h2
{ margin-bottom: 0px;
}
#main-banner h3 {
	color: #767769;
	font-weight: normal;
	line-height: 22px;
}
#splash {	
	margin-top: 10px;
}
#splash h3 {
	color: #767769;
	font-weight: normal;
	line-height: 22px;
}
#splash h3 span {
	color: #5B3957;
	font-weight: normal;
	line-height: 22px;
}
ul.dot {
	margin: 26px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.dot p {
	line-height:18px;
	margin-bottom:20px;
}
ul.dot p span {
	color: #5B3957;
	font-weight:bold;
	font-size: 16px;
}
#features h5 {
	padding-left:15px;
}
.featured-triple-top {
	background: transparent url(../images/featured-boxes-triple-top.gif) scroll no-repeat 0 0;
	height:10px;
	font-size:6px;
}
.featured-triple-guts {
	background: transparent url(../images/featured-boxes-triple-guts.gif) scroll repeat-y 0 0;
	height: 100%;
}
.featured-triple-bottom {
	background: transparent url(../images/featured-boxes-triple-bottom.gif) scroll no-repeat 0 0;
	height: 30px;
	clear:both;
}
.featured div {
	padding:0 8px 0 22px;
}
.featured img {
	float:left;
	margin-right:5px;
	width: 75px;
	height: 75px;
}
.featured h4 {
    font-size: 1.1em;
	margin:0 0 5px 0;
	color:#767769;
}
.featured p {
	padding:0;
	margin:0;
	clear: both;
}
.spark-box-header, .spark-box-guts, .spark-box-footer,
.spark-box-header-plain, .spark-box-guts-plain, .spark-box-footer-plain {
	padding-left: 20px;
	padding-right: 55px;
}
.spark-box-header, 
.spark-box-header-plain {
	padding-top: 35px;
	padding-bottom: 0;
	margin: 0;
} 
.spark-box-header-plain-n,
.spark-box-header-plain-m {

}
.spark-box-header { 
	background: transparent url(../images/spark-box-top.gif) scroll no-repeat 0 0; 
}
.spark-box-header-plain { 
	background: transparent url(../images/spark-box-top-plain.gif) scroll no-repeat 0 0; 
}
.spark-box-header-plain-n { 
	background: transparent url(../images/spark-box-top-plain-n.gif) scroll no-repeat 0 0; 
}
.spark-box-header-plain-m { 
	background: transparent url(../images/spark-box-top-plain-m.gif) scroll no-repeat 0 0; 
}
.spark-box-guts, 
.spark-box-guts-plain, 
.spark-box-guts-plain-n,
.spark-box-guts-plain-m {
	padding-top:10px;
	padding-bottom:0px;
}
.spark-box-guts { 
	background: transparent url(../images/spark-box-guts.gif) scroll repeat-y 0 0; 
}
.spark-box-guts-plain { 
	background: transparent url(../images/spark-box-guts-plain.gif) scroll repeat-y 0 0; 
}
.spark-box-guts-plain-n { 
	background: transparent url(../images/spark-box-guts-plain-n.gif) scroll repeat-y 0 0;
}
.spark-box-guts-plain-m { 
	background: transparent url(../images/spark-box-guts-plain-m.gif) scroll repeat-y 0 0;
}
.spark-box-guts p, 
.spark-box-guts-plain p, 
.spark-box-guts-plain-n p,
.spark-box-guts-plain-m p {
	padding:5px 0 5px 0;
	margin:0;
}
p.datestamp {
	padding:0 0 0px 0;
	font-size:smaller;
}
.spark-box-footer, 
.spark-box-footer-plain, 
.spark-box-footer-plain-n, 
.spark-box-footer-plain-m {
	text-align:right;
	text-transform: lowercase;
	padding-top:0px;
	padding-bottom:25px;
}
.spark-box-footer { 
	background: transparent url(../images/spark-box-footer.gif) scroll no-repeat 0 0; }
.spark-box-footer-plain { 
	background: transparent url(../images/spark-box-footer-plain.gif) scroll no-repeat 0 0;
	margin-bottom: 20px;
}
.spark-box-footer-plain-n { 
	background: transparent url(../images/spark-box-footer-plain-n.gif) scroll no-repeat 0 0;
}
.spark-box-footer-plain-m { 
	background: transparent url(../images/spark-box-footer-plain-m.gif) scroll no-repeat 0 0;
}
a.rss {
	padding-left:15px;
	background: transparent url(../images/rss.gif) scroll no-repeat 0 2px;
}
a.rss-w-bg {
	padding-left:15px;
	background: transparent url(../images/rss-w-bg.gif) scroll no-repeat 0 2px;
}
.chart {
	z-index: 1;
	text-align:center;
}
.chart img {
	padding-bottom: 15px;
}

/* ----- HOMEPAGE AUTH ----------------------------- */
#donation-total {
	font-weight:bold;
}
.charity-update-section {
	margin-top:20px;
}
.charity-update {
	padding-top: 10px;
}
.charity-update h3.charity-name {
	color: #CE3431;
}
.charity-update h3.charity-date {
	color: #767769;
}
.charity-update div.charity-links {
	float:left;
	padding-right: 15px;
}
.charity-update div.charity-links ul {
	list-style:none;
	padding:0;
	margin:0;
}
.fund-distribution {
	position: relative;
	z-index: -10;
	background: #fff url(../images/fund-distribution.png) scroll no-repeat 0 0;
	min-height: 120px;
}
* html .fund-distribution {
	height: 120px;
}
.gs-fund-dist-container {
	float:left;
	margin: 10px 0 0 10px;
}
.your-fund-dist-container {
	float:right;
	margin: 10px 10px 0 0;
}
* html .gs-fund-dist-container{
	margin:10px 0 0 5px;
}
* html .your-fund-dist-container {
	margin:10px 5px 0 0;
}
h1.your-donation-total {
	line-height:1.2;
	padding-left:20px;
}
h1.your-donation-total span {
	display:block;
}

/* ----- ORGANIZATION HOME -------------------------------- */
.breadcrumb {
	font-size: 11px;
}
.organization-main-photo {
	float: left;
	padding: 0 10px 10px 0;
}
.org-name {
	line-height: 36px;
	margin:0;
}
.dotted-center-column {
	background: #fff url(../images/dotted-center-column.gif) scroll repeat-y 0 0;
}
.dotted-column h5,
.center-dotted-column h5,
h5.dotted-heading {
	padding: 10px 0 5px 0;
}
* html .center-dotted-column div {
	margin-right: -10px;
	/* stupid IE6 */
}
.x ul {
	margin:0 0 15px 15px;
	padding:0;
	list-style:none;
}

.vitals-details ul {
    margin:0 0 15px 15px;
    padding: 0;
    list-style: none;
}

.vitals-details li {
	clear: both; 
	margin: 0;
	padding: 0;
}
.vitals-details li span {
	float: left;
	display:block;
}
.vitals-details li span.vitals-label {
	width: 60px;
}
a.action-button,
a.action-button:hover,
a.action-button:visited {
	display: block;
	width: 100px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	padding: 5px 0 0 0;
	margin: 5px;
	text-align: center;
	cursor: pointer;
	background: transparent url(../images/action-button.png) scroll no-repeat 0 0;
}
#donate-button { margin: 55px 0 0 30px; }
#donate-menu { margin: 0; }
a.cancel-changes {
	float: right;
	margin: 0 30px 0 0;
	clear: both;
	white-space: nowrap;
}

/* ----- CATEGORY HOME -------------------------- */
.category-column h4, .goodspark-item h4 {
	font-weight: bold;
	padding-top:15px;
}

.category-graphics {
	text-align: center;
}
.category-graphics strong {
	color: #5B3957;
}
.goodspark-heading {
	margin-top: 15px;
}
/* -----MINI MENUS (select-style) menu ----------------- */
.mini-menu {
	position:relative;
	height: 40px;
	z-index: 100;
}
.mini-menu a, 
.mini-menu a:visited, 
.mini-menu div {
	color: #767769;
}
.mini-menu a,
.mini-menu div {
	display: block;
	padding: 5px 0 0 10px;
	height: 31px;
	font-size: 14px;
}
.mini-menu a:hover,
.mini-menu div.mmHover {
	color: #5B3957;
	cursor: pointer;
}
.mini-menu ul {
	margin: 0;
	padding: 0;
	list-style:none;
	position: absolute;
	display: block;
	top:0;
	left:0;
	z-index: 200;
}
.mini-menu li {
	height: 36px;
	font-size: 14px;
	margin:0;
	padding:0;
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat right -180px;
	display: none;
}
* html .mini-menu li {
	height: 31px;
}
.mini-menu li a, 
.mini-menu li a:hover, 
.mini-menu li a:visited,
.mini-menu li div {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left -144px;
}
.mini-menu li.mini-menu-selected {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat right -36px;
	display: block;
}

.mini-menu li.mini-menu-selected a, 
.mini-menu li.mini-menu-selected a:hover, 
.mini-menu li.mini-menu-selected a:visited,
.mini-menu li.mini-menu-selected div {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left 0px;
	color: #fff;
	font-size: 16px;
}
.mini-menu li.mini-menu-top {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat right -108px;
}
.mini-menu li.mini-menu-top a,  
.mini-menu li.mini-menu-top a:hover, 
.mini-menu li.mini-menu-top a:visited,
.mini-menu li.mini-menu-top div {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left -72px;
}
.mini-menu li.mini-menu-footer {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat right -252px;
}
.mini-menu li.mini-menu-footer a,  
.mini-menu li.mini-menu-footer a:hover, 
.mini-menu li.mini-menu-footer a:visited,
.mini-menu li.mini-menu-footer div {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left -216px;
}

.mini-menu span { 
	background-position: 0 0; 
	background-repeat:no-repeat; 
	background-attachment:scroll;
	padding-left: 25px;
	height: 25px;
	display:block;
}
.mini-menu .mini-menu-selected a.environment-mini span { 
	background-image: url(../images/environment-mini-menu-icon-red.gif); 
}
.mini-menu .mini-menu-selected a.animals-mini span { 
	background-image: url(../images/animals-mini-menu-icon-red.gif);
}
.mini-menu .mini-menu-selected a.children-mini span { 
	background-image: url(../images/children-mini-menu-icon-red.gif);
}
.mini-menu .mini-menu-selected a.health-mini span { 
	background-image: url(../images/health-mini-menu-icon-red.gif);
}
.mini-menu .mini-menu-selected a.sparks-mini span { 
	background-image: url(../images/sparks-mini-menu-icon-red.gif);
}
.mini-menu .mini-menu-selected a.goodspark-mini span { 
	background-image: url(../images/gs-mini-menu-icon-red.gif);
}
.mini-menu a.environment-mini span { background-image: url(../images/environment-mini-menu-icon.gif) }
.mini-menu a.animals-mini span { background-image: url(../images/animals-mini-menu-icon.gif) }
.mini-menu a.children-mini span { background-image: url(../images/children-mini-menu-icon.gif) }
.mini-menu a.health-mini span { background-image: url(../images/health-mini-menu-icon.gif) }
.mini-menu a.sparks-mini span { background-image: url(../images/sparks-mini-menu-icon.gif) }
.mini-menu a.goodspark-mini span { background-image: url(../images/gs-mini-menu-icon.gif) }

.mini-menu-fixed,
.mini-menu-fixed span {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat right -324px;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 36px;
}
.mini-menu-fixed span {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left -288px;
	padding-left: 15px;
}
/* ----- dimensions for specific mini menus ----- */
#category-select, #category-select ul { width: 165px; }
#category-select-2, #category-select-2 ul { width: 265px; margin-top: 10px; }
#donation-select, #donation-select ul {	width: 300px; }
#donation-select-fixed, #donation-select-fixed span { width: 280px; }
#donation-current, #donation-current ul {	width: 230px; }
#donate-menu, #donate-menu ul { width: 165px; }
#donate-menu .mini-menu-selected {
	background: #FFF url(../images/action-button-menu.png) scroll no-repeat right 0;
	padding-left: 75px;
}
#donate-menu .mini-menu-selected a {
	background: none;
}

/* ------ donate menu mini-button ------- */
.mini-menu li.mini-menu-button {
	background: transparent scroll no-repeat right -36px;
	display: block;
}

.mini-menu li.mini-menu-button a, 
.mini-menu li.mini-menu-button a:visited,
.mini-menu li.mini-menu-button div {
	background: transparent url(../images/mini-menu-sprite.gif) scroll no-repeat left 0px;
	color: #eee;
	font-size: 16px;
}

.mini-menu li.mini-menu-button a:hover, 
.mini-menu li.mini-menu-button a:visited:hover {
    color: #fff;
}


#donate-menu, #donate-menu ul { width: 165px; }
#donate-menu .mini-menu-button {
	background: #FFF url(../images/action-button.png) scroll no-repeat right 0;
	padding-left: 75px;
}
#donate-menu .mini-menu-button a {
	background: none;
}


/* ----- DONATE -------------------------------------*/
.donate-section h3 { margin-bottom: 0; }
.donate-section-animals h3 a,
.donate-section-children h3 a,
.donate-section-environment h3 a,
.donate-section-health h3 a,
.donate-section-sparks h3 a,
.donate-section-goodspark h3 a {
	background-position: 0 0 ;
	background-repeat: no-repeat;
	padding:10px 0 0 32px;
	display: block;
	height:28px;
}
.donate-section-animals h3 a { background-image: url(../images/animals-mini-icon-red-round.gif) }
.donate-section-children h3 a { background-image: url(../images/children-mini-icon-red-round.gif); }
.donate-section-environment h3 a { background-image: url(../images/environment-mini-icon-red-round.gif); }
.donate-section-health h3 a { background-image: url(../images/health-mini-icon-red-round.gif); }
.donate-section-sparks h3 a { background-image: url(../images/sparks-mini-icon-red-round.gif); }
.donate-section-goodspark h3 a { background-image: url(../images/gs-mini-icon-red-round.gif); }

/* ----- BASKET --------------------------------- */
a.paypal img {
	float: none;
	padding:0 0 0 5px;
	margin:0;
	vertical-align:middle;
}
.donation-select-label {
	text-align:left;
	font-size: 16px;
	padding-top: 5px;
}
ol.basket-steps {
	margin:0;
	padding:0 0 0 40px;
}
ol.basket-steps li {
	font-size: 16px;
	margin: 0;
	padding:0;
	font-weight:bold;
}
ol.basket-steps li.current {
	color: #CE3431;
}
.basket-box {
	margin:0 0 0 20px;
}
.basket-items {
	min-height: 250px;
}
* html .basket-items {
	height: 250px;
}
.basket-label {
	padding:15px 0;
}
.basket-items .item-add,
.basket-items .item-remove,
.basket-items .item-name,
.basket-items .item-select,
.basket-items .item-slider {
	height: 50px;
	padding: 25px 0 20px 0;
}
.basket-items .item-photo {
	padding-top: 10px;
}
.basket-items .item-add, .basket-items .item-remove {
	text-align: right;
}
.basket-items .item-name {
	font-weight: bold;
}
.basket-items .item-name span {
	display: block;
	font-weight: normal;
}
.basket-items .removed-item {
	background-color: #F4F4F2;
}
.basket-check-out h3 {
	padding-top: 15px;
}
.check-out-button {
	height: 125px;
}
#check-out {
	float: right;
	margin-right: 20px;
}
a.remove-button {
	display: block;
	width:25px;
	height: 25px;
	background: #fff url(../images/x-button.gif) scroll no-repeat 0 0;
	float:right;
}
a.remove-button:hover {
	background-position: 0 -25px;
}
#one-time-donation {
	font-size: 16px;
	margin:0 0 0px 15px;
	padding: 0 15px;
	background: #fff url(../images/one-time-box.gif) scroll no-repeat 0 0;
	width: 325px;
	display: none;
	line-height: 36px;
	height: 36px;
}
* html #one-time-donation {
	padding: 5px 15px;
}
#one-time-error {
	display: none;
}
#one-time-donation form {
	height: 36px;
}
#one-time-donation span {
	font-size: 12px;
}
#one-time-donation label, #one-time-donation span { color: #fff; font-weight: normal;}
#submit-payment {
	margin:20px 30px 20px 0;
}
.print-link {
	text-transform:none;
	padding:0 25px;
}
ul.donation-details {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
ul.summary-details {
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
}
ul.donation-details li,
ul.summary-details li {
	clear: both;
}
ul.donation-details span,
ul.summary-details span {
	display: block;
	float:left;
	font-weight: bold;
}
ul.summary-details span {
	margin: 3px 0;
}
ul.donation-details span.donation-label {
	width: 120px;
	font-weight: normal;
	padding: 0 30px 0 0;
}	
ul.summary-details span.summary-label {
	width:120px;
	font-weight: normal;
}
ul.summary-details h3 {
	margin:0;
	padding:0;
}

/* ----- slider ----- */
.ui-slider {
        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
        font-size: 1.1em;
		background: #fff url(../images/sliders.png) scroll no-repeat 0 -40px;
        height: 40px;
        position: relative;
		width: 230px;
		z-index: 0;
		cursor: pointer;
}
.sliderHover .ui-slider {
		background: #fff url(../images/sliders.png) scroll no-repeat 0 0;
}
.ui-slider-handle {
        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
        position: absolute;
        z-index: 2;
        top: 0;
        width: 30px;
        height: 40px;
		cursor: pointer;
		background: transparent url(../images/slider-handles.gif) scroll no-repeat 0 -40px;
}
.sliderHover .ui-slider-handle {
		background: transparent url(../images/slider-handles.gif) scroll no-repeat 0 0;
}
.ui-slider-handle:hover {
		cursor: pointer;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
}
.ui-slider-range {
        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
        height: .8em;
        background: #dadada url(../images/theme/dadada_40x100_textures_02_glass_75.html) 0 50% repeat-x;
        position: absolute;
        border: 1px solid #d3d3d3;
        border-left: 0;
        border-right: 0;
        top: -1px;
        z-index: 1;
        opacity:.7;
        filter:Alpha(Opacity=70);
		background: red;
}

/* ----- My Account & About Us ----------------------------- */
.side-menu
{
	
	margin-top: 10px;
}
.side-menu h3 {
	margin: 15px 0 15px 0;
	font-size: 1.5em;
}
.side-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.side-menu ul li {
	margin: 5px 0;
}
.side-menu .selected-page {
	font-weight: bold;
	color:#5B3957;
}
.history h4 {
	padding-top: 15px;
}
.history .amount-col {
	text-align:right;
}
.history td {
	border-bottom: 1px solid #E6E1D9;
}
.history .center {
	text-align: center;
}
.history th {
	background-color: #E6E1D9;
}
.history td.no-border {
	border-bottom:0;
}
.board-member {
	margin-bottom: 20px;
}
ul.board-vitals {
	margin:20px 0 30px 10px;
	padding:0;
	list-style:none;
}
ul.board-vitals h4 {
	margin:0;
	padding:0;
}


/* ------ FAQs and News --------*/
.news-item {
	margin-bottom: 25px;
}
.news-date {
	float: right;
	font-size: 18px;
	color: #767769;
	margin-top: 10px;
	font-weight: normal;
}
dl.faq-list dd {
	margin-left: 25px;
}
dl.faq-list dt {
	color: #CE3431;
	padding-left: 25px;
	background: #fff url(../images/plus.gif) scroll no-repeat 0 0;
	margin-top: 10px;
	font-weight: bold;
}
dl.faq-list dt.dtHover {
	color: #5B3957;
}
dl.faq-list dt.dtOpen {
	color: #5B3957;
	background-image: url(../images/minus.gif);
}

/* Gifts, spread the word, Contact Us, sign in, Forgot Password */
.add-more-form fieldset a.remove-button {
	position: absolute;
	float: none;
	top: 25px;
	left: -30px;
	cursor: pointer;
}
a.add-item-button,
a.add-item-button-red {
	background: transparent url(../images/add-item-button.gif) scroll no-repeat right -25px;
	color: #fff;
	font-size: 14px;
	display: block;
	height: 25px;
	margin-left: 10px;
}
a.add-item-button span,
a.add-item-button-red span {
	background: transparent url(../images/add-item-button.gif) scroll no-repeat left 0px;
	display:block;
	height: 20px;
	padding: 5px 0 0 40px;
	line-height:1;
	cursor: pointer;
}
a.add-item-button-red {
	background: transparent url(../images/add-item-button.gif) scroll no-repeat right -75px;
}
a.add-item-button-red span {
	background: transparent url(../images/add-item-button.gif) scroll no-repeat left -50px;
}
#add-friend-button,
#add-gift-button {
	width: 180px;
}
#add-charity-button {
	width: 190px;
	margin: 10px;
}
.share-widget {
	padding:20px 20px 20px 0;
}

/* crazy "how it works" styles */
/*********************************************************************************************************/
#HowItWorksDiagram {
	position: relative;
	top: 30px;
	left: -30px;
	height: 630px;
}
dl#howItWorksMap {
	display: block;
	width: 431px;
	height: 433px;
	background: url(../images/HIW_start.png) no-repeat;
	position: relative;
}
#howItWorksMap a#title {
	display: block;
	width: 431px;
	height: 0px;
	padding-top: 433px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	cursor: default;
}
#howItWorksMap dd {
	position: absolute;
	padding: 0;
	margin: 0;
}
#howItWorksMap a span, #howItWorksMap a:visited span{
	display: none;
}
#howItWorksMap a#theFit:hover, #howItWorksMap a#bestPractices:hover, #howItWorksMap a#programEffectiveness:hover, #howItWorksMap a#financials:hover, #howItWorksMap a#fundamentals:hover {
	background-position:0 0;
}
#howItWorksMap #theFitDef {
	left: 49px;
	top: 4px;
	z-index: 20;
}
#howItWorksMap a#theFit {
	display: block;
	width: 222px;
	height: 241px;
	text-decoration: none;
	background: transparent url(../images/hiw_thefit_over.png) -250px -250px no-repeat;
	z-index: 20;
}
#howItWorksMap a#theFit span.label {
	font-family: Sans-Serif; 
	font-size: 12px; 
	color: #767769; 
	z-index: 30;
	display: block;
	position: absolute;
	top: 99px;
	left: 72px;
	color: #ffffff;
	cursor: pointer;
}
#howItWorksMap a#theFit:hover span.label {
	color: #767769;
}
#howItWorksMap #bestPracticesDef {
	left: 92px;
	top: 227px;
	z-index: 20;
}
#howItWorksMap a#bestPractices {
	display: block;
	width: 52px;
	height: 52px;
	text-decoration: none;
	background: transparent url(../images/hiw_best_over.png) -75px -75px no-repeat;
	z-index: 20;
}
#howItWorksMap #programEffectivenessDef {
	left: 169px;
	top: 254px;
	z-index: 20;
}
#howItWorksMap a#programEffectiveness {
	display: block;
	width: 72px;
	height: 72px;
	text-decoration: none;
	background: transparent url(../images/hiw_program_over.png) -75px -75px no-repeat;
	z-index: 20;
}
#howItWorksMap #financialsDef {
	left: 250px;
	top: 188px;
	z-index: 20;
}
#howItWorksMap a#financials {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: transparent url(../images/hiw_financials_over.png) -75px -75px no-repeat;
	z-index: 20;
}
#howItWorksMap #fundamentalsDef {
	left: 274px;
	top: 82px;
	z-index: 20;
}
#howItWorksMap a#fundamentals {
	display: block;
	width: 75px;
	height: 75px;
	text-decoration: none;
	background: transparent url(../images/hiw_fundamentals_over.png) -85px -85px no-repeat;
	z-index: 20;
}
#howItWorksMap a span span.innerText span.infoBoxHeader {
	font-family: Helvetica, Sans-Serif;
	font-size: 14px;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #767769;
}
#howItWorksMap a span span.innerText span.infoBoxText {
	display: block;
	font-family: Helvetica, Sans-Serif;
	font-size: 12px;
	color: #767769;
	line-height: 15px;
	font-weight: normal;
	margin-top: 35px;
}
#howItWorksMap a span span.innerText {
	display: block;
	margin-left: 40px;
	width: 340px;
}
#howItWorksMap a:hover span  {
	position: absolute;
	display: block;
}
#howItWorksMap a#theFit:hover span.outerSpan {
	left: -149px;
	top: 354px;
	background: url(../images/hiw_thefit_bg.png) no-repeat;
	width: 407px;
	height: 224px;
}
#howItWorksMap a#bestPractices:hover span.outerSpan {
	left: -192px;
	top: 133px;
	background: url(../images/hiw_best_bg.png) no-repeat;
	width: 406px;
	height: 175px;
}
#howItWorksMap a#programEffectiveness:hover span.outerSpan {
	left: -269px;
	top: 106px;
	background: url(../images/hiw_program_bg.png) no-repeat;
	width: 406px;
	height: 165px;
}
#howItWorksMap a#financials:hover span.outerSpan {
	left: -350px;
	top: 172px;
	background: url(../images/hiw_financials_bg.png) no-repeat;
	width: 406px;
	height: 183px;
}
#howItWorksMap a#fundamentals:hover span.outerSpan
{
	left: -374px;
	top: 278px;
	background: url(../images/hiw_fundamentals_bg.png) no-repeat;
	width: 406px;
	height: 165px;
}