@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body, textarea { font: 100.01% arial; }
body { color: #333; background-color: #514F41; background-image: url(../images/body_bg.png); letter-spacing: -.01em;}
img { 	border: 0; }
a {  text-decoration: none; outline: 0; }
a:hover { color: #253A3A; }
address { font-style: normal; }
li { list-style: none; }
input, textarea { padding: .2em .3em; }
textarea {
	border: 1px solid #999;
	border-top-style: groove;
	border-color: #B4B4B4 #B4B4B4 #DADADA #B4B4B4;
	border-width: 2px 1px 1px 1px;
}
input[type=image] { padding: 0; }
input { vertical-align: middle; }
option { padding: .1em 1em .1em .3em; }


blockquote
{
	font-size:1.00em; /* 16×1.01=16px */
	/*font-size:0.875em; /* 16x.875=14px */
	font-style: italic;
	border-top:3px double #999;
	border-bottom:3px double #999;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin: 10px;s
	background-image: url(../images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
 
/*Global classes*/
.separator
{
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
}

.empFirstLine:first-line    /*psuedo class */
{
	color:#cb562f;
	font-variant:small-caps;
	font-size: 1.0em;
}

.empFirstLetter:first-letter   /*psuedo class */
{
color:#000;
font-size:xx-large;
}
.action { margin-top: .6em; padding-top: .6em; }
.req { font-size: .83em; color: red;}
.button {
	border: none;
	font-size: 1em;
	padding: .14em;
	cursor: pointer;
	color: #FFF;
	background-color: #5C8D8D;
	text-transform: uppercase;
	font-weight: bold;
}

.hide { display: none; }
.show { display: block; }
.nobg { background-image: none !important; }
.a_left { text-align: left !important; }
.a_center { text-align: center !important; }
.a_right { text-align: right !important; }
.f_left { float: left; }
.f_right { float: right; }
.emphasize { font-style: italic; color: #666; }
.over_apply { position: absolute; padding: .3em 0 0 .4em; color: #999;}
.cell {
	border: 1px solid #D0D0D0;
	margin-bottom: 1em;
	background-color: #FFF;
}
.cell_inner {
	padding: .8em .8em .8em 2em;
	background-repeat: no-repeat;
}
.cell_header {
	background-color: #BD4023;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF33CC;
}

.cell2 {
	border-top: 1px solid #EAE2D0;
	padding: .8em .8em .8em 7em;
	margin-bottom: 1em;
	margin-top: 1em;
}
.cell2 form { margin: 2em 0 1em; position: relative; }
.cell2 form p { margin-bottom: .3em; }
.cell2 form img { vertical-align: middle; }
.cell2 form div {
	position: absolute;
	right: 0;
	top: 0;
	color: #BA3C23;
	font-weight: bold;
}

#center p { line-height: 1.6; font-size: 1em; margin-bottom: 1em; }
#center h4 { margin-bottom: -.2em; margin-top:.2em; }
#center .inner_form label {
	font-weight: bold;
	float: left;
	width: 12em;
	text-align: right;
	padding-right: .8em;
	color: #413C2B;
}
#center .donation_note { font-size: .9em; }
#center h5 { font-weight: bold; font-size: 1.1em; margin: 3em 0 1.4em; }
#page_content { margin-bottom: 1em; }
#canvas {
	text-align: left;
	font-size: .79em;
}

/*Header*/
#header {
	padding-top: 1.8em;
	height: 4.8em;
	background-color: #050404;
	
}
#header_inner {
	position: relative;
	padding-top: .25em;
	padding-right: 0;
	padding-bottom: 0.8em;
	padding-left: 0;
	
}
#header object { padding-bottom: 0; margin-bottom: 0; }
#header h1 { float: left; }
#header ul { margin-left: 482px; }
#header li { float: left; margin-left: .6em; }
#header li a span, #footer_btns a span { display: none; }
#header li a:hover, li.active a { background-position: 0 -32px; }
#header li a { font-size: 1em; }
#header li a, #footer_btns a {
	display: block;
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	width: 115px;
	height: 32px;
}
#header li li {
	float: none;
	margin-left: 0;
	padding-left: .6em;
	margin-bottom: .5em;
	font-weight: bold;
}
#header li li a {
	font-weight: normal;
	background-image: none;
	width: auto;
	height: auto;
	background-color: #FFF;
	color: #4E7B7B;
	text-transform: lowercase;
	padding: 0;
	text-transform: capitalize;
}
#header li li a:hover {
	color: #000;
	background-color: #fddc00;
	
}
#header li li a {
	background: transparent url(../images/bullet.gif) no-repeat 0 .4em;   /*drop down menu items */ 
	padding-left: 1em;
}
#header li li a:hover { background-position: 0 .4em; }
#header li .li_title { background-image: none; padding-left: 0; }
#header li:hover ul { display: block; }

