@charset "UTF-8";

#MenuBar {
	font: 20px Palatino, Georgia, "Times New Roman", Times, serif;
	background-color: #a77440;
	background-color: #9d5e29;
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
	height: 27px;
}
#MenuBar td {
	padding: 0 5px;
}
#MenuBar ul {
	margin: 0;
	padding: 0;
}
#MenuBar ul li { 
	float: left;
	list-style: none;
	margin-left: 6px;
	padding-right: 40px;
}
#MenuBar ul li.selected:before {
	content: "\00BB";
	margin-left: -12px;
}
#MenuBar ul li.special {
	margin-right: 6px;
	padding-right: 0;
	float: right;
}
#MenuBar ul li.special a {
/*
	color: #eebe1f;
	color: #592300;
	color: #faaf00;
	color: #830000;
*/
}
#MenuBar a {
	color: #1b1818;
	color: #efe3e3;
	border-bottom: none;
}
#MenuBar a:hover, #MenuBar .special a:hover, #MenuBar .donate a:hover, #MenuBar a.selected {
	color: #ffc232;
	color: #ffd328;
	color: #1b1818;
	text-decoration: none;
}

#PageImg, #PageImgWide, #Divider, #Content {
	height: 505px;
}
#PageImg {
  width: 182px;
}
#PageImgWide {
	width: 191px;
}
#Divider {
  background-color:#8e511f;
  width: 9px;
}
#Content {
	background: bottom right url(../images/bgLogoTop.jpg) no-repeat;
	width: 809px;
	position: relative;
	overflow: hidden;
}
#HomeImg4 {
	background-image:url(../images/HomeImg4.jpg);
	width:300px;
	height:160px;
}
#HomeImg4 ul.icons {
	position: absolute;
	padding: 0;
	margin: 3px 15px;
	bottom: 0;
	left: 0;
}
#HomeImg4 ul.icons li {
	float: left;
	display: inline;
	list-style: none;
	margin-left: 6px;
	padding: 0;
}
#HomeImg4 ul.icons li a {
	display: inline-block;
	width: 24px; height: 24px;
	border: 2px solid #834010;
	margin: 0;
	padding: 0;
}
#HomeImg4 ul.icons li a:hover {
	border: 2px solid #830000;
}
a.twitter { background-image: url(../images/iconTwitter.gif); }
a.twitter:hover { background-image: url(../images/iconTwitterFFH.gif); }
a.facebook { background-image: url(../images/iconFacebook.gif); }
a.facebook:hover { background-image: url(../images/iconFacebookFFH.gif); }

#FeaturedEvent {
	background-image:url(../images/HomeImg5.jpg);
	width:300px;
	height:160px;
}
#LogoTile {
	background-image:url(../images/HomeImg6.jpg);
	width:209px;
	height:160px;
}
#TitleAndLogo {
  background-image: url(../images/TitleAndLogo.gif);
	width: 1000px;
	height: 64px;
}
#TitleAndLogo #Container {
	position: relative;
	height: 100%;
}
#Title {
	position: absolute;
	top: -6px;
	left: 5px;
	/* width needs to be specified for IE7 & firefox for the text to stay on one line;
	   IE6 requires absolute dimension as opposed to 100% for transparency to work; */
	width: 790px;	

	font: 72px arial;
	letter-spacing: 1px;
}
#Title a {
	color: transparent;
}
#Title .small {
	font-size: 48px;
	letter-spacing: -1px;
}
#Title .space {
	font-size: 0;
}
#TitleIEOnly {
	display: none;
}
#TitleAndLogo #Login, #TitleAndLogo #Contact {
	position: absolute;
	font-family: verdana;
	text-align: right;
 	bottom: 2px;
	right: 2px;
}
#TitleAndLogo #Contact {
	display: none;
}
#TitleAndLogo #Login a, #TitleAndLogo #Login a:visited {
	font-size: 80%;
	color: #6e0808;
	color: #efe3e3;
	font-family: verdana;
	font-weight: bold;
	text-transform: uppercase;
}
#TitleAndLogo #Login a:hover {
	color: #540606;
}
#TitleAndLogo #Contact a, #TitleAndLogo #Contact a:visited {
	font-size: 88%;
	color: #6e0808;
	color: #540606;
	color: #1b1818;
	font-family: verdana;
	font-weight: bold;
}
#TitleAndLogo #Contact a:hover {
	color: #3b1700;
	background-color: #7ac782;
	background-color: #6e0808;
	background-color: #540606;
	background-color: #830000;
	color: #f0a700;
	color: #efe3e3;
}
#TitleAndLogo #Contact #ContactUs {
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 1.5;
}
#Credit {
	position: absolute;
	width: 1000px;
	padding: 3px 0;
	font-size: 80%;
}
#Credit a {
	border-bottom: 0;
}

