/* Begin Font Load */
@font-face {
	font-family: "Rockwell";
	src: url(/assets/ttf/rockwellLight.otf) format("truetype");
}

h2, h4 { font-family: "Rockwell", sans-serif; font-weight: normal; }
.stayintouch h4 {
	color: #039703;
	font-family: sans-serif; font-weight: normal;
	font-size: 1em;
	font-weight: bold;
}
.widgettitle { color: #BA3C23; font-size: 1.3em; font-weight: bold; padding: .2em; }
#right h4 { color: #9A331C; font-size: 1.3em; font-weight: bold; padding: .2em; }
/* End Font Load */

* { margin: 0; padding: 0; }
body, textarea { font-family: Arial, sans-serif; font-size: 100%; }
body { color: #333; background-color: #514F41; letter-spacing: -.01em; }
img { border: 0; }
p { line-height: 1.4; margin-bottom: 1em; }
a { color: #4E7B7B; 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; }

/*Global ==================================================================*/
.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;
}
.over { color: #666; position: absolute; margin: .3em 0 0 .4em; }
.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;}

#canvas {
	text-align: left;
	font-size: .79em;
}

/*Header ==================================================================*/
#header {
	background: #568182 url(images/header_bg.png) repeat-x top;
	padding-top: 2.4em;
	height: 5.4em;
}
#header_inner {
	position: relative;
	padding: 1em 0 .8em 0;
	z-index: 9;
}
#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: #253A3A; }
#header li li a {
	background: transparent url(images/bullet.gif) no-repeat 0 .4em;
	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;
}
#content_inner { /*padding: 3em 0 1em;*/ }
#content:after {
    display: block;
    clear: both;
    content: " ";
}
#content {
	background: #FFF url(images/body_bg.png) repeat-x bottom;
	padding-bottom: 1em;
	font-size: 1.1em;
}

/*Rigth ==================================================================*/
#right { float: right; width: 24%; padding-top: 4em;  }

/*Left ==================================================================*/
#left { float: left; width: 27%; }

/*Link to blog*/
#text-4 { background-color: #E8F1F1; }
#text-4 .textwidget {
	background: transparent url(images/blog_bubble.gif) no-repeat 13px 50%;
	padding: .8em .8em .8em 3em;
}
#text-4 a { color: #3B649A; font-weight: bold; }
#text-4 a:hover { color: #1F3654; }

/*Center ==================================================================*/
#center {
	xmargin-left: 285px;
	width: 70%;
	float: left;
	padding-left: 3%;
	font-size: 1.1em;
}

/*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(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: right; }
#sub_footer li { background: transparent url(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: #FEF9EB;
	border-top: 3px double #DBD7CD;
	border-bottom: 1px solid #E6E6E6;
	height: 3.4em;
	padding-top: .6em;
	
	text-align: right;
}
#sub_header p {
	color: #CA542F;
	line-height: 2.4;
	font-weight: bold;
	margin-top: .3em;
	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/btn_donate.gif);
	float: left;
	width: 112px;
	height: 29px;
	display: block;
	margin-right: 1em;
}
#sub_header li a { font-weight: bold; }
#sub_header li {
	line-height: 3;
	display: inline;
	padding-right: .6em;
	margin-right: .2em;
	background-image: url(images/li_sep.gif);
	background-repeat: no-repeat;
	background-position: center right;
	font-size: .94em;
}

#sub_header .nobg { margin: 0 0 0 .6em; padding-right: 0; }
#sub_header .nobg form, #sub_header .nobg fieldset { display: inline; }
#sub_header .nobg legend { display: none; }
#sub_header .nobg fieldset { border-width: 0; }
li.nobg .inputbox { border: 1px solid #83B2B2; padding: .2em; }

#nav_sub { /*padding: .8em 0 .8em 0; height: 2.6em;*/ padding: 1em 0; }
#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: " ";
}

/*Donate page ==================================================================*/
#donate #center .cell2 { border: 1px solid #EAE2D0; padding-left: 1em; background-color: #FFF; }
#center .cell3 { border: 1px solid #EAE2D0; padding: 1em; background-color: #FFF; }
#donate #center .cell2 form a { margin-left: .8em;}
#bonate_btn span { display: none; }
#bonate_btn:hover { background-position: bottom; }
#bonate_btn {
	display: block;
	background-image: url(images/donate_btn.gif);
	width: 229px;
	height: 39px;
}

/*Contact page ==================================================================*/
#contact_change_for_kids {
	padding: 0 1em 6em;
	border: 1px solid #928F80;
	border-bottom: 3px solid #B4B3B1;
	background: #FFF url(images/contact_bg.jpg) no-repeat 3em 100%;
}
#contact_change_for_kids legend { padding-left: .3em; }
#contact_change_for_kids label {
	display: block;
	margin-top: .8em;
	font-weight: bold;
	color: #403B2B;
	padding-bottom: .2em;
}
#contact_change_for_kids input, #contact_change_for_kids textarea { width: 390px; }
#contact_change_for_kids textarea { font-size: .93em; }
#contact_change_for_kids .action { text-align: right; padding-right: 2.4em; }
#contact_change_for_kids .action input { width: auto; }
#contact_change_for_kids .left {
	float: left;
	width: 24em;
	padding: 1.4em 0 0 1em;
	color: #426F70;
	font-size: 1.2em;
}
#contact_change_for_kids .right {
	margin-left: 33em;
	padding: 2em 2em 0 2em;
	border-left: 1px solid #D0D0D0;
	background: transparent url(images/contact_stamp_bg.gif) no-repeat 100% 0;
}
#contact_change_for_kids .right .errors { margin-top: 2em; }

