/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#646464;
	font-size:12px;
	margin:0 auto;
	background-color:#a8ca80;
	background-repeat: repeat-x;
	background-position: top center;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_body.jpg);
}

a {
	color:#2B5376;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:25px; }

h2 { font-size:20px; }

h3 { font-size:15px; }

/* ---- class settings ----------------------- */

#newsletter-button {
	position:absolute;
	top:140px;
	left:415px;
	z-index:10;
}

.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

.divider-line {
	position:relative;
	width:100%;
	height:2px;
	background-color:#777;
	margin-bottom:20px;
}

.divider-line-thin {
	position:relative;
	width:95%;
	height:1px;
	background-color:#BDD8ED;
	margin-bottom:20px;
}

.event h2 {
	color: #4e8fb4; 
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.event {
	padding-bottom: 20px;
	line-height: 18px;
}

.event .date {
	color: #88c247;
	font-weight: bold;
}

.featured {
	color: #4e8fb4; 
	font-size: 16px;	
}

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:888px;
	height:208px;
	background-image:url(images/bg_header2.jpg);
	background-repeat:no-repeat;
	padding: 0 61px 0 33px;
}

#logo {	
	position:relative;
	width:154px;
	height:182px;
	float:left;
	margin: 12px 0 0 -2px;
}

.signup-link {
	position:absolute;
	top:129px;
	left:851px;
}


/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:644px;
	height:113px;
	float:right;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	padding: 0 0 0 28px;
}

#main-sub {
	position:relative;
	top:0;
	left:0;
	width:945px;
	height:auto;
	padding: 0 0 0 28px;

}
#main-top {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-image:url(images/bg_main-top.jpg);
	background-repeat:no-repeat; 
	
}

/* ---- start main content settings -------------- */

#content_main {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:580px;
	height:auto;

}

#content_main-sub {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:580px;
	min-height:400px;
    height:auto !important;
    height:400px;
	background-image:url(images/img_white-mid-sub.jpg);
	background-repeat:repeat-y;

}

#content_main-repeat {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:588px;
	height:auto;
	background-image:url(images/img_white-middle.jpg);
	background-repeat:repeat-y;

}
.content-text {
	position:relative;
	width:555px;
	min-height:420px;
    height:auto !important;
    height:420px;
	padding: 0 0 50px 11px;
	line-height: 26px;

}

#content_boxes {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:890px;
	height:auto;

}

#donate {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:290px;
	height:178px;
	background-image:url(images/img_box-donate.jpg);
	background-repeat:no-repeat;

}

#volunteer {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:890px;
	height:auto;
	background-image:url(images/img_box-volunteer.jpg);
	background-repeat:no-repeat;

}
#refer {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:890px;
	height:auto;
	background-image:url(images/img_box-refer.jpg);
	background-repeat:no-repeat;

}
/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:335px;
	height:auto;
	padding: 0 28px 0 0;
}

#side_bar-sub {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:280px;
	height:auto;
	padding: 0 60px 0 0;
}

#side_green-box {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:280px;
	height:240px;
	margin: 10px 0 0 0;

}
#side_support {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:260px;
	height:105px;
	background-image:url(images/img_side-support.jpg);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding: 55px 0 0 20px;
	line-height:23px;
	color:#b3ddf5;
	font-size:18px;
}

#side_support a {
	color:#b3ddf5;
}

#signup-box {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:280px;
	height:200px;
	background-image:url(images/img_side-signup.jpg);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
}

#signup-text {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:170px;
	height:auto;
	padding: 110px 0 0 70px;
}

#upcoming-events {	
	position:relative;
	color:#fff;
	width:270px;
	height:auto;
	background-color:#4e8fb4;
	padding: 20px 0 20px 10px;
	margin:0 0 10px 0;
}

#upcoming-events a { color:#BDD8ED; }

#latest-news {	
	position:relative;
	color:#fff;
	width:270px;
	height:auto;
	background-color:#108968;
	padding: 20px 0 20px 10px;
}

#sub-links {	
	position:relative;
	width:266px;
	height:270px;
	background-color:#108968;
	padding: 30px 0 0 14px;
}

#sub-links_support {	
	position:relative;
	width:266px;
	height:400px;
	background-color:#108968;
	padding: 30px 0 0 14px;
}
#sub-links_programs {	
	position:relative;
	width:266px;
	height:215px;
	background-color:#108968;
	padding: 30px 0 0 14px;
}

/* ---- end side bar content settings ---------------- */
#footer-repeat {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:374px;
	clear:both;
	background-image:url(images/bg_footer-repeat.jpg);
	background-repeat:repeat-x;
}

#footer {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:374px;
	clear:both;
	background-image:url(images/bg_footer2.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
}