table#Main {
	background-color: #630;
	background-color: #652900;
	background-color: #592300;
}
div#PageImg, div#PageImgWide, div#Divider, div#Content, div#Content.home div, div#Content.home img {
  float: left;
  padding: 0;
  margin: 0;
}
div#Content.home { margin-left: -16px; }
#HomeAbout {
	position: absolute;
	color: transparent;
	font: 12px arial;
	width: 293px;
	padding: 0;
	right: -5px;
	top: 12px;
	line-height: 2;
}

#Content ul#Submenu {
	float: right;
	margin: 0.6em 0;
	padding: 1px 1em;
	background-color: #520;
	background-color: #401a00;
	
	font: 13px verdana;
	line-height: normal;
}
#Content ul#Submenu li {
	display: inline;
	margin: 0 0.5em;
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
}
/*
#Submenu li.selected {
	background-color: #630;
	padding: 0 0.5em 2px;
	margin: 0;
}
*/
#Content #PageTurn {
	margin-left: 14px;
	padding-bottom: 1px; /* IE weirdness: otherwise underline for links disappears; */
	font-size: 115%;
	position: absolute;
	bottom: 0.4em;
	border-top: 1px solid #9d5e29;
	padding-top: 3px;
	clear: both;
}
#Content #PageTurn .next {
}
#Content #PageTurn .current {
	margin: 0 0.5em;
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
	font-family: arial;
}
#Content #PageTurn .prev {
}

#Content .findOutMore {
	float: right;
}

#Content p, #Content h1, #Content h2, #Content h3, #Content div.container, #Content ul, #Content ol {
	margin: 0.3em 14px;
}
#Content p, #Content ul, #Content ol, #Content dl, #Content div.container {
	font-family: arial, helvetica, sans-serif;
	line-height: 1.4;
}
#Content p.spacious {
	margin: 2em;
	margin-right: 3em;
}
#Content.headlines h2 {
	margin-top: 1.5em;
}
#Content ul, #Content ol {
	padding: 0.25em 1em 0.25em 28px;
}
#Content .bullet {
	float: left;
	clear: left;
	margin: 1px 0.5em 0 0;
}
#Content .bulletPoint {
	width: 95%;
	float: left;
	margin-bottom: 0.5em;
	padding-bottom: 1px; /* IE weirdness: otherwise underline for links disappears; */
}
#Content div.boxed, #Content div.boxedNoBorder {
	border: 1px solid #a77440;
	border: 1px solid #9d5e29;
	padding: 0.5em;
	margin: 0.5em 0;
	float: left;
}
#Content div.boxedNoBorder {
	border: 0;
}
#Content div.boxedNoBorder p {
	margin: 0;
}
#Content dl#ContactInfo {
	margin: 0;
}
#Content dl#ContactInfo dt {
	width: 20%;
	text-align: right;
	margin-right: 1em;
}
#Content .hilight {
	text-align: center;
	margin: 2em 5.5em;
	padding: 1.5em 4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 17px;
	line-height: normal;
	letter-spacing: 1px;
	color: #b3b386;
	background-color: #500;
	background-color: #5b0000;
	border: 2px solid #331400;
	border-right: 1px solid #852;
	border-bottom: 1px solid #852;
	float: none;
	clear: both;
}
#Content .muted {
	color: #9d5e29;
}