/*Drop down menu*/
#header ul ul {
	position: absolute;
	background-color: #FFF;
	width: 15.6em;
	padding: .8em .6em;
	border: 1px solid #C0D9D9;
	display: none;
	margin-top: .1em;
	margin-left: 0;
}
#header ul ul ul { position: static; width: auto; border-width: 0; margin: 0; display: block; padding-left: 0; }
#header li li li { margin: 0 0 .3em 0; font-size: .94em; }
#header li .li_title { padding-left: .4em; font-weight: bold; }

/*Images main menu*/
#header a#hwh { width: 145px; background-position: -135px 0; }
#header a#hwh:hover, #header .active a#hwh { background-position: -135px -32px; }
#header a#hcyh { width: 195px; background-position: -280px 0; }
#header a#hcyh:hover, #header .active a#hcyh { background-position: -280px -32px; }

/*Content*/
#content_inner, #header_inner, #sub_header_inner, #footer_inner {
	margin: 0 auto;
	width: 960px;  /* sets the width of display area */ 
}
#content:after {
    display: block;
    clear: both;
    content: " ";
}
#content {
	padding-bottom: 1em;
	background-color: #FFF;
/*	background-image: url(../images/body_bg.png); */
	background-repeat: repeat-x;
	background-position: bottom;
}

/*Right*/
#right { float: right; width: 24%; padding-top: 4em;  }

/*Left*/
#left { float: left; width: 24%; }
#left .left_nav .cell_inner { padding: 0; }

#left li {
	padding: .6em;
	font-size: 0.98em;
	font-weight: bold;
	background-color: #ccb728;  /*left menu */
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #AB9A23;
	border-right-color: #AB9A23;
	border-bottom-color: #AB9A23;
	border-left-color: #AB9A23;
}
#left li:last-child { border-width: 0; margin-bottom: 0; }
#left li li { margin: 0; padding: .4em .8em; color: #000; }
#left li ul { margin-top: .3em; }
#left li a { color: #fff; }  /*menu list text */
#left a:hover { text-decoration: underline; }
#left .menuheading { padding-top: .4em; }
#left .menuHD {
	line-height: 1.5em;
	font-variant: small-caps;
	color: #333333;
	font-size:1.0em; /* 16x.875=14px */
}


.social_link .cell { background-color: #E8F1F1; }
.social_link .cell_inner {
	background-image: url(../images/discussion_bubbles.gif);
	background-position: 5px 50%;
	background-color: #E8F1F1;
	padding: 1em 1em 1em 4em;
}
.social_link a { color: #3B649A; font-weight: bold; }

.stayintouch { background: transparent url(../images/stayintouch_bg.png) repeat-x bottom; }
.stayintouch .cell_inner {
	padding: 1.4em .8em .8em 4em;
	background-image: url(../images/envelope_icon.gif);
	background-position: .8em 1.4em;
}



.stayintouch div div { margin-top: .8em; }

#register {
	width: 160px;
	height: 30px;
}

#register a:hover {text-decoration: none } 
#register .text {
	border: 1px solid #999999;
	font-size: 0.9em;
	color: #003366;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 8px;
	padding-left: 3px;
	background-color: #FFFFFF;
	}


/*Center*/
#center {
	margin-left: 242px;
	margin-right: 242px;
	font-size: 1.1em;
	
}


#center h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #524F41;
	text-transform: capitalize;
	}

#center h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.75em;
	font-variant: small-caps;
	color: #cb562f;
}

