/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}

.sf-menu .last ul {
	width: 10em;
}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* used to match top ul list item height (2.5em), but that was too high */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

ul.sf-menu li.last li:hover ul, ul.sf-menu li.last li.sfHover ul {
	width: 10em;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:		#6DBF3B;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* reset browser defaults (from YUI Grids) */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* basics */
body {
	background: #fff;
	color: #000;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #00417d;
}
h1 {
	font-size: 2.3333em;
	margin: 0 0 .3em;
}
h2 {
	font-size: 1.416667em;
	line-height: 1.416667em;
	margin: .3333em 0;
	padding-top: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-size: 12px;
	margin: .5em 0;
}
h4 {
	font-size: 1.25em;
	margin: .6em 0 .6em 0;
	color: #6DBF3B;
}
h4 span {
	font-size: .8em;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .5em 0;
	color: #6DBF3B;
}
h6 {
	font-size: .99993em;
	margin: .5em 0;
}
p, blockquote {
	line-height: 1.5em;
	margin: 0 0 1.5em;
}
strong {
	font-weight: bold;
	color: #6DBF3B;
}
em {
	font-style: italic;
}
a:link, a:visited {
	color: #d75500;
}
a:hover {
	color: #6DBF3B;
}
a img {
	border: 0;
}
hr {
	border: 1px solid #BBB;
	margin-bottom: 1em;
}

div.links a {
	padding: 0 .25em;
}
div.links {
	margin: 8px 0 0 -.25em;
	color: #d75500;
}

strong {
	font-weight: bold;
}

/* sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {
	/*visibility: hidden;*/
	font-size: 15px;
}

/* page structure & header */
#wrapper {
	width: 820px;
	padding: 0 5px;
	margin: 0 auto;
	background-color: #FFF;
}
.home, body {
	background-color: #6db33f;
}
#wrapper {
	background: url(/images/bg_green.gif) repeat-y top center #FFF;
}
.donate, .about {
	background-color: #009ac8;
}
.donate #wrapper, .about #wrapper {
	background: url(/images/bg_blue.gif) repeat-y top center #FFF;
}
.volunteer, .programs {
	background-color: #a91eab;
}
.volunteer #wrapper, .programs #wrapper {
	background: url(/images/bg_purple.gif) repeat-y top center #FFF;
}
.news {
	background-color: #ed3ea5;
}
.news #wrapper {
	background: url(/images/bg_pink.gif) repeat-y top center #FFF;
}
.success_stories {
	background-color: #feb913;
}
.success_stories #wrapper {
	background: url(/images/bg_yellow.gif) repeat-y top center #FFF;
}
.sidebar .callout { padding: 1em; }
.volunteer .figure, .volunteer .sidebar .callout {
	background: #f6e9f6;
}
.about .sidebar .callout {
	background: #e5f5f9;
}
#header {
	position: relative;
	top: -18px;
	z-index: 2;
}
#header #logo {
	position: absolute;
	z-index: 60;
	top: 80px;
	left: 25px;
}
#header #search-box {
	position: absolute;
	z-index: 60;
	top: 35px;
	right: 25px;
}
#search-box #inpKeywords {
	width: 155px;
	height: 15px;
	border: 2px inset #CCC;
	float: left;
	margin-right: 10px;
}
#search-box .btn_input {
	width: 20px;
	height: 20px;
	border: 1px solid #D53100;
	float: left;
}
#search-box .btn_input input {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-color: #F37521;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.1667em;
	font-weight: bold;
	padding: 0;
	line-height: 20px;
	border: 1px solid #FFA039;
}
#header .headerimg {
	z-index: 50;
	position: relative;
	top: 18px;
}
#content {
	padding: 10px 25px 20px;
}

#content ul, ol {
	margin-bottom: 1.5em;	
}

#content ul li {
	list-style-type: disc;
	margin: 0 0 10px 30px;
}
#content ol li {
	margin: 0 0 10px 30px;	
}
#content .sidebar li {
	margin-left: 0;
}
#content td {
	padding: 6px;
	border-bottom: 1px solid #BBB;
}

.internal-page #content {
	padding-top: 20px;
}
#bottom-links {
	top: -50px;
	position: relative;
	height: 1px;
}
.home #bottom-links {
	display: none;
}
#footer {
	padding: 30px 25px 20px;
	background: url(/images/bg_footer.gif) no-repeat top left #FFFCD5;
	clear: both;
	color: #00417D;
}
span.clear {
	height: 1px;
	line-height:1px;
	font-size:1px;
	display: block;
	clear: both;
}