/*Thank you Page ==================================================================*/
.thank_you #center { padding: 4em 0 3em; }
.thank_you #page_content {
	padding: 2em 5em;
	border: 2px solid #CCC;
	background-color: #FFF;
}

/* BLOG ==================================================================*/
.widget {
	border: 1px solid #D0D0D0;
	border-bottom-color: #C5C5C5;
	border-bottom-width: 2px;
	margin-bottom: 1em;
	background-color: #FFF;
}
.widgettitle { background-color: #E2EDED; padding: .1em .4em 0; }
.textwidget { padding: .6em; font-size: 1.14em; color: #605F54; }
.textwidget strong { color: #BA3C23; }
.stamp {
	font-size: .86em;
	color: #8D887B;
	margin: 0;
	line-height: 1;
}
.blog #center h2, .single #center h2  { font-size: 1.6em; margin: 4px 0 3px; }
.more-link { font-size: .9em; margin-top: 1em; }
.comments-link { letter-spacing: -.04em; }
#rss_link {
	font-size: .86em;
	margin: 1em 0 0;
	border-top: 1px solid #DDD;
	padding-top: .8em;
}
#rss_link a { padding-left: .9em; background: transparent url(images/rss_icn.gif) no-repeat 0 2px; }
.home .post { border-bottom: 1px solid #DFDFDF; }
.post { margin-bottom: 2em; padding-bottom: .4em; }
.post ul li { list-style-type: square; }
.post ol li { list-style-type: decimal; }
.post ul, .post ol { padding: 0 2em 1em; }
.post blockquote {
	padding: 1.4em;
	background: transparent url(images/blockquote.png) no-repeat 20px 20px;
	font-size: 1.1em;
	font-style: italic;
	margin: 1em 0;
	text-indent: 2em;
	color: #888;
}
#center .post blockquote p { margin: 0; line-height: 1.3; }
#comments_cell { padding-bottom: 2em; clear: both; }
#commentform fieldset { border-width: 1px 0 0 0; padding-top: 1em; }
#commentform legend { font-size: 1.3em; color: #BA3C23; padding-right: .4em; }
#commentform p input[type="text"], #commentform textarea { width: 73%; font-size: .96em; }
#commentform label span { color: #A7A7A7; font-size: .9em; }

.post_nav { margin-bottom: 1em; }
.post_nav .nobg { padding-left: 0; margin-left: 0; }
.post_nav li {
	list-style: none;
	display: inline;
	font-size: .9em;
	background:transparent url(images/li_sep.gif) no-repeat 0 50%;
	padding-left: 1em;
	margin-left: .4em;
}

/*Comment List ==================================================================*/
#comments { font-size: 1.4em; font-weight: normal; margin-bottom: .4em; }
.commentlist li { margin-bottom: 2em; min-height: 8em; }
.comment-author { position: absolute; width: 90px; text-align: center; }
.comment-author img { border: 4px solid #E6DAC6; }
.comment-author em { font-size: .9em; color: #666; }
.comment-body { margin-left: 7em; }
#content .comment-body h6 { margin: 0 0 .2em; color: #363636; font-weight: 400; }
#content .comment-body p { font-size: 1em; }
.comment-reply {
	margin-left: 9em;
	background-color: #E8E8E8;
	border: 1px solid #C6C6C6;
	border-width: 1px 0;
	padding-top: .6em;
}

/*Archive page ==================================================================*/
.widget_archive ul { padding: 0 .6em; }
.widget_archive li:first-child { border-top-width:0; }
.widget_archive li {
	padding: .4em 0;
	font-size: .9em;
	border-top: 1px solid #EEE;
}


/*-------------------------------------------- Modal Forms -----------------------------------------*/
#modalContent
{
	font-size: .8em; 
	padding: 1em 2em;
}
	.about_msg 
	{ 
		color: #C8532F; 
	}
	
	form.modal-form .a_left 
	{ 
		margin-left: 10.8em; 
	}
	
	form.modal-form .a_left span 
	{ 
		display: block; 
		margin-bottom: 1em; 
		font-size: .88em; 
		color: #666; 
	}
	
	form.modal-form p 
	{ 
		margin-top: .6em; 
	}
	
	form.modal-form p#form-status
	{
		margin:0 0 0 0;
		padding: .4em 0;
		text-align:center;
		font-weight:bold;
	}
	
		form.modal-form p.form-status-error
		{
			color:#E20000;
			background-color:#FFDFDF;
		}
		
		form.modal-form p.form-status-confirm
		{
			color:#12580B;
			background-color:#E1FFDE;
		}
	
	form.modal-form p span
	{
		color:#E20000;
		font-size:.7em;
		background:transparent url(../images/lightbox/icon_form_warning.gif) no-repeat left;
		padding-left:15px;
	}
		form.modal-form span.optional
		{
			background-image:none;
			padding-left:0;
		}
	
	form.modal-form p label span 
	{ 
		font-size: .88em; 
		color: #666;
	}
	
	form.modal-form p label 
	{
		line-height: 1.8;
		float: left;
		width: 10em;
		color: #111;
		font-weight: bold;
		text-align: right;
		padding-right: .8em;
	}
	
	form.modal-form p input
	{
		width:300px;
	}
	
	form.modal-form p textarea
	{
		width:303px;
	}
		
		form.modal-form p.action input
		{
			width:auto;
		}
