/* ------------------ HACK FOR PNGS IN IE6---------------
div { behavior: url(/scripts/iepngfix/iepngfix.htc) }
div img {behavior:none}*/
/* ------------------ GENERIC STUFF ---------------*/
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#21297b;
	font-size:11px;
}
form, div, p, dl, li, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}
p {
	margin:8px 0;
}
/*h1 {color:#21297b; font-size:28px;}*/
p em {
	margin-right:1px;
}
p.heading {
	color:#76b804;
	font-size:16px;
	margin-bottom:3px;
}
p.heading {
	display:inline;
	font-weight:bold;
}
h3 {
	color:#76b804;
	font-size:13px;
	padding:0;
	margin:0 5px;
}
h3.white {
	color:#fff;
	font-weight:600;
}
h3.orange {
	color:#d98316;
	margin:0 0 8px 0;
	zoom:1;
}
h1, h1.grey, p.large-grey {
	color:#2b2b2b;
	font-size:18px;
	font-weight:normal;
}
p.large-green, h2 {
	color:#669f00;
	font-size:16px;
	font-weight:normal;
}
p.large-green-arrow {
	color:#669f00;
	font-size:16px;
	font-weight:bold;
	background:transparent url(../images/green_arrow.gif) no-repeat top left;
	padding-left:30px;
}
p.breadcrumbs {
	color:#666;
	margin-top:-10px;
}
span.grey {
	color:#666666;
}
h4 {
	color:#EBA519;
	font-size:16px;
	padding:0;
	margin:0 5px;
}
table, tr, td, tbody {
	font-size:11px;
	margin:0;
	padding:0;
}
.clear { /* NEW - more stuff (was just clear: both) */
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	background: transparent;
}
h1 {
	margin:0 0 10px 0;
}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.center {
	text-align:center;
}
.big {
	font-size:16px;
	color:#eba519;
}
div#wrapper {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 720px;
}
.bkgdglow {
	background-color:#f2da71;
	background-image:url(../images/bkgd.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	padding-top:42px;
}
p.large {
	font-size:13px;
}
span.green {
	font-weight:normal;
	color:#76b804;
}
a.nobg:hover {
	background-color:transparent;
}
a.orange-arrow {
	float:left;
	display:inline;
	background:transparent url(../images/arrow-orange.gif) no-repeat top left;
	height:33px;
	padding:0 0 0 25px;
}
.news-item a.orange-arrow {
	height:auto;
}
a {
	font-weight:bold;
	color:#eba519;
}
a:hover {
	text-decoration:none;
}
a:active {
  outline: none;
}
span.button {
	height:29px;
	float:left;
	display:inline;
	background:#fff url(../images/btn_left.gif) no-repeat top left;
	padding:0 0 0 5px;
	z-index:50;
}
span.btngreyed {
	background:#fff url(../images/btn_left_greyed.gif) no-repeat top left;
}
span.button a {
	padding:6px 10px 9px 5px;
	/* height:29px; */
float:left;
	display:inline;
	color:#fff;
	background:#fff url(../images/btn_right.gif) no-repeat top right;
	z-index:50;
}
span.btngreyed a {
	background:#fff url(../images/btn_right_greyed.gif) no-repeat top right;
}
.error h1, .error h2, .error p.heading {
	color :#791e20;
}
.error ul {
	margin:20px 30px;
}
.error-content {
	font-size:14px;
}
div.charities-legend img {
	margin-bottom:-6px;
}
div.charities-legend {
	margin-bottom:15px;
	color:#76b804;
	font-weight:bold;
}
ul.member-options {
	padding:0px;
	margin:0;
}
ul.member-options li {
	list-style:none;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	background:url(../images/icon-arrow-black.gif) no-repeat 1px 7px;
}
/*AZ - browse charities*/
div.green-subheader {
	background-color:#76b804;
	width:100%;
	text-align:center;
	margin:8px 0 0 0;
	padding:0 0 8px  0;
}
div.green-subheader h3 {
	color:#76b804;
	font-size:14px;
	padding:0;
	margin:0 4px;
}
div.green-subheader h3.white {
	color:#fff;
	font-weight:600;
}
div.green-curve-sml-btm {
	background:transparent url(../images/green_bottom_small.png);
	height:24px;
	margin:0 0  10px 0;
	behavior: url(/scripts/iepngfix/iepngfix.htc)
}
div.orange-subheader {
	background-color:#e39024;
	width:100%;
	text-align:center;
	margin:0;


	padding:4px 0;
}
div.sub-subheader {
	background-color:#f8f7da;
	width:100%;
	text-align:left;
	margin:0;
	padding:4px 0;
}
div.orange-subheader h4 {
	color:#76b804;
	font-size:14px;
	padding:0;
	margin:0 5px;
}
div.sub-subheader h4 {
	color:#e3680d;
	font-size:14px;
	padding:0;
	margin:0 10px;
}
div.orange-subheader h4.white {
	color:#fff;
	font-weight:600;
}
/* ------------------ HEADER---------------*/
.sky {
	background-image:url(../images/sky-bkgd.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;
	height:133px;
}
.header {
	width:720px;
	position: relative;
	margin: 0 auto;
	height:90px;
}
.sov-sun-logo {
	position:absolute;
	top:51px;
	left:16px;
	z-index:99;
}
.header-tagline {
	position:absolute;
	top:106px;
	left: 349px;
}
/* ------------------ NAV ---------------*/
.header-nav {
	position:absolute;
	right:0px;
	top:144px;
	z-index:100;
}
.header-nav a {
	outline: none;
}
a.header-navpad {
	padding:0;
	margin-left:6px;
	text-indent:-2000px;
	float:left;
	display:inline;
}
a.navhome {
	width:54px;
	height:21px;
	background:transparent url(../images/btn-home1.gif) no-repeat 0 0;
}
a.navnews {
	width:52px;
	height:21px;
	background:transparent url(../images/btn-news.gif) no-repeat 0 0;
}
a.navbrowse {
	width:123px;
	height:21px;
	background:transparent url(../images/btn-browse1.gif) no-repeat 0 0;
}
a.navspread {
	width:75px;
	height:21px;
	background:transparent url(../images/btn-calendar.gif) no-repeat 0 0;
}
a.navabout {
	width:76px;
	height:21px;
	background:transparent url(../images/btn-about1.gif) no-repeat 0 0;
}
a.header-navpad:hover {
	background-position:0 -21px;
}
a.navhighlight {
	background-position:0 -21px;
}
.search-box {
	color:#20297b;
	position:absolute;
	top:50px;
	text-align:left;
	right:0;
	padding:0;
	margin:0;
}
span.verysmall {
	font-size:9px;
	color:#fff;
}
.crumbPad {
	color:#666666;
	font-size:11px;
	margin:0pt;
	padding:0px 0pt 10px;
}
/* ------------------ LAYOUT ---------------*/

div.main-column {
	width:495px;
	zoom:1
}
div.narrow-column {
	width:205px
}
div.column-large {
	float:left;
	display:inline;
	width:495px;
	background: transparent url(../images/top_large.gif) no-repeat top;
}
div.column-small {
	float:left;
	display:inline;
	width:205px;
	background: transparent url(../images/top_small.png) no-repeat top;
	behavior: url(/scripts/iepngfix/iepngfix.htc);
	zoom:1;
}
div.orange {
	background: transparent url(../images/orange_top_small.png) no-repeat top;
	behavior: url (/scripts/iepngfix/iepngfix.htc)
}
div.orange-header {
	background: url(../images/orange_top_small_bkgd.gif);
	width:100%;
	text-align:center;
	margin:8px 0 -8px 0;
	padding:0 0 4px 0
}
div.green {
	background: transparent url(../images/green_top_small.png) no-repeat top;
	behavior: url(/scripts/iepngfix/iepngfix.htc)
}
div.green-header {
	background-color:#76b804;
	width:100%;
	text-align:center;
	margin:8px 0 -8px 0;
	padding:0 0 4px 0;
}
div.column-pad {
	margin-right:20px;
}
div.content-large {
	padding:10px 10px 4px 10px;
	margin-top:8px;
	background-color:#fff;
	zoom:1
}
div.content-small {
	padding:10px 10px 4px 10px;
	margin-top:8px;
	background-color:#fff;
}
#charity_cat, #charity_loc {
	margin:0;
	padding:0;
}
div.curve-lrg-btm {
	background: transparent url(../images/bottom_large.png);
	height:26px;
	margin:0 0 5px 0;
	behavior: url(/scripts/iepngfix/iepngfix.htc)
}
div.curve-sml-btm {
	background: transparent url(../images/bottom_small.png) bottom;
	height:22px;
	padding:0;
	margin:0 0 5px 0;
	behavior: url(/scripts/iepngfix/iepngfix.htc)
}
div.content {
	font-size:11px
}
div.banner {
	float:left;
	width:205px;
	margin-bottom:10px;
	display:inline;
}
div.countdown-num {
	overflow:none;
	color:#000;
	float:left;
	display:inline;
	width:49px;
	height:38px;
	background:transparent url(../images/timer_bg.gif) no-repeat top;
	margin:5px;
	padding-top:2px;
}
div.countdown-num span {
	margin:5px 0 0 0;
	color:#000;
	width:49px;
	font-size:16px;
	font-weight:bold;
}
div.countdown-num span.caption {
	font-size:10px;
	margin:-6px 0 0 0;
}
/* ------------------ TABS ---------------*/
ul.tabs {
	margin:0;
	padding:0;
}
ul.tabs li {
	padding:0;
	display:inline;
	margin:0;
}
ul.tabs li a, ul.tabs li span {
	padding:0;
	margin:15px 5px 0 0;
	text-indent:-2000px;
	float:left;
	display:inline;
}
ul.tabs li a {
	float:left;
	display:inline;
	z-index:5;
	height:50px;
}
ul.tabs li span {
	margin-right:10px;
	z-index:50;
	height:57px;
}
div.tabshadow {
	display:block;
	height:12px;
	margin:-14px -15px;
	position:relative;
	top:64px;
	z-index:10;
	background:transparent url(../images/shadow.png) repeat-x top left;
	behavior: url(/scripts/iepngfix/iepngfix.htc);
}
div.shadow {
	display:block;
	height:10px;
	margin:5px -15px 15px -15px;
	behavior: url(/scripts/iepngfix/iepngfix.htc);
	background:transparent url(/images/shadow.png) repeat-x top left;
}
li.vote a:hover {
	background:url(/images/tab_vote2.gif) no-repeat top left;
	margin-top:-1px;
}
li.volunteer a:hover {
	background:url(/images/tab_volunteer2.gif) no-repeat top left;
	margin-top:-1px;
}
li.donate a:hover {
	background:url(/images/tab_donate2.gif) no-repeat top left;
	margin-top:-1px;
}
li.spread a:hover {
	background:url(/images/tab_spread2.gif) no-repeat top left;
	background-color:#fff;
	margin-top:-1px;
}
.vote {
	width:147px;
	background:#fff url(/images/tab_vote.gif) no-repeat 0px -54px;
}
.volunteer {
	width:83px;
	background:#fff url(/images/tab_volunteer.gif) no-repeat 0px -54px;
}
.donate {
	width:69px;
	background:#fff url(/images/tab_donate.gif) no-repeat 0px -54px;
}
.spread {
	width:133px;
	background:#fff url(/images/tab_spread.gif) no-repeat 0px -54px;
}
.tabs-selected {
	background-position:0px 0px;
}
#fragment-10, #fragment-11, #fragment-12, #fragment-13 {
	margin-top:0;
	padding-top:0;
}
ul.tabs li span.volunteer-2 {
	width:164px;
	height:46px;
	margin:0 1px 0 0;
	background:#fff url(/images/tab-volunteer-2.gif) no-repeat top left;
}
ul.tabs li a.btn-vote {
	width:108px;
	height:43px;
	margin:0 1px 0 0;
	background:#fff url(/images/btn-vote.gif) no-repeat top left;
}
ul.tabs li a.btn-donate {
	width:135px;
	height:43px;
	margin:0 1px 0 0;
	background:#fff url(/images/btn-donate.gif) no-repeat top left;
}
#container-4 {
	margin-top:12px;
}
#fragment-10, #fragment-11, #fragment-12, #fragment-13, #fragment-14 {
	margin-top:-15px;
}
/*div.tabbed-container {
	width:483px;
	margin:0 -9px 0 -9px;
	padding-top:20px;
	background:#fff url(/images/tabbed-container-bg.gif) no-repeat top left;
}*/

