@charset "utf-8";
/* CSS Document */

* html {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; /* black */
	background-color: #869cb4; /* body background blue */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #23588d; /* background blue */
	margin: 20px 0 10px 0;
}
h3.gold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d79a2c; /* gold */
	margin: 20px 0 10px 0;
}
h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #23588d; /* background blue */
	margin: 20px 0 5px 0;
}
h4.subhead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0722f;
	margin: 20px 0 5px 0;
}
p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000; /* black */
	margin: 4px 10px 8px 0;
}
p span.large-text-black {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #000000; /* black */
	margin: 4px 10px 8px 0;
}
p span.large-text-gold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #d79a2c; /* gold */
	margin: 14px 10px 8px 0;
}


.thrColFixHdr #container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #23588d; /* background blue */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 940px;
	background: url(../images/page_design-stripe.gif) repeat-y left top;
}
.thrColFixHdr #container-inside {
	background: url(../images/cream-sb2-stripe.gif) repeat-y right top;    
}

.thrColFixHdr #header {
	width: 100%;
	position:relative;
	top:0;
	left:0;
	background: url(../images/header-stripe.gif) repeat-x left top;	
}

.thrColFixHdr #sidebar1 {  /* modified for ie6 and ie7 */
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
}

.thrColFixHdr #sidebar1 #translation { 
	width: 115px; 
	height: 40px;
	padding: 0 0 6px 0;
	margin: 0 8px 10px 5px;
	border-bottom: solid 1px #fef3de; /* light cream */
}

.thrColFixHdr #sidebar1 ul {
    padding:0;
	margin:0px 0 30px 5px;
    font-size:12px;
	letter-spacing: 0px;
	/* font-weight:bold; */
	list-style-type: none;
}
.thrColFixHdr #sidebar1 ul li {
	margin:0 0 8px 0;
}
.thrColFixHdr #sidebar1 ul li a:link {
    color:#fef3de; /* light cream */
	text-decoration:none;
}
.thrColFixHdr #sidebar1 ul li a:visited {
    color:#fef3de; /* light cream */
	text-decoration:none;
}
.thrColFixHdr #sidebar1 ul li a:hover {
   	color:#23588d; /* background blue */
	text-decoration:none;
}

.thrColFixHdr #sidebar1 #donate-button {
	margin: -5px 0 10px 2px;
}
.thrColFixHdr #sidebar1 #donate-image {
	margin: -5px 0 10px 2px;
}


.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; 
	padding: 0; /* padding keeps the content of the div away from the edges */
	background-color: #ffedcc;  /* cream */    /* the background color will be displayed for the length of the content in the column, but no further */
}

.thrColFixHdr #sidebar2 h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #23588d; /* background blue */
	margin: 20px 0 5px 10px;
}
.thrColFixHdr #sidebar2 h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #23588d; /* background blue */
	margin: 10px 0 5px 10px;
}

.thrColFixHdr #sidebar2 p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000; /* black */
	margin: 5px 5px 5px 10px;
}

.thrColFixHdr #sidebar2 p a:link {
    color:#23588d; /* background blue */
	text-decoration:none;
}
.thrColFixHdr #sidebar2 p a:visited {
    color:#23588d; /* background blue */
	text-decoration:none;
}
.thrColFixHdr #sidebar2 p a:hover {
   	color: #d79a2c; /* gold */
	text-decoration:none;
}

.thrColFixHdr #sidebar2 ul {
    padding:0;
	margin:5px 0 20px 13px;
    font-size:10px;
	letter-spacing: 0px;
	font-weight:bold;
}
.thrColFixHdr #sidebar2 ul li {
	margin:0 0 5px 13px;
}
.thrColFixHdr #sidebar2 ul li a:link {
    color:#23588d; /* background blue */
	text-decoration:none;
}
.thrColFixHdr #sidebar2 ul li a:visited {
    color:#23588d; /* background blue */
	text-decoration:none;
}
.thrColFixHdr #sidebar2 ul li a:hover {
   	color: #d79a2c; /* gold */
	text-decoration:none;
}

.thrColFixHdr #sidebar2 img {  /* modified for  ie6 and ie7 */
	margin: 30px 0 0 10px;
	border: solid 2px #a07321;
}


.thrColFixHdr #sidebar2 img.donate {  /* modified for  ie6 and ie7 */
	margin: 30px 0 -20px 10px;
	border: none;
}

/* quote2 box */
.thrColFixHdr #sidebar2 #quote2 { /* modified for ie6 and ie7 and ie8 */ 
    position: relative;
	top: 30px;
	left: 0;
	width: 160px;
	height: 135px;
	background-color:#d0af75; /* light brown */
	border-top: solid 1px #a07321; /* brown */
	text-align:left;
	margin: 0 0 10px 0;
}
.thrColFixHdr #sidebar2 #quote2 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	color:#23588d; /* background blue */
	padding: 10px 5px 15px 5px;
}


