/*******************  
*	DEFAULTS
********************/

A		{ color: #82024d; text-decoration: underline }
A:hover		{ color: #82024d; text-decoration: none }

BODY		{ color: #262626; font: normal 11px verdana, arial; line-height: 140% }
TABLE		{ padding: 0px; margin: 0px; border-collapse: collapse; }
TABLE TD	{ padding: 0px; margin: 0px; border-collapse: collapse; font-family: arial, verdana, tahoma; font-size: 12px; vertical-align: top }
IMG		{ border: 0px; margin: 0px }
FORM		{ margin: 0px }

h1		{ color: #82024d; font: normal 20px arial; line-height: 100%; margin: 0 0 15px; padding-top: 10px }
h2		{ color: #82024d; font: bold 16px arial; margin: 10px 0px }
h3		{ margin: 10px 0; font: bold 14px arial }
p		{ margin: 12px 0 7px }

INPUT,
SELECT,
TEXTAREA	{ border: 1px solid #262626; font: normal 12px arial, tahoma }
.submit		{ background: #82024d; color: #fff; font: bold 12px arial }

TABLE.inputForm		{ margin-bottom: 15px }
TABLE.inputForm TH,
TABLE.inputForm TD	{ padding: 4px 5px }
TABLE.inputForm TH	{ text-align: right; vertical-align: top }

TABLE.setWidth TH	{ width: 110px }

img.picture		{ background: #ffe6f2; padding: 2px; border: 1px solid #a20054 }

/*******************  
*	STRUCTURE
********************/

#container		{ margin: 0px auto; width: 905px }
#header			{ height: 159px; background: url(images/header-bg.jpg) no-repeat top right } 
#header	h1		{ margin: 0px }
#header	h1 a		{ display: block; width: 335px; height: 60px; background: url(images/page-header.png) no-repeat; text-indent: -9000px; text-decoration: none; overflow: hidden; } 

#header ul		{ padding: 0; margin: 50px 15px 0 0; list-style: none; float: right } 
#header ul li		{ margin: 0 0 15px; padding: 0 20px 0 0; background: url(images/list-bullet.png) no-repeat center right }
#header ul li a 	{ background: url(images/top-menu.png) no-repeat top right; height: 16px; width: 172px; display: block; text-indent: -9000px; overflow: hidden; }

#header ul .donate a	{ background-position: top right }
#header ul .donate a:hover { background-position: right -16px }

#header ul .volunteer a	{ background-position: right -32px }
#header ul .volunteer a:hover { background-position: right -49px }

#header ul .join a	{ background-position: right -66px }
#header ul .join a:hover { background-position: right -83px }


UL#menu			{ height: 37px; font-size: 12px; text-align:left; padding: 0px; margin: 0px; list-style: none }
UL#menu LI		{ float: left; margin: 0px; }
UL#menu A 		{ background: transparent url(images/menu.png) no-repeat; display: block; height: 37px; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#menu #home A		{ background-position: 0px 0px; width: 102px }
#menu #home A:hover,
UL#menu.home #home A	{ background-position: 0px -37px; }

#menu #whoweare A		{ background-position: -102px 0px; width: 150px }
#menu #whoweare A:hover,
UL#menu.whoweare #whoweare A	{ background-position: -102px -37px; }

#menu #whoweserve A	{ background-position: -252px 0px; width: 159px }
#menu #whoweserve A:hover,
UL#menu.whoweserve #whoweserve A	{ background-position: -252px -37px; }

#menu #programs A	{ background-position: -411px 0px; width: 123px }
#menu #programs A:hover,
UL#menu.programs #programs A	{ background-position: -411px -37px; }

#menu #centers A		{ background-position: -534px 0px; width: 120px }
#menu #centers A:hover,
UL#menu.centers #centers A		{ background-position: -534px -37px; }

#menu #contribute A	{ background-position: -654px 0px; width: 133px }
#menu #contribute A:hover,
UL#menu.contribute #contribute A	{ background-position: -654px -37px; }

#menu #contact A	{ background-position: -787px 0px; width: 118px }
#menu #contact A:hover,
UL#menu.contact #contact A	{ background-position: -787px -37px; }

#footer			{ color: #e9810c; background: url(images/content-footer-sidebar.png) no-repeat; padding-top: 25px; margin-bottom: 20px }
#footer UL		{ padding: 0; margin: 0; list-style-type: none; float: right }
#footer UL LI		{ display: inline; padding: 0px 3px }
#footer LI A		{ color: #fcaad4; text-decoration: none; font-size: 10px }
#footer LI A:hover	{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff }

#footer A		{ color: #e9810c; text-decoration: none; font-size: 10px }
#footer A:hover		{ text-decoration: none; border-bottom: 1px dotted #e9810c }

#mainCont		{ width: 901px; background: #fff url(images/sidebar-bg.png) repeat-y; border: 2px solid #f1c75d; border-top: 0; border-bottom: 0 }
#main			{ background: url(images/sidebar-footer.png) no-repeat bottom left }

.noSideBar #footer	{ background: url(images/content-footer.png) no-repeat; }
.noSideBar #mainCont,
.noSideBar #main	{ background-image: none }
.noSideBar #main	{ padding: 0 12px 5px }

.sideBar		{ width: 157px; min-height: 300px; float: left; padding: 0 10px }
.sideBar h2		{ background: url(images/icon-arrow.png) no-repeat center right }

.sideBar ul		{ padding: 0; margin: 0; list-style: none; border-top: 1px solid #af610a } 
.sideBar ul li		{ margin: 0; padding: 0 }
.sideBar ul li a 	{ color: #fdf2e6; font: bold 12px arial; padding: 5px 2px 5px 16px; display: block; text-decoration: none; border-bottom: 1px solid #c66e0b; background: url(images/submenu-icon.png) no-repeat 5px 9px }
.sideBar ul li a:hover 	{ color: #fdf2e6; background-color: #c66e0b }

.content		{ width: 684px; float: right; padding: 0 20px }

.banner 		{ float: right; margin: 15px 15px 5px }

.homeBanner img		{ float: right; margin: 8px 0 5px 10px }

.homeBox		{ font-size: 12px; height: 129px; width: 280px; background: url(images/home-left-bg.png) no-repeat; overflow: hidden }
.homeBox p		{ margin: 5px 0; text-align: justify; line-height: 136% }
.homeBox a		{ color: #cf4000; font-weight: bold }

.boxTrioCont		{ background: url(images/boxTrio-bg.png) repeat-y center; }
.boxTrio1,
.boxTrio2,
.boxTrio3		{ width: 287px; line-height: 130% }
.boxTrio1 h2,
.boxTrio2 h2,
.boxTrio3 h2		{ height: 33px; margin: 0; padding: 0; text-indent: -9000px }
.boxTrio1 div,
.boxTrio2 div,
.boxTrio3 div		{ padding: 10px 15px }
.boxTrio1 div a,
.boxTrio2 div a,
.boxTrio3 div a		{ color: #cf4000; font-weight: bold }
.boxTrio1 div img,
.boxTrio2 div img,
.boxTrio3 div img	{ float: left; margin: 0 10px 5px 0; border: 1px solid #82024d }
.boxTrio1 div h3,
.boxTrio2 div h3,
.boxTrio3 div h3	{ color: #82024d }

.boxTrio1		{ background: #fdbe57; float: left; }
.boxTrio1 h2		{ background: url(images/box-title-stories.png) no-repeat }
.boxTrio2		{ background: #fedba4; float: left; margin-left: 8px }
.boxTrio2 h2		{ background: url(images/box-title-featured.png) no-repeat }
.boxTrio3		{ background: #fdbe57; float: right; }
.boxTrio3 h2		{ background: url(images/box-title-hope.png) no-repeat }

.boxTrio1 div.sep	{ background: url(images/boxTrio1-separator.png) no-repeat bottom center; } 

.commentBox		{ background: #fdefdf; padding: 0 6px 10px; border: 1px solid #fda94f; border-left: 0; border-right: 0; line-height: 120%; margin-bottom: 20px }

.list1			{ padding: 0 0 12px; margin: 0 0 20px; line-height: 130%; background: url(images/separator.png) no-repeat bottom center; overflow: auto; }
.list1 .imgCont		{ float: left; margin: 0 10px 5px 0; text-align: center }

.list1 .imgCont a	{ color: #fff; display: block; width: 120px; background: url(images/button-red-bg.png) no-repeat; font: bold 11px verdana; margin: 5px 0 0; text-decoration: none }
.list1 .imgCont a span	{ display: block; padding: 6px 9px 0 0; height: 22px; margin-left: 10px; background: url(images/button-red-bg.png) no-repeat top right; cursor: pointer }
.list1 .imgCont A:hover 	{ background-position: 0 -27px; text-decoration: none }
.list1 .imgCont A:hover SPAN 	{ background-position: right -27px; text-decoration: none }

.list1 img		{ background: #ffe6f2; padding: 2px; border: 1px solid #a20054 }
.list1 h4		{ color: #82024d; margin: 0 0 2px; font: bold 16px arial }
.list1 h5		{ margin: 0 0 4px; font-weight: normal; font-size: 10px; color: #555 }

.box1			{ background: url(images/box1-bottom.png) no-repeat bottom; width: 331px; padding-bottom: 10px }
.box1 h2		{ background: url(images/box1-top.png) no-repeat; color: #754511; margin: 0; padding: 7px 0 9px 14px }
.box1 p			{ margin: 0; padding: 10px 10px 5px }
.box1 p.small		{ color: #CA281C; font: normal 11px arial; margin-bottom: -5px }
.box1 INPUT,
.box1 SELECT,
.box1 TEXTAREA		{ border: 1px solid #754511; font: normal 11px arial, tahoma }
.box1 .inputForm	{ margin: 5px 0 10px 15px }
.box1 .inputForm TH	{ color: #754511 }
.box1 .submit		{ background: #754511; font: bold 11px arial; border: 2px solid #53310c }
.box1 label		{ margin-left: 9px }
.box1 input		{ vertical-align: middle }

fieldset.cat	 	{ background: #FFF8E8; border: 1px solid #fda94f; border-left: 0; border-right: 0; margin: 10px 0 5px; padding-bottom: 10px; text-align: center }
fieldset.cat legend	{ backgorund: #fff; color: #754511; font: bold 12px verdana }
fieldset.cat a		{ color: #754511; margin: 0 10px; font: bold 14px arial; text-decoration: none }
fieldset.cat a:hover	{ color: #754511; text-decoration: underline }

table.col2		{ width: 100% }
table.col2 td		{ width: 50%; padding: 13px; border: 1px solid #fda94f }

.buttonRight		{ float: right; text-align: right; padding-right: 5px }
.buttonRight a		{ float: right; }
.buttonRight label	{ display: block; float: right; vertical-align: top; padding: 0; margin: 16px 9px 0 9px; font-weight: bold }
.buttonRight label input { vertical-align: middle }


a.button		{ color: #fff; display: block; width: 150px; background: url(images/button-redfern-bg.png) no-repeat; font: bold 11px verdana; text-decoration: none; text-align: center }
a.button span		{ display: block; padding: 18px 34px 0 0; height: 22px; margin-left: 10px; background: url(images/button-redfern-bg.png) no-repeat top right; cursor: pointer }
a.button:hover 		{ background-position: 0 -40px; text-decoration: none }
a.button:hover span 	{ background-position: right -40px; text-decoration: none }

.box1 a.button		{ background: url(images/button-redfern-box-bg.png) no-repeat; margin: 0 auto }
.box1 a.button span	{ background: url(images/button-redfern-box-bg.png) no-repeat top right }
.box1 a.button:hover 		{ background-position: 0 -40px; text-decoration: none }
.box1 a.button:hover span 	{ background-position: right -40px; text-decoration: none }


#backOverlay 		{ position: absolute; left: 0; width:100%; background-color: #000; z-index:1000; cursor: default; }
.overlayBox		{ max-width: 600px; background: #fff; padding: 20px 30px; border: 3px solid #333; position: absolute; top: 0px; left: 0px; z-index: 1001; display: none; visibility: hidden; }
.overlayBoxClose	{ display: block; float: right; border: 1px solid #ccc; border-top: 0; border-right: 0; padding: 5px 12px; margin: -20px -30px 0 0; }
.overlayBox h1,
.overlayBox h2,
.overlayBox p		{ margin: 0 0 20px }


/*******************  
*	FAQ
********************/

OL.faqListQ		{ border-bottom: 1px dashed #aaaaaa; padding-bottom: 20px }
OL.faqListQ LI		{ padding-bottom: 5px }
OL.faqListA LI.item	{ background: url(images/separator-large.png) no-repeat bottom center; padding-bottom: 20px }
OL.faqListA LI.item H4	{ margin: 20px 0 5px; font-size: 14px }
OL.faqListA .file	{ padding: 3px 0px 0px 0px; font-weight: bold }
OL.faqListA .file A	{ font-weight: normal }
OL.faqListA p.top	{ text-align: right; font-size: 10px; margin: 3px 0px }

/*******************  
*	UTILS
********************/

.noTop			{ margin-top: 0px }
.noBottom		{ margin-bottom: 0px }
.noSeparator		{ background-image: none }
.floatRight		{ float: right; margin: 10px 0 5px 10px }
.floatLeft		{ float: left; margin: 0 10px 5px 0 }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textSmaller		{ font-size: 10px }

input.radio		{ border: 0 }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */