:focus {-moz-outline-style: none}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a{color: #444343; text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {color: #7a7a7a;}
a img {border: none;}

h2 .external, h2 .external:visited {background: none;}

.external {background: url('../img/icon-offsite.gif') no-repeat right bottom; padding-right: 16px ;}
.external:visited {background-image: url('../img/icon-offsite-visited.gif')}
#copy h4 a.external {background-image: url('../img/icon-offsite-alt.gif'); padding-right: 16px }

.file {background: url('../img/icon-file.gif') no-repeat right bottom; padding-right: 12px ;}
.file:visited {background-image: url('../img/icon-file-visited.gif') }
#copy h4 a.file{background-image: url('../img/icon-file-alt.gif'); padding-right: 12px }

.email {background: url('../img/icon-email.gif') no-repeat right bottom; padding-right: 16px ; }

a.twitter, a.facebook, a.linkedin, a.rss, a.flickr ,a.twitter:visited, a.facebook:visited, a.linkedin:visited, a.rss:visited, a.flickr:visited, a.addthis_button_compact {background: none; padding: 0 0 0 0;}

hr {display: none;}

hr.did-you-know {display: block; height: 1px; color: #ccc; background-color: #ccc; border: 0; margin: 1.5em 0;  width: 50%;}

.hidden {display: none;}
.border {border: solid 1px #958671;;}

.right {float: right; margin: 5px 0 1em 1.5em; clear: right;}
.left {float: left; margin:  5px 1.5em 1em 0; clear: left;}

.float-right{float: right; margin:  5px 0 5px 5px;clear: right;}
.float-left{float: left;margin:  5px 5px 5px 0;clear: left;}

.both {clear: both;}

.graphic {height: 70px;}
h1 .havefurn {height:480px; width:135px;}
h1 .havefurn2 {height:150px; width:150px;}
.biggive {height:151px; width:180px;}


html {background: #998a76;}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #5a5a5a;
	font-family: Arial, Helvetica, sans-serif;
	background: url('../img/background-header-area.gif') repeat-x center -120px;
	
	}
	

#header {
	margin: 0 auto;
	width: 930px;
	}
	
#header h2 {margin: 0;}
#header h2 a {
	margin: 0;
	height: 162px;
	width: 575px;
	background: url('../img/background-header-logo-secondary.gif') no-repeat;
	background-size:575px 162px;
	float: left;
	}
	
#header h2 span {display: none;}
	
.nav {
	margin: 0;
	padding: 0;
	}

.nav li{
	display: block;
	float: left;
	}
	
#utility.nav {
	float: right;
	border: solid 1px #fbf9f1;
	background: #ceccc3;
	margin-top: 15px;
	padding: 0;
	text-align: center;
	}

#utility.nav li{
	
	line-height: 12px;
	padding: 8px 0px;
	margin: 0;
	background: url('../img/utility-nav-background.gif') no-repeat center center;
}

#utility.nav li.first-child {background-position: left center;}
#utility.nav li.last-child{background-position: right center;}


#utility.nav li a{
	color: #2b7286;
	text-decoration: none;
	border-left: 1px solid #ac1118;
	padding: 0 8px;
}
#utility.nav li.first-child a{border-left: none;}

#utility.nav li a:hover, #utility.nav li a.current{
	color: #ac1118;
}


#main.nav {
	background: url('../img/nav-main.gif') no-repeat top left;
	color: #fff;
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	clear: both;
	width: 944px;
	margin-left: -6px;
	padding-left: 7px;
	}
	
#main.nav ul li {
	margin: 0;
	float: left;
 }

#main.nav li a {
	line-height: 36px;
	text-decoration: none;
	color: #fff;
	padding: 8px 18px 7px;
	background: #b91720 url('../img/nav-main-background.gif') repeat-x top right;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main.nav li a {
		padding-bottom: 8px;
		}
}
	
#main.nav li a:hover, #main.nav li a.current{
	background: #881113 url('../img/nav-main-background-current.gif') repeat-x top right;
	}


/*  subnav	*/
#main.nav ul {
	display: none;
	position: absolute;
	background: #820c10 url('../img/main-nav-background-sub.gif') repeat-x;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	padding: 10px 30px 10px 30px;
	margin-top: 2px;
	z-index: 1000000;
	}
#main.nav ul li {
	float: none;
	background: none;
	border-bottom: 1px solid #d0313a;
	padding: 0px 5px 0 0;
	margin: 0;
	}


#main.nav ul li a {
	background: none;
	padding: 5px 0;
	margin: 0;
	line-height: 30px;
}

#main.nav ul li a:hover, #main.nav ul li a.current {
	background: none;
	color: #d0313a;
}