/* right framed clergy box */
.thrColFixHdr #sidebar2 #frame-box1 {   /* modified for ie6 and ie7 */
    float:right;
	clear:none;
    width: 160px;
	height: 680px;
	/* border: solid 1px #a07321; */ /* brown */
	text-align:left;
	margin: 0 5px 0 10px;
}
.thrColFixHdr #sidebar2 #frame-box1 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000; /* black */
	padding: 5px 5px 5px 5px;
}



.thrColFixHdr #mainContent {
	margin: 0 180px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.thrColFixHdr #mainContent ul {
    padding:0;
	margin:0 0 30px 5px;
    font-size:12px;
}
.thrColFixHdr #mainContent ul li {
	margin:0 0 4px 10px;
}

.thrColFixHdr #mainContent ul li a:link {
	font-size: 12px;
	line-height: 14px;
	color: #23588d; /* background blue */
	list-style-type: none;
	text-decoration: underline;
}
.thrColFixHdr #mainContent ul li a:visited {
	font-size: 12px;
	line-height: 14px;
	color: #23588d; /* background blue */
	text-decoration: underline;
}
.thrColFixHdr #mainContent ul li a:hover {
	font-size: 12px;
	line-height: 14px;
	color: #d79a2c; /* gold */
	text-decoration: none;
}

.thrColFixHdr #mainContent ol {
    padding:0;
	margin:0px 0 30px 10px;
    font-size:12px;
}
.thrColFixHdr #mainContent ol li {
	margin:0 0 8px 10px;
}
.thrColFixHdr #mainContent ol li ul {
    padding:0;
	margin:0 0 0 5px;
    font-size:12px;
}
.thrColFixHdr #mainContent ol li ul li {
	margin:0 0 4px 10px;
}


.thrColFixHdr #mainContent ul.activities {
    padding:0;
	margin:0px 0 30px 5px;
    font-size:12px;
}
.thrColFixHdr #mainContent ul.activities li {
	margin:0 0 4px 10px;
	list-style-type: none;
}



.thrColFixHdr #mainContent a:link {
	font-size: 12px;
	line-height: 18px;
	color: #23588d; /* background blue */
	text-decoration: underline;
}
.thrColFixHdr #mainContent a:visited {
	font-size: 12px;
	line-height: 18px;
	color: #23588d; /* background blue */
	text-decoration: underline;
}
.thrColFixHdr #mainContent a:hover {
	font-size: 12px;
	line-height: 18px;
	color: #d79a2c; /* gold */
	text-decoration: none;
}

/* name request box */
.thrColFixHdr #mainContent #name {
    position: relative;
	top: 0;
	left: 0;
	width: 286px;
	height: 45px;
	background-color: #23588d; /* background blue */
	border: solid 2px #a07321; /* brown */
	text-align:center;
	margin: 10px 0 10px 0;
}
.thrColFixHdr #mainContent #name p { /* modified for ie6 and ie7 */ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#fef3de; /* light cream */
	padding: 10px 10px 10px 10px;
}
.thrColFixHdr #mainContent #name p a:link {
    color:#fef3de; /* light cream */
	text-decoration:none;
}
.thrColFixHdr #mainContent #name p a:visited {
    color:#fef3de; /* light cream */
	text-decoration:none;
}
.thrColFixHdr #mainContent #name p a:hover {
   	color:#cdb07a; /* tan */
	text-decoration:none;
}

/* phrase box */
.thrColFixHdr #mainContent #phrase { /* modified for ie6 and ie7 */
    position: relative;
	top: -15px;
	left: -10px;
	width: 536px;
	height: 50px;
	background-color: #23588d; /* background blue */
	border: solid 2px #a07321; /* brown */
	text-align:center;
	margin: 10px 0 5px 0;
}
.thrColFixHdr #mainContent #phrase h4 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#fef3de; /* light cream */
	padding: 0 10px 20px 10px;
}


/* note box */
.thrColFixHdr #mainContent #note {
    position: relative;
	top: 0;
	left: 0;
	width: 520px;
	height: 315px;
	background-color:#fef3de; /* light cream */
	/*border: solid 2px #23588d; */ /* background blue */
	margin: 10px 0 10px 0;
	padding: 5px 10px 30px 0;
}

/* note2 box */
.thrColFixHdr #mainContent #note2 {
    position: relative;
	top: 0;
	left: 0;
	width: 520px;
	height: 160px;
	background-color:#fef3de; /* light cream */
	border: solid 1px #23588d; /* background blue */
	margin: 10px 0 10px 0;
	padding: 5px 10px 30px 10px;
}


/* quote box */
.thrColFixHdr #mainContent #quote {
	position: relative;
	top: 0;
	left: 0;
	width: 520px;
	height: 95px;
	background-image: url(../images/gradient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fef3de; /* light cream */
	border-top: solid 2px #a07321; /* brown */
	border-bottom: solid 1px #23588d; /* background blue */
	margin: 15px 0 0 0;	
}
.thrColFixHdr #mainContent #quote p { /* modified for ie6 and ie7 */ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#23588d; /* background blue */
	padding: 10px 10px 10px 10px;
}