/* navigation */
ul.navigation {
	margin: 2px 0 0 0;
	height: 45px;
	background-color: #F37521;
	z-index:10;
	float: none;
}
ul.navigation li {
	list-style-type: none;
	float: left;
}
ul.navigation li a {
	text-decoration: none;
	margin-top: 0;
	padding: 12px 16px 4px;
	display: block;
	color: #FFF;
	font-size: 1.41667em;
	line-height: 1.4667em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/images/bg_navigation.gif) repeat-y top left transparent;
}
ul.navigation li {
	display: inline;
}
ul.navigation li.first a {
	background-image: none;
}
ul.navigation li a:hover {
	background-color: #6DBF3B;
}
ul.navigation li a.active {
	background-color: #FFF;
	color: #F37521;
}
ul.navigation li li {
	font-size: .8em;
}
ul.navigation li li a {
	line-height: 1.15em;
	background-color: #F37521;
	border-bottom: 1px solid #C74F00;
	border-top: 1px solid #FF9956;
	padding-top: 6px;
	padding-bottom: 8px;
	background-image: none;
}
ul.navigation li li a:hover {
	border-top-color: #74CB50;
	border-bottom-color: #74CB50;
}

/* buttons */
a.btn, a.btn_img {
	background-color: #F37521;
	border: 1px solid #D53100;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	padding: 6px 0;
	float: right;
	clear: right;
	margin: 7px 0;
	line-height: 16px;
	font-size: 14px;
}

a.btn span {
	padding: 5px 15px;
	border: 1px solid #FFA039;
}
a.btn:hover {
	/*background-color: #6DBF3B; */  
	border-color: #00822D;
}
a.btn:hover span, a.btn_img:hover div {
	background-color: #6DBF3B;
	border-color: #74CB50;
}
a.width_100 {
	width: 100%;
	padding: 0;
}
a.width_100 span {
	display: block;
}
a.btn_img {
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	text-align: left;
	padding: 0;
	float: none;
	background: #F37521;
	position: relative;
	clear: both;
}
a.btn_img div {
	border: 1px solid #FFA039;
	background: url('/images/double-arrow.png') no-repeat 324px center;
	padding: 0 52px 0 0;
	height: 106px;
}
a.btn_img img {
	float: left;
	margin-right: 6px;
}
a.btn_img:hover {
	background-color: #6DBF3B;   
	border-color: #00822D;
	cursor: pointer;
}
a.btn_img:hover .curve {
	margin-top: -107px;
}

a.btn_img h4 {
	margin-top: 33px;
	font-family: Georgia, Times, serif;
	margin-bottom: 7px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
}

a.btn_img .curve {
	position: absolute;
	left: 106px;
}

a.btn_img {
	width: 368px
}
a.btn_img div {
	width: 314px
}

a.btn_img p {
	margin-bottom: 10px;
}

a.btn_donate {
	float: left;
	width: 100%;
	padding: 0;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-weight: normal;
}
a.btn_donate span {
	display: block;
	padding: .6667em .5em;
	z-index: 60;
}
a.btn_donate .tagline {
	padding: 10px 15px;
	margin-bottom: 0;
	font: 14px Arial, Helvetica, sans-serif;
	display: none;
	z-index: 40;
	border: 0;
	position: relative;
	background: #478F1A !important;
}
#footer .btn, .sidebar .btn {
	width: 205px;
	padding: 0;
}
#footer .btn span, .sidebar .btn span {
	display: block;
}

/* homepage feature */
.feature_box {
	background: #e3f1cb;
	border: 1px solid #c5e1b2;
	padding: 13px;
	position: relative;
	margin-bottom: 18px;
}
.feature_box img {
	float: left;
	margin-right: 15px;
}
.feature_box .first-col {
	height: 210px;
	overflow: auto;
	width: 500px;
	padding-right: 15px;
	float: left;
}
.feature_box .last-col {
	position: absolute;
	bottom: 13px;
	right: 16px;
	width: 190px;
}
.feature_box .last-col a {
	width: 100%;
	padding: 0;
	margin-bottom: 7px;
	clear: both;
}
.feature_box .last-col a span {
	display: block;
}
.home .feature_box {
	height: 214px;
	border: 1px #E8E688 solid;
	background: url(/images/bg_featurebox.gif) no-repeat top right #FFFCD5;
	overflow: auto;
}

/* dates */

.date {
	font-weight: normal;
	font-size: 14px;
	color: #f37421;
	font-style:italic;
}

/* callout boxes */
.callout {
	background: url(/images/bg_greentop.gif) no-repeat top left #E5FFD7;
	margin: 1.5em 0;
	padding-top: 11px;
	position: relative;
}
.callout_bg {
	padding: .5em 1em;
	
	width: 342px;
	background: url(/images/bg_greenbottom.gif) no-repeat bottom left #E5FFD7;
}
.callout img.inline {
	float: left;
	margin-right: 15px;
	position: relative;
}
.callout h4 {
	margin-bottom: .2em;
	font-weight: bold;
	font-size: 1.2em;
}
.callout ul {
	padding-left: 15px;
}