/*.sf-sub-indicator{font-size: 80%;position: absolute; margin-top: 3px; padding-left: 2px;}*/
.sf-sub-indicator{display: none;}

	
a#donate-now  {
	height: 143px;  /* BigGive 120px; */
	width: 144px;   /* BigGive 270px; */
	display: block;
	padding: 0;
	position: absolute;
	top: 80px;           /* BigGive 44px; */
	margin-left: 805px;  /* BigGive 600px; */
	}
a#donate-now span {display: none;}



/* --------- changes for home page --------- */

#home #header {
	background: url('../img/background-header-family.png') no-repeat 575px 36px;
	}

/* --------- removed home page content -------------
#home #header h2 a {
	margin: 0;
	height: 271px;
	width: 547px;
	background: url('../img/background-header-logo-home.gif') no-repeat;
	float: left;
}

#home a#donate-now {top: 101px;}
------------------------------------- */

#home #news, #home #events{
	background: #f4f2f0;
	font-weight: normal;
	margin-bottom: 0;
	padding: 0;
}

#home #news	{
	float: left;
	width: 280px
	}

#home #events{
	float: right;
	width: 260px;
}

#home #news h3, #home #events h3 {
	background: #b9171f;
	margin: 0;
	padding: 2px 10px;
	color: #fff;
	border-bottom: 2px solid #958671;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	}

#home #news ul, #home #events ul {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
#home #news li, #home #events li {
	padding: 5px 10px;
	line-height: 150%;
}

#home #news-wrapper {
	background: url('../img/background-news-wrapper.gif');
	width: 560px;
	margin-right: -20px;
	margin-top: 24px;
}

#home #copy h2 {
	color: #2b7286;
	font-size: 22px;
	margin: 0;
	/*
	width: 66%;
	float: left;
	
	clear: left;
	*/
	}
	
#home #copy {padding-bottom: 0;}

#home #copy img.featured{
	float: left;
	border: solid 1px #958671;
	margin: 5px 18px 18px 0;
	}

/* FBCO JCS added the following to display "Proud Member" logos */
#proud-member {
    width 560px;
    float left;
}


/* ----- end home page content ---------------------- */


/* ----- non-homepage content ----- */

#content {
	margin: 0 auto;
	width: 836px; /*main content is 930 not including shadow*/
	background:  url('../img/background-content-shadow.png') center top repeat-y;
	padding: 30px 54px 0px 54px;
	}
	
#slideshow {
	height: 375px;
	overflow: hidden;
	background: url('../img/slideshow-background.gif') no-repeat;
	width: 864px;
	margin-left: -16px;
    font-size:14px;
    line-height:24px;
	}
	
#slideshow a{
	color: #2b7286;
	}
	
#slideshow .slide {
	display: none;
	height: 300px;
	overflow: hidden;
	width: 795px;
	margin: 21px 36px 40px
}

#slideshow .slide img {
	float: left;
	margin-right: 20px;
}

#slideshow h1{
	color: #b6121b;
	font-weight: normal;
	font-size: 30px;
	margin: 8px 0 10px;
	line-height: 34px;
}
#slideshow p.subhead {
	color: #b6121b;
	font-size: 18px;
	margin: 0;
}

.controller {position: absolute; top: 515px; left: 50%; z-index: 10000; margin-left: 54px;}

.controller a#previous, .controller a#next  {
	width: 30px;
	height: 24px;
	float: left;
	display: block;
	margin-right: 12px;
	}
	
.controller a#previous {background: #82a1a6 url('../img/slideshow-controller.gif') center 3px no-repeat;}
.controller a#next {background: #82a1a6 url('../img/slideshow-controller.gif') center -29px no-repeat;}

.controller  a#previous span, .controller  a#next span {
	display: none;
} 	

	
#copy {
	width: 560px;
	float: left;
	border-right: 1px solid #998a76;
	margin-right: -1px;
	padding: 1em 45px 18px 0;
	background: #fff;
	}
	
#copy h1 {
	font-weight: normal;
	font-size: 30px;
	color: #2b7286;
	margin: 0 0 .5em 0;
	line-height: 30px;
	clear: both;
	}
	
#copy h2 {font-weight: normal;margin: .5em 0 .5em 0;/*clear: both;*/ font-size: 20px; clear: left;}

#copy h3 {font-size: 16px; font-weight: normal; margin: 1.5em 0 0 0;clear: both;}

#copy h4 {
	font-weight: bold;
	font-size: 13px;
	color: #ac1118;
	margin: 1.5em 0 0 0;
	/*clear: both;*/
	}
#copy h4 a{
	color: #ac1118;
	padding-right: 17px;
	background: url('../img/right-arrow.gif') right center no-repeat;
}

#copy ul {
	margin: 0em 0 .75em 0;
	/*
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	*/
	padding: 0 0 1.5em 1.5em;
	}
	
#copy ul li {
	line-height: 1.25em;
	padding: .25em 0;
}	

#copy p {margin: 0 0 1.5em 0;}