.bio img {
	padding: 7px;
	margin-right: 20px;
	margin-left: 5px;
	border: thin solid #999999;
} 
.seperator {
	border: medium double #333333;
} 
.photoAlbum a{
	font-variant: small-caps;
	color: #000;
	border: 2px solid #c0c0c0;
	padding-top: 5px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#goals {
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#goals table.border {
	border: 1px solid;
	}
#goals table.grid  {
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 4px;
	}
#goals table.grid td {
	border-top-width: 1px;
	border-top-style: dotted;
		
}


#goals h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.75em;
	font-variant: small-caps;
	color: #524F41;
	text-align: left;
}
#goals h3 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 1.75em;
	font-variant: small-caps;
	color: #3e7caf;
	text-align: left;
}


/*Footer*/
#footer { background-color: #524F41; color: #FFF;}
#footer_inner { position: relative; padding: 3em 0; }
#footer_inner li {
	display: inline;
	margin-right: .2em;
	padding-right: .6em;
	font-size: .98em;
	line-height: 1.6;
}
#footer_btns li { float: left; }
#footer_btns a { height: 28px; }
a#dnt_btn { width: 103px; background-position: 0 -64px; }
a#dnt_btn:hover { background-position: 0 -92px; }
a#vo_btn { width: 223px; background-position: -103px -64px; }
a#vo_btn:hover { background-position: -103px -92px; }

/*footer share links*/
#footer_share_btns { position: absolute; right: 0; top: 3.4em; }
#footer_share_btns span { display: none; }
#footer_share_btns li { float: left; margin-left: .4em; }
#footer_share_btns a:hover { background-position: 0 100%; }
#footer_share_btns a {
	display: block;
	background-image: url(../../assets/images/template-images/share_links.png);
	height: 18px;
	width: 58px;
}
a#vimeo_link { width: 63px; background-position: -58px 0; }
a#vimeo_link:hover { background-position: -58px 100%; }

a#facebook_link { width: 84px; background-position: -121px 0; }
a#facebook_link:hover { background-position: -121px 100%; }

a#twitter_link { width: 88px; background-position: -205px 0; }
a#twitter_link:hover { background-position: -205px 100%; }

/*Sub footer address*/
#sub_footer { border-top: 1px solid #747267; margin-top: 1em; padding-top: 1em; }
#sub_footer ul {
	float: none;
	margin-left: 300px;
}
#sub_footer li { background: transparent url(../../assets/images/template-images/footer_sep.gif) no-repeat right 4px; }
#sub_footer a { color: #FFF; }
#sub_footer a:hover { text-decoration: underline; }
#sub_footer address { padding-top: .3em; }


/*Sub Header*/
#sub_header {
	background-color: #009900;
	height: 5.8em;
	padding-top: .6em;
	text-align: right;
	border-top-width: 15px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f7d606;   /*creates the yellow stripe */ 
	border-bottom-color: #E6E6E6;
}
#sub_header img {
	vertical-align: bottom;  /*aligns facebook button */
}

#sub_header p {
	color: #009900;
	line-height: 2.4;
	font-weight: bold;
	margin-top: 1.9em;   /*positions donate button */
	position: absolute;	
}
#sub_header p a span { display: none; }
#sub_header p a:hover { background-position: bottom; }
#sub_header p a {
	background-image: url(../images/plsdonate_btn.gif);
	width: 198px;
	height: 29px;
	display: block;
	margin-right: 1em;
	float: left;
}
#sub_header ul {
/*	border: thin solid #CC66CC;  */
	margin-top: 25px;
	float: right;
	width: 650px;     /*controls width of top navigation */ 
}
#sub_header li a { font-weight: bold; color: #FFFFFF; }
#sub_header li {
	line-height: 2.0em;
	display: inline;
	padding-right: .6em;
	margin-right: .2em;
	}

#sub_header  .text {
	line-height: 2em;
	vertical-align: top;
	font-size: 0.95em;
}

#sub_header .text a:hover {
	text-decoration: underline; 
}