/* ------------------ PANELS ---------------*/
div.charity-panel {
	float:left;
	display:inline;
	width:143px;
	height:184px;
	margin: 13px 13px 0 0;
	padding:0px;
	background:#9ece0b url(../images/sd-top-gradient.gif) 1px 74px no-repeat;
}
div.panel-top {
	color:#fff;
	text-align:right;
	height:18px;
	background:transparent url(../images/panel_top.gif) no-repeat top;
	display:block;
}
div.charity-panel.last {
	margin-right:0;
}
div.charity-panel p {
	margin:0;
	font-size:12px;
    line-height:14px;
	padding:0;
	color:#fff;
	margin:2px 5px 5px 5px;
}
div.charity-panel a {
	color:#fff;
	text-decoration:none;
}

div.charity-panel a:hover {
	text-decoration:underline;
}
div.charity-panel div.description {
	color:#3f550c;
	height:55px;
	overflow:hidden;
}
div.charity-panel div.description p {
	padding: 2px 0 5px 0;
	background:url(../images/sd-divider.gif) no-repeat bottom;
	}
div.charity-panel div.description a {
	color:#3f550c;
}
div.charity-panel .votes {
	 color:#fff;
	 text-align:center;
}
div.charity-panel a.submit {
	height:29px; width:141px; background:url(../images/sd-submit.gif) no-repeat; display: block; text-indent:-9999px;margin-top:2px;
	}