#footer-boxes {
	position:relative;
	width:900px;
	height:230px;
	padding: 60px 0 0 33px;
}

.copy {
	position:relative;
	color:#FFF;
	float:left;
	padding: 50px 0 0 0;
}

.slug {
	position:relative;
	float:right;
	padding: 43px 0 0 0;
}

.donate {
	position:relative;
	float:left;
	width:265px;
	height:108px;
	background-repeat:no-repeat;
	background-image:url(images/img_box-donate.jpg);
	padding: 70px 19px 0 25px;
}

.volunteer {
	position:relative;
	float:left;
	width:251px;
	height:108px;
	background-repeat:no-repeat;
	background-image:url(images/img_box-volunteer.jpg);
	padding: 70px 17px 0 27px;
}

.refer {
	position:relative;
	float:left;
	width:268px;
	height:108px;
	background-repeat:no-repeat;
	background-image:url(images/img_box-refer.jpg);
	padding: 70px 0 0 27px;
}

#footer-repeat_sub {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:136px;
	clear:both;
	background-image:url(images/bg_footer-repeat-sub.jpg);
	background-repeat:repeat-x;
}

#footer_sub {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:136px;
	clear:both;
	background-image: url(images/bg_footer-repeat-sub.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
}

.copy-sub {
	position:relative;
	color:#FFF;
	float:left;
	padding: 95px 0 0 33px;
}

.slug-sub {
	position:relative;
	float:right;
	padding: 80px 33px 0 0;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ---- start navigation settings -------------------------- */
 
#nav a {
	position:relative;
	float:left;
	height:113px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav2.jpg);
}

a#nav_01 {
	width:81px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0 -113px;
}

.active_01 {
	background-position: 0 -113px !important;
}

a#nav_02 {
	width:75px;
	background-position:-81px 0;
}

a:hover#nav_02{
	background-position:-81px -113px;
}

.active_02 {
	background-position:-81px -113px !important;
}

a#nav_03 {
	width:67px;
	background-position:-156px 0;
}

a:hover#nav_03{
	background-position:-156px -113px;
}

.active_03 {
	background-position:-156px -113px !important;
}

a#nav_04 {
	width:83px;
	background-position:-223px 0;
}

a:hover#nav_04{
	background-position:-223px -113px;
}

.active_04 {
	background-position:-223px -113px !important;
}

a#nav_05 {
	width:105px;
	background-position:-306px 0;
}

a:hover#nav_05{
	background-position:-306px -113px;
}

.active_05 {
	background-position:-306px -113px !important;
}


a#nav_06 {
	width:75px;
	background-position:-411px 0;

}

a:hover#nav_06{
	background-position:-411px -113px;
}

.active_06 {
	background-position:-411px -113px !important;
}

a#nav_07 {
	width:69px;
	background-position:-486px 0;
}

a:hover#nav_07{
	background-position:-486px -113px;
}

.active_07 {
	background-position:-486px -113px !important;
}

a#nav_08 {
	width:89px;
	background-position:-555px 0;
}

a:hover#nav_08{
	background-position:-555px -113px;
}

.active_08 {
	background-position:-555px -113px !important;
}

/* ---- start sub-nav about settings -------------------------- */
 
 #sub-links a {
	position:relative;
	float:left;
	width:251px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/sub-nav_about2.jpg);
}

a#nav-about_01 {
	height:31px;
	background-position:0 0;
}

a:hover#nav-about_01{
	background-position: -251px 0;
}

.active_01 {
	background-position: -251px 0 !important;
}

a#nav-about_02 {
	height:31px;
	background-position:0 -31px;
}

a:hover#nav-about_02{
	background-position:-251px -31px;
}

.active_02 {
	background-position:-251px -31px !important;
}

a#nav-about_03 {
	height:31px;
	background-position:0 -62px;
}

a:hover#nav-about_03{
	background-position:-251px -62px;
}

.active_03 {
	background-position:-251px -62px !important;
}

a#nav-about_04 {
	height:31px;
	background-position:0 -93px;
}

a:hover#nav-about_04{
	background-position:-251px -93px;
}

.active_04 {
	background-position:-251px -93px !important;
}

a#nav-about_05 {
	height:31px;
	background-position:0 -124px;
}

a:hover#nav-about_05{
	background-position:-251px -124px;
}

.active_05 {
	background-position:-251px -124px !important;
}


a#nav-about_06 {
	height:31px;
	background-position:0 -155px;
}

a:hover#nav-about_06{
	background-position:-251px -155px;
}

.active_06 {
	background-position:-251px -155px !important;
}

a#nav-about_07 {
	height:32px;
	background-position:0 -186px;
}