/* blue box */
.blue_box {
	background: url(/images/bg_bluetop.gif) no-repeat top left ;
	margin-bottom: 1em;
}
.blue_box .callout_bg {
	width: 507px;
	background: url(/images/bg_bluebottom.gif) no-repeat bottom left #e5f5f9;
	
}


/* page columns */
.content-first-col, .content-last-col {
	float: left;
	width: 370px;
	padding-bottom: 55px;
}
.content-first-col {
	margin-right: 30px;
	padding-bottom: 0px;
}
.internal-page .content-first-col {
	width: 535px;
}
.internal-page .content-last-col {
	width: 205px;
}
.item p {
	margin-bottom: .8em;
}
.item h4 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.2em;
}

#content ul.links li {
	list-style-type: none;
	margin: 0 0 .7em;
}

/* sidebar */
.sidebar ul.links li {
	padding-left: 12px;
}
.sidebar ul.links li.active {
	background: url(/images/bg_links_active.gif) no-repeat left center transparent;
}
.sidebar ul.links li a {
	text-decoration: none;
}
.sidebar ul.links li.active a {
	color: #6DBF3B;
	font-weight: bold;
	font-size: 1.25em;
}

/* h2 icons */
.icn_blue {
	padding-left: 26px;
	background: url(/images/icn_star_blue.png) no-repeat left -1px transparent;
}
.icn_pink {
	padding-left: 26px;
	background: url(/images/icn_star_pink.png) no-repeat left -1px transparent;
}
.icn_orange {
	padding-left: 26px;
	background: url(/images/icn_star_orange.png) no-repeat left -1px transparent;
}
.icn_green {
	padding-left: 26px;
	background: url(/images/icn_star_green.png) no-repeat left -1px transparent;
}
.icn_purple {
	padding-left: 26px;
	background: url(/images/icn_star_purple.png) no-repeat left -1px transparent;
}
h3.icn_orange {
	padding-top: 3px;
}

/* margin upates */
.mt-10 {
	margin-top: 10px !important;
}

/* figures */
.figure {
	float: right;
	margin: .4em 0 1em 1em;
	text-align: center;
}
.figure .caption {
	text-align: left;
	font-size: .9em;
	padding-top: .4em;
}
.figure img {
	display: block;
}
.figure .btn {
	float: none;
	margin: 1em 0;
	display: inline-block;
}

/* floats */
.left {
	float: left !important;
	margin-left: 0;
	margin-right: 1em;
}
.right {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}
.clear {
	clear: both;
}

.half {
	width: 45%;
}

/* tabs */
#tabs ul li {
	list-style-type: none;	
	margin: 3px 3px 3px 0;
	font-weight: bold;
}

#tabs .ui-tabs-nav a {
	color: #fff;	
}

#tabs .ui-widget-content a {
	color: #d75500;
}

#tabs .ui-tabs-selected a {
	color: #222;
}

#tabs.no-border {
	border: none;
}

#tabs .ui-widget-header{
	border-color: #D53100;
	border-bottom: none;
	background: #F37521;
}

#tabs.no-border ul li {
	margin: 0 2px 0 0;	
}

#tabs .ui-tabs-panel {
	padding: 1em 0;	
}

#tabs .ui-state-hover {
	background: #6DBF3B;
	border-color: #00822D;
}

#tabs .ui-tabs-selected {
	background: white;
	border-color: #D53100;
}


/* fck border */
#content_blocks form {
/*background-color:#F0EDE2;*/
background-color:#F5F5F5;
font-size:0.99em;
margin:1em 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:0px 10px 10px 10px;
}

/* work arounds */
/* needed to keep editor background white on resources page */

.resources {
	background-color: #6db33f;
}

.resources #wrapper,  {
	background: url(/images/bg_green.gif) repeat-y top center #FFF;
}

/* site map */



#sitemap .parent {
/*	font-size:1.1em;*/
	font-weight:bold;
	margin-bottom:5px;
	padding-top:10px;
}

#sitemap .child {
/*	font-size:1.0em;*/
	font-weight:normal;
	margin:6px 0 0 8px;
}




/* login */

#sessions #content {
	background:#FFFCD5;
	margin:30px;border:1px solid #ddd;
	width:500px;
}

/* ensure that misc pages have a color */

.employment, .privacy_policy, .contact, .templates, .bis {
	background-color: #6db33f;
}

/* error messages */

#error-message #content {
	height:200px;
	padding:100px;
}