/* quote3 box */
.thrColFixHdr #mainContent #quote3 {
    position: relative;
	top: 0;
	left: 0;
	width: 540px;
	height: 165px;
	background-color:#fef3de; /* light cream */
	border: solid 2px #a07321; /* brown */
	margin: 10px 0 10px 0;
}
.thrColFixHdr #mainContent #quote3 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000; /* black */
	padding: 10px 10px 10px 10px;
}


/* left framed clergy boxes */  
.thrColFixHdr #mainContent #frame-boxes {  /* modified for ie6 */
    float:left;
    width: 570px;
	height: 660px;
	margin: 0 0 0 0;
	/* border: solid 1px #ff0000; *//* for troubleshooting only */
}

/* left framed clergy box */
.thrColFixHdr #mainContent #frame-box1 {   /* modified for ie6 */
    float:left;
    width: 176px;
	height: 400px;
	border: solid 1px #a07321; /* brown */
	text-align:left;
	margin: 30px 0 0 0;
}
.thrColFixHdr #mainContent #frame-box1 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000; /* black */
	padding: 5px 5px 5px 5px;
}
/* middle framed clergy box */
.thrColFixHdr #mainContent #frame-box2 {   /* modified for ie6 */
    float:left;
	clear:none;
    width: 176px;
	height: 650px;
	border: solid 1px #a07321; /* brown */
	text-align:left;
	margin: 30px 0 5px 10px;
}
.thrColFixHdr #mainContent #frame-box2 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000; /* black */
	padding: 5px 5px 5px 5px;
}
/* right framed clergy box */
.thrColFixHdr #mainContent #frame-box3 {   /* modified for ie6 */
    float:right;
	clear:none;
    width: 176px;
	height: 400px;
	border: solid 1px #a07321; /* brown */
	text-align:left;
	margin: 30px 15px 0 10px;
}
.thrColFixHdr #mainContent #frame-box3 p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000; /* black */
	padding: 5px 5px 5px 5px;
}

.thrColFixHdr #mainContent #upstart { 
	padding: 50px 0 15px 0;
}


.thrColFixHdr #mainContent a:link img.cards {
	color:#cccccc /* light gray */
}
.thrColFixHdr #mainContent a:visited img.cards {
	color:#cccccc /* light gray */
}
.thrColFixHdr #mainContent a:hover img.cards {
	color:#999999 /* middle gray */
}




.thrColFixHdr #footer {
	position: relative;
	height: 80px;
	font-size: 9px;
	background: url(../images/footer-stripe.gif) repeat-y left top;
}
.thrColFixHdr #footer div#footer-nav {  /* modified for ie6 and ie7 */
    position:absolute;
	top:0px;
	left:150px;
}
.thrColFixHdr #footer div#footer-nav ul#footer-nav-content-upper {
    float:left;
    margin: 0;
	padding-top: 5px;
	width: 700px;
}
.thrColFixHdr #footer div#footer-nav ul#footer-nav-content-upper li {
	list-style-type: none;
	float:left;
	margin-right: 15px;
}
.thrColFixHdr #footer div#footer-nav ul#footer-nav-content-lower {  /* modified for ie7 */
	float:left;
	margin: 0;
	padding-top: 3px;
	width: 700px;
}
.thrColFixHdr #footer div#footer-nav ul#footer-nav-content-lower li {
	list-style-type: none;
	float:left;
	margin-right: 15px;
}

.thrColFixHdr #footer div#footer-nav ul li a:link {
	color: #ffedcc;  /* cream */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#footer-nav ul li a:visited {
	color: #ffedcc;  /* cream */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#footer-nav ul li a:hover {
	color: #d79a2c; /* gold */
	text-decoration: none;
    font-size: 9px;
}

.thrColFixHdr #footer div#copy {  /* modified for ie6 and ie7 */
    position:absolute;
    top: 40px;
	left: 190px;
	color: #ffedcc;  /* cream */
	padding-top: 10px;
}

.thrColFixHdr #footer div#copy span#email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 0px;
}
.thrColFixHdr #footer div#copy span#email a:link {
	color: #d79a2c; /* gold */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#copy span#email a:visited {
	color: #d79a2c; /* gold */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#copy span#email a:hover {
	color: #ffedcc;  /* cream */
	text-decoration: none;
	font-size: 9px;
}

.thrColFixHdr #footer div#copy span#credit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 0px;
}
.thrColFixHdr #footer div#copy span#credit a:link {
	color: #d79a2c; /* gold */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#copy span#credit a:visited {
	color: #d79a2c; /* gold */
	text-decoration: none;
	font-size: 9px;
}
.thrColFixHdr #footer div#copy span#credit a:hover {
	color: #ffedcc;  /* cream */
	text-decoration: none;
	font-size: 9px;
}

/* stories */

.centeralign {
	text-align: center;
	display: block;	
}
.indent {
    display: block;
    margin-left: 20px;
}

/* communities */
td.state {
    width: 125px;
	text-align:left;
}
td.city {
    width: 157px;
	text-align:left
}
td.congregation {
    width: 268px;
	text-align:left;
}
.spacing {
	margin-bottom: 4px;
	text-align:left;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}