#copy p.date-time {font-style: italic; margin-bottom: 0;}

#copy p.breadcrumbs {margin: -3em 0 0 0; position: absolute; font-size: 10px; color: #7a7a7a;}
#copy p.breadcrumbs a {color: #7a7a7a;}

#copy .left-column{width: 40%; float: left; clear: left; padding-right: 1.5em;}
#copy .right-column{width: auto; float: left; clear: right;}


#copy .callout {background: #f4f2f0; border: 1px solid #998a76; padding: 1em 1.5em;}

#copy .callout .left-column, #copy .callout .right-column {width: 250px;}

#copy .callout .left-column ul, #copy .callout .right-column ul {margin-bottom: 0px;}

#sidebar {
	float: right;
	width: 200px;
	padding: 1em 0 0 30px;
	border-left: 1px solid #998a76;
	background: #fff;
	overflow: hidden;
	}
	
	
#sidebar ul {
	margin: 0;
	padding: 0;
	}
	
#sidebar li {
	margin-bottom: .75em;
	padding-bottom: .75em;
	list-style-type: none;
	border-bottom: solid 1px #ccc;
	}
#sidebar li:last-child {border-bottom: none;}	
	
#sidebar li li{
	line-height: 16px;
	margin: 0px 0 10px;
	border-bottom: none;
	padding-bottom: 0;
	}
	
#copy ol , #sidebar ol  {list-style-type: decimal; padding:0 0 0 1.5em; }
#copy ol li, #sidebar ol li {list-style-type: decimal;}


#sidebar h2 {
	font-weight: normal;
	font-size: 19px;
	color: #2b7286;
	margin: 0 0 3px;
	text-transform: lowercase;
	}
#sidebar p {
	margin: 0 0 .5em 0;
	}


#sidebar #tweets li h4{
	width: 55px;
	float: left;
	clear: left;
	margin: 0;
	text-align: center;
	font-weight: normal;
	color: #958671;
}

#sidebar #tweets li h4 .day{
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 42px;
	display: block;
}
#sidebar #tweets li h4 .month{
	font-size: 20px;
	line-height: 20px;
	display: block;
	line-height: 20px;
	}

#sidebar #tweets li p{
	width: 140px;
	float: right;
	clear: right;
	line-height: 145%;

}


#footer {
	clear: both;
	text-align: center;
	width: 836px;
	}
	
#footer h3 {
	color: #847767;
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0;
	padding-top: 25px;
	}
	
#footer #heart {
	color: #b6121b;
	width: 20px;
	height: 19px;
	display: inline-block;
	background: url('../img/footer-heart.gif') no-repeat center center;
	margin: 0 3px -5px 3px;
}
	
#footer hr {
	clear: both;
	display: block;
	color: #988a75;
	background: #988a75;
	height: 2px;
	line-height: 2px;
	border: none;
	}
	
#footer #col-one,
#footer #col-two,
#footer #col-three {
	line-height: 18px;
	text-align: left;
	float: left;
	width: 262px;
	margin-right: 25px;
	}
#footer #col-three {
	margin-right: 0;
	}
	
#footer #col-one p,
#footer #col-two p,
#footer #col-three p {
	margin: 1em 0;
	}

#footer .info {
	color: #847767;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin: 0;
	}
	
#footer .formerly {
	color: #b6121b;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin: 0;
	}
	
#footer-shadow {
	height: 14px;
	background: url('../img/background-footer-shadow.gif') no-repeat;
	margin-top: 20px;
	width: 944px;
	margin-left: -53px;
	}
#footer-shadow hr {display: none;}


/*forms*/
form label {
position: absolute;
padding-top: 0px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 4px;
color: #888888;}

form p {padding-top: 6px;}

form input, form textarea {background: #fff url('../img/input-background.gif') no-repeat; border: solid 1px #dddddd; padding: 3px;}

form .submit {border: none; background: #d9cfaf url('../img/submit-background.gif') repeat-x; color: #b6121b; width: auto;}
form input.error, form textarea.error  {border: solid 1px red;}
form label.error {color: red; float: none; position: absolute; left: 50%; margin-left: -100px;}

form{width: 308px;}
form input{width: 300px;}
form input.submit {width: auto}
form textarea {width: 300px; height: 150px;}

form#ccoptin, form#ccoptin input {width: auto;}
form#paypal input{width: auto; background: none; border: none;}

form input#city {width: 116px; margin-right: 5px;}
form input#state {width: 75px;  margin-right: 5px;}
form input#zip {width: 75px; margin-right: 0px;}

.thanks {color: #fff; background: #ac1118; padding: 10px; margin-bottom: 2em;}
.thanks h3, .thanks p {margin: 0 !important;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	form input, form textarea  {
		line-height: 1.5em;
		padding: 4px 3px 2px 3px;
		}
	form label {
		padding: 3px 3px 3px 6px;
	}	
		
}