div.charity-panel a:hover.submit {
	height:29px; width:141px; background:url(../images/sd-submit.gif) no-repeat 0 -29px;
	}
	
/* Three ways panels */
div.col-151 {
	float:left;
	width: 151px;
	color:#666666;
}
	div.col-151 p {
		padding:0px 12px 0px 0px;
	}
	div.col-151.last {
		margin-right:0;
	}
 
/* Sunshine days */
.sd-intro-wrapper {background:url(../images/sd-panel-gradient-mid.jpg) repeat-y; display:block; width:465px; margin-left:-5px;}
	.sd-intro {position: relative; background: url(../images/sd-panel-gradient-top.jpg) no-repeat top; min-height:120px; height:auto !important; height:120px; color:#fff; padding:0px 0px 10px 0px; display:block}
		.sd-intro h3 {font-size:18px; font-weight:normal;color:#fff; padding:10px 15px 0 15px;margin:0; }
		.sd-intro p {width:350px; padding:0 15px}
		.sd-intro .bottom {position: absolute; bottom:0px; background: url(../images/sd-panel-gradient-btm.jpg) no-repeat bottom; height:24px; width:100%; padding:0;}
		.sd-intro .cta a {font-size:12px; color:#ffde00; background:url(../images/sd-arrow.png) no-repeat 0 2px; padding-left:12px;}
		
.sd-news-wrapper {background:url(../images/sd-panel2-gradient-mid.jpg) repeat-y; display:block; width:484px; margin-left:-5px;}
	.sd-news-wrapper a {color:#ffde00}
		.sd-news {position: relative; background: url(../images/sd-panel2-gradient-top.jpg) no-repeat top; min-height:120px; height:auto !important; height:120px; color:#fff; padding:0px 0px 15px 0px; display:block}
			.sd-news h3 {font-size:18px; font-weight:normal;color:#fff; padding:10px 15px 0 15px;margin:0; }
			.sd-news p {padding:0 15px}
			.sd-news ul { list-style:none;margin:0;padding:0 15px}
			.sd-news li {margin:0;padding:2px 0}
			.sd-news .coin { background:url(../images/sd-money-icon.png) 12px 12px no-repeat; padding-left:25px}
			.sd-news .others {float:left;width:210px; }
			.sd-news .others a {font-weight:normal}
			.sd-news .bottom {position: absolute; bottom:0px; background: url(../images/sd-panel2-gradient-btm.jpg) no-repeat bottom; height:24px; width:100%; padding:0;}
			.sd-news .cta a {font-size:12px; color:#ffde00; background:url(../images/sd-arrow.png) no-repeat 0 2px; padding-left:12px;}
	.sd-photos, .sd-overview, .sd-video  {margin-left:8px;}
		.sd-photos div {float:left;margin-right:2px;margin-bottom:2px}
	.sd-video h3 {font-size:18px; color:#000; font-weight:normal;margin:5px 0}

div.news-item p {
	margin-top:8px;
	width:350px;
	float:left;
	display:inline;
	margin-left:25px;
	padding-left:1px;
}
div.news-item p.news-header {
	margin-top:0;
	width:450px;
	float:left;
	display:inline;
}
div.more {
	margin-top:9px;
	padding-bottom:10px;
	width:83px;
	background:#ebaa1a url(../images/more-panel-bottom.gif) no-repeat bottom left;
	float:right;
	display:inline;
}
div.more img {
	margin-bottom:3px;
}
div.more a {
	color:#fff;
}
div.more a:hover {
	background-color:transparent;
}
/*by steven*/
ul.error_list li {
	font-size:16px
}
ul.error_list_inline li {
	color:#FF0000;
}
.field_error {
	color:#FF0000;
	font-weight:normal
}
/* ------------------ LISTINGS ---------------*/




#charity_cat ul {
	list-style:inside
}
#charity_cat li {
	list-style-type:none;
	border-top:#ebebeb 1px solid;
	padding:4px 10px;
	background-color:#fff;
}
#charity_cat a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#charity_cat a.selected {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#charity_cat a:hover {
	color:#666666;
}
#charity_loc ul {
	list-style:inside;
	margin-bottom:-10px;
}
#charity_loc li {
	list-style-type:none;
	border-top:#ebebeb 1px solid;
	padding:4px 10px;
	background-color:#fff;
}
#charity_loc a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#charity_loc a.selected {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#charity_loc a:hover {
	color:#666666;
}
#charity_loc li ul {
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
	margin-left:-10px;
	margin-right:-10px;
}
.switch1 {
	background-color:#fff;
}
.switch2 {
	background-color:#f0f0f0;
}
.charity_cols {
	background-color:#beddac;
	font-weight:bold;
}
.charity-table {
	margin:10px 0;
	background-color:#fff;
	border:1px solid #dfeed6;
	background-color:#fff;
}
.charity-table p {
	margin:5px;
}
.charity-table a {
	text-decoration:underline;
	color:#3b3b3b;
	font-weight:normal;
}
.charity-table a:hover {
	text-decoration:none;
	color:#e39024
}
/* profile page */
img.profile-image {
	float:left;
	display:inline;
	margin-right:8px;
	margin-bottom:5px;
}
p.profile-image {
	float:left;
	display:inline;
	margin-right:6px;
	margin-bottom:5px;
}
div.dvv-buttons {
}
div.charity-buttons {
	float:right;
	display:inline;
}
.charity-buttons .previous, .charity-buttons .next {
	float:left;
	display:inline;
}
table.profile-contact-details, table.profile-volunteer-details {
	margin:8px 0 10px 0;
}
table.profile-donation-details {
	margin:0 0 20px 0;
}
table.profile-donation-details td {
	border-top:1px solid #ddf2b9;
}
table.profile-donation-details td.label {
	width:150px;
}
table.profile-donation-details td.label p {
	padding-left:30px;
	color:#669f00;
	width:200px;
}
;
table.profile-donation-details td.up p {
	margin:10px 0 0 10px
}
.profile-contact-details .label {
	font-weight:bold;
}
.profile-volunteer-details strong {
	display:block;
	padding-bottom:4px;
}
span.profile-position {
	color:#eba519;
	font-weight:bold;
}
span.profile-work {
	color:#eac71e;
	font-weight:bold;
}
span.profile-description {
	display:block;
	padding-bottom:10px;
}
table.calendar {
	border:none;
	width:auto;
}
table.calendar tr.calendarheader td {
	border-left:1px solid #fff;
	color:#fff;
	background-color:#e39024;
	height:30px;
}
table.calendar tr.alt td {
	background-color:#F0F0F0;
}
table.calendar td {
	padding:5px;
	height:55px;
	width:auto;
}
table.calendar td a {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
table.calendar td a:hover {
	text-decoration:none;
	color:#e39024;
}
div.orangebox {
	background-color:#fff1b9;
	margin:-10px 0 -5px 0;
	padding: 10px 10px 10px 10px;
}
div.greenbox {
	zoom:1;
	background-color:#f4ffe1;
	margin:-10px 0 0 0;
	padding:10px;
}
div.greenbox2 {
	background:#A5D412 url('../images/refer-a-friend_bg.png') no-repeat;
	margin:-10px 0 -5px 0;
	padding: 10px 10px 5px 10px;
}
.greenbox2 img { border: 0; }
div.greenbox2 p {
	margin-top: 15px;
	color: #FFF;
}
div.greenbox2 p a {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}
div.hr {
	margin:0 0 10px 0;
	padding:0;
	font-size:1px;
}
div.orangebox div.hr {
	border-bottom:1px solid #f8d892;
}
div.greenbox div.hr {
	border-bottom:1px solid #ddf2b9;
}
div.col-132 {
	float:left;
	display: inline;
	width: 133px;
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	background:transparent url(/images/vr.jpg) no-repeat top right;
}
div.lastcol {
	background:none;
	margin:0;
}
ul.loggedin {
	margin:0;
	padding:0 0 0 10px;
	display: compact
}
ul.loggedin li {
	margin:0 3px 0 0;
	padding:0;
}
div.medium-grey {
	color:#666666;
	font-size:11px;
}
div.small-grey {
	color:#666666;
	font-size:10px;
}

/* ------------------ TICKER ---------------*/

.hide {display:none;}
.show {display:block;}

.tickercontainer { /* the outer div with the black border */
width: 455px; 
height: 18px; 
margin: 0 0 8px 0; 
padding: 0
overflow: hidden; 
border-bottom: 1px solid #ddf2b9;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 455px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 500px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 40px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


/* ------------------ FOOTER ---------------*/
div#footer {
	background-image: url(../images/footer-grass.gif);
	background-position:bottom;
	background-repeat:no-  repeat;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 720px;
	position:relative;
	height:90px;
}
.footer-nav {
	margin-left:20px;
}
.footer-nav a {
	font-size:12px;
	margin-right:20px;
}
#error_show h3 {
	color:#000;
}