a:hover#nav-about_07{
	background-position:-251px -186px;
}

.active_07 {
	background-position:-251px -186px !important;
}

a#nav-support_08 {
	height:31px;
	background-position:0 -218px;
}

a:hover#nav-support_08{
	background-position:-251px -218px;
}

.active_08 {
	background-position:-251px -218px !important;
}

/* ---- start sub-nav about settings -------------------------- */
 #sub-links_support a {
	position:relative;
	float:left;
	width:251px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/sub-nav_support.jpg);
}

a#nav-support_01 {
	height:31px;
	background-position:0 0;
}

a:hover#nav-support_01{
	background-position: -251px 0;
}

.active_01 {
	background-position: -251px 0 !important;
}

a#nav-support_02 {
	height:31px;
	background-position:0 -31px;
}

a:hover#nav-support_02{
	background-position:-251px -31px;
}

.active_02 {
	background-position:-251px -31px !important;
}

a#nav-support_03 {
	height:31px;
	background-position:0 -62px;
}

a:hover#nav-support_03{
	background-position:-251px -62px;
}

.active_03 {
	background-position:-251px -62px !important;
}

a#nav-support_04 {
	height:31px;
	background-position:0 -93px;
}

a:hover#nav-support_04{
	background-position:-251px -93px;
}

.active_04 {
	background-position:-251px -93px !important;
}

a#nav-support_05 {
	height:31px;
	background-position:0 -124px;
}

a:hover#nav-support_05{
	background-position:-251px -124px;
}

.active_05 {
	background-position:-251px -124px !important;
}


a#nav-support_06 {
	height:31px;
	background-position:0 -155px;
}

a:hover#nav-support_06{
	background-position:-251px -155px;
}

.active_06 {
	background-position:-251px -155px !important;
}

a#nav-support_07 {
	height:31px;
	background-position:0 -186px;
}

a:hover#nav-support_07{
	background-position:-251px -186px;
}

.active_07 {
	background-position:-251px -186px !important;
}

a#nav-support_08 {
	height:31px;
	background-position:0 -217px;
}

a:hover#nav-support_08{
	background-position:-251px -217px;
}

.active_08 {
	background-position:-251px -217px !important;
}

a#nav-support_09 {
	height:31px;
	background-position:0 -248px;
}

a:hover#nav-support_09{
	background-position:-251px -248px;
}

.active_09 {
	background-position:-251px -248px !important;
}

a#nav-support_10 {
	height:31px;
	background-position:0 -279px;
}

a:hover#nav-support_10{
	background-position:-251px -279px;
}

.active_10 {
	background-position:-251px -279px !important;
}

a#nav-support_11 {
	height:31px;
	background-position:0 -310px;
}

a:hover#nav-support_11{
	background-position:-251px -310px;
}

.active_11 {
	background-position:-251px -310px !important;
}


a#nav-support_12 {
	height:31px;
	background-position:0 -341px;
}

a:hover#nav-support_12{
	background-position:-251px -341px;
}

.active_12 {
	background-position:-251px -341px !important;
}

/* ---- start sub-nav about settings -------------------------- */
 #sub-links_programs a {
	position:relative;
	float:left;
	width:251px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/sub-nav_programs.jpg);
}

a#nav-programs_01 {
	height:31px;
	background-position:0 0;
}

a:hover#nav-programs_01{
	background-position: -251px 0;
}

.active_01 {
	background-position: -251px 0 !important;
}

a#nav-programs_02 {
	height:31px;
	background-position:0 -31px;
}

a:hover#nav-programs_02{
	background-position:-251px -31px;
}

.active_02 {
	background-position:-251px -31px !important;
}

a#nav-programs_03 {
	height:31px;
	background-position:0 -62px;
}

a:hover#nav-programs_03{
	background-position:-251px -62px;
}

.active_03 {
	background-position:-251px -62px !important;
}

a#nav-programs_04 {
	height:31px;
	background-position:0 -93px;
}

a:hover#nav-programs_04{
	background-position:-251px -93px;
}

.active_04 {
	background-position:-251px -93px !important;
}

a#nav-programs_05 {
	height:31px;
	background-position:0 -124px;
}

a:hover#nav-programs_05{
	background-position:-251px -124px;
}

.active_05 {
	background-position:-251px -124px !important;
}


/*----------------------highslide---------------------------*/

.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: black black #202020 black;
	background: gray;
}
.highslide-wrapper, .glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	color: white;
	background: #111;
}
.highslide-heading {
	display: none;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;
	/*
	padding-left: 22px;
	background-image: url(highslide/graphics/loader.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
	*/
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move a {
	cursor: move;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background: url(highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}