.boardMembers th.position, .boardMembers td.position,
#StaffDirectory th.position, #StaffDirectory td.position {
	text-align: right;
	padding-right: 1em;
}
.boardMembers, #StaffDirectory {
	width: 85%;
	margin: 0 2em;
}
.boardMembers th, #StaffDirectory th {
	color: #a77440;
	color: #9d5e29;
	text-align: left;
	border-bottom: 1px solid #a77440;
	border-bottom: 1px solid #9d5e29;
}
.boardMembers td.name, #StaffDirectory td.name {
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
}
.boardMembers { width: 688px; }
.boardMembers th.position, .boardMembers td.position { width: 145px; }
.boardMembers th.name, .boardMembers td.name { width: 175px; }
ul#MemberCongregations {
	width: 80%;
	margin: 2em;
}
ul#MemberCongregations li {
	float: left;
	width: 40%;
}
ol#DonationMethods li {
	margin-bottom: 0.3em;
}
#Content dl {
	margin: 1em 0 1em 2em;
}
#Content dt, #Content dd {
	margin: 0.2em 0 0;
	padding: 0;
	float: left;
}
#Content dt {
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
	clear: left;
	width: 25%;
}
#Content dd {
	width: 70%;
}
dl#SponsorshipLevels, dl#CompassionHonorees {
	border: 2px solid #a77440;
	border: 2px solid #edb61e;
	border: 2px solid #f0a700;
	border: 2px solid #efe3e3;
}
dl#SponsorshipLevels {
	margin: 0 1.5em 1em 0;
	padding: 0.5em 1em;
	float: left;
	width: 25%;
}
#SponsorshipLevels dt {
	width: 70%;
}
#SponsorshipLevels dd {
	width: 25%;
}
p.sponsorshipLevels {
	padding: 1em 1.5em 0 0;
}
dl#CompassionHonorees {
	margin: 0 1.5em 1em 1em;
	padding: 0.5em 1.5em 0.5em 2em;
	float: left;
	width: 85%;
}
#CompassionHonorees dt {
	width: 23%;
}
#CompassionHonorees dd {
	width: 75%;
}
#VolunteerTasks { float: right; width: 455px; font-size: 11px; }

#FamilyPromiseVideo {
	position: absolute;
	right: 1em;
	margin-top: 4em;
}

table#Main #newsletter {
	margin-left: 15px;
	width:670px;
	height:464px;
	overflow:auto;
	background-color: #592300;
}