#nav_sub { padding: .8em 0 .8em 0; height: 2.6em;}
#nav_sub li { float: left; font-size: .98em; margin-right: 0; font-weight: bold; color: #413C2B;}
#nav_sub li span { color: #4E7B7B; }
#nav_sub a { font-weight: normal; }
#nav_sub:after, #footer ul:after {
    display: block;
    clear: left;
    content: " ";
}

li#page_actions { float: right; }
#page_actions span { display: none; }
#page_actions a {
	display: block;
	height: 32px;
	background-image: url(../images/email_icon.gif);
	background-repeat: no-repeat;
}
#btn_emailTrigger { width: 131px; float: right; }
#btn_emailTrigger:hover { background-position: -131px 0; }
#btn_printTrigger { width: 72px; background-position: 0 -32px; margin-left: 12em; }
#btn_printTrigger:hover { background-position: -131px -32px; } 

/*Page*/
.page #center a { color: #BD4023; text-decoration: underline; }
.page #center a:hover { color: #9A331C; text-decoration: none; }
.page #center ul { margin: 1em 0 2em 1em; }
.page #center li { list-style-type: disc; color: #BD4024; margin-bottom: .3em; }

/*2 Column Layout Page*/
#two_col_layout #center { margin-right: 0; }
#two_col_layout #center li { list-style: disc; padding-left: .25em; line-height: 2em; }
#two_col_layout #center ul { margin: 0 0 0 2em; }


#right .cell, #left .cell { border-bottom-width: 2px; }
#right .cell h4 {
	background-color: #769476; /* color of side bar bg */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;   /* color of side bar heading text */
	font-variant:small-caps;
	font-size:1em; /* 16x1.0=16px */
	line-height: 1.8em;
	text-align: center;
}
#right .cell_inner {
	padding: .6em;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CC66FF;
	border-right-color: #CC66FF;
	border-bottom-color: #CC66FF;
	border-left-color: #CC66FF;
}
#right .cell_inner p { font-size: .95em; color: #507D7D; line-height: 1.5;}

#right .cell_inner .action a:hover { color: #9A331C; }
#right .donatenow_section .cell_inner {
	background-image: url(../images/kidsSM.jpg);
	padding-top: 85px; /* allows bgimage to show through */
}

#recurring_amount { border-top: 1px solid #E7D9BA; padding-top: 1em; }
#recurring_amount div { top: 3.5em; }

div.programs { background: transparent url(/c/images/photo5.jpg) no-repeat 0 1em; }
div.schools { background: transparent url(/c/images/photo6.jpg) no-repeat 0 1em; }
div.mon_donations { background: transparent url(/c/images/photo7.jpg) no-repeat 0 1em; }
div.inkind_donations { background: transparent url(/c/images/photo8.jpg) no-repeat 0 1em; }
div.bec_volunteer { background: transparent url(/c/images/photo9.jpg) no-repeat 0 1em; }
div.attend_cfkevent { background: transparent url(/c/images/photo10.jpg) no-repeat 0 1em; }

.anchor { margin-top: 3em; }
.anchor a {
	font-weight: bold;
	padding-left: 1em;
	background: transparent url(../../assets/images/template-images/icn_anchor.gif) no-repeat 0 50%;
}


/*How you can help page*/
#how_you_can_help #center .cell2 { border-width: 1px 0 0 0; }
#center img.f_left { margin-top: 1.3em; }



/*One column layout*/
#one_col_layout #center { margin: 0; }



/*Thank you Page*/
.thank_you #center { padding: 4em 0 3em; }
.thank_you #page_content {
	padding: 2em 5em;
	border: 2px solid #CCC;
	background-color: #FFF;
}

.eventcontent { padding: .3em .6em; }

.event-list .cell_inner { padding: 0 .6em; }
.event-list dl {
	padding: .4em 0 .4em 3.4em;
	position: relative;
	border-top: 1px solid #E6E6E6;
}
.event-list dt {
	position: absolute;
	left: .3em;
	top: .7em;
	font-size: 1em;
	color: #999;
	width: 2.8em;
	text-align: right;
}
.event-list dd {
	border-left: 3px solid #DDD;
	padding: .3em .3em .3em .8em;
	font-size: 0.96em;
	color: #999;
}