form#ContactForm {
	margin: 0;
	padding: 0;
}
form#ContactForm textarea {
/**	display: block; **/
}
form#ContactForm label {
	width: 5em;
	float: left;	
}
form input, form textarea {
	margin-bottom: 0.5em;	
}
form .buttonBar {
	text-align: center;
}
form .buttonBar input {
  background-color:#bfbf8f;
  background-color:#9d5e29;
	background-color: #592300;
  color: #7ac782;
  font-weight: bold;
  border: 1px solid; 
}
form .buttonBar input.hover {
  color: #592300;
  cursor: pointer;
  background-color: #7ac782;
}
a, a:visited {
	color: #7ac782;
	color: #da0;
 	color: #9c9;
	color: #59a070;
	color: #54996d;
 	text-decoration: none;
}
a:hover { text-decoration: underline; }
.homelessColor, #MenuBar .donate a {
	color: #6e0808;
	color: #5b0000;
	color: #830000;
}
.donate a {
	text-transform: capitalize;
	font-variant: small-caps;
	font-weight: bold;
}
img.header {
	float: left;
	margin-top: -3px;
	margin-right: 14px;
}
#Content p.spacious img.header {
	margin-top: 3px;
	margin-right: 2em;
}
img.donate {
  position: absolute;
  width: 150px;
  margin-top: -1.5em;
  margin-left: 19em;
}
div#Content a, div#Content a:visited, #PageTurn a, #PageTurn a:visited {
 	border-bottom: 1px dotted;
}
div#Content a:hover {
	border: 0;
	color: #410;
	background-color: #9c9;
	color: #3b1700;
	background-color: #7ac782;
	background-color: #54996d;
	text-decoration: none;
}
a img {
	border: 0;
}
.logoColor, h1 {
	color: #edb61e;
	color: #f0a700;
	color: #efe3e3;
}
p {
	font-size: 13px; /** 10pt is too big in IE7 for some reason **/
}
h1 {
	font-size: 185%; /** 24px **/
	font-size: 170%; /** 22px **/
}
h2 {
	font-size: 138%; /** 18px **/
}
h3 {
	font-size: 115%; /** 15px **/
}
#leftSideBar {
	background: url(../images/bgLeftSideBar.gif) left top no-repeat;
	padding: 0px 15px 0 0px;
	margin: 0;
	width: 192px;
	height: 505px;
	float:left;
	display:inline;
	position:relative;
	overflow:auto;
	z-index:100;
	text-align: center;
}
#leftSideBar #video, #leftSideBar h1, #leftSideBar h2, #leftSideBar h3, #leftSideBar p, #leftSideBar div {
	margin: 0 -15px 0 0;
	width: 172px;
	padding: 0 10px;
	position: relative;
	float: left;
	display: inline;
	clear: both;
}
#leftSideBar h3 { font-size: 15px; }
#leftSideBar #video {
	padding: 0;
	margin-right: -30px;
	width: 191px;
	text-align: left;
}
#leftSideBar div.hr {
  background-color: #74451e;
  border: none;
  height: 1px;
  margin:  8px 13px 8px 12px;
  width: 167px;
  padding: 0;
  overflow: hidden;
}
#leftSideBar div, #leftSideBar p {
	font: 11px arial;
}
#leftSideBar p {
	text-align: left;
}
#leftSideBar h1 a, #leftSideBar h1 a:visited,
#leftSideBar h2 a, #leftSideBar h2 a:visited,
#leftSideBar h3 a, #leftSideBar h3 a:visited {
	color: #BFBF8F;
}
#leftSideBar h1 a:hover,
#leftSideBar h2 a:hover,
#leftSideBar h3 a:hover {
	color: #54996d;
	text-decoration: none;
}
body {
	background-color: #a77440;
	background-color: #9d5e29;
	font: 13px verdana;
	color: #cc9;
	color: #b8b88a;
	color: #bfbf8f;
	width: 1000px;
	margin: auto;
}

/************** Modified Chrome Menu *****************/

.dropmenudiv {
	position:absolute;
	top: 0;
	z-index: 99999;
	visibility: hidden;
  background-color: #592300;
  background-color: #73350b;
  border: 1px solid #9d5e29;
  border-right: 2px solid #401a00;
  border-bottom: 2px solid #401a00;
/**	filter: alpha(opacity=75);
	background: rgba(89,35,0, 0.75); **/
	padding-bottom: 1px; /* so that the auto selection box in FF does not get cut off */
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	padding: 0 3px 1px 0;
}
.dropmenudiv a {
	display: block;
	width: auto;
	padding: 1px 3px 2px;
	margin: 0 1px 2px; /* so that the auto selection box in FF does not get cut off */
	border: 1px solid #73350b; /* same as background color of the drop down menu, basically setting up
														    a transparent border due to IE6 not recognizing "transparent" */
}
.dropmenudiv a:hover {/*
  background-color: #7ac782;
  color: #592300;
  border: 1px solid #7ac782;*/
	background-color: #54996d;
	color: #fff;
  text-decoration: none;
}