/* ============================= */
/*           Structure           */
/* ============================= */

body { font-family: optima,stone-sans,trebuchet,sans-serif;
	font-size: 12pt; line-height: 1.2em;
	background-image: url(pics/fpcog-logo-7.gif); background-repeat: no-repeat;
	background-position: 13.9em 1.4em;
	background-color: #f0d5a6;  /*warm tan*/
}

#nav-box {  position: absolute; padding-left: 10px;
	top: 12.2em; left: 1em; width: 16em;
	z-index: 4;
	/*background: #ccbbaa; border: 1px solid #444444;*/
}

#extra-box {  position: absolute; padding-left: 10px;
	top: 40em; left: 1em; width: 16em;
	margin-right: 5px; 
	/*background: #aa9988; border: 1px solid #444444;*/
}

#content-box { /*float: left;*/ padding: 0.5em;
	margin: 10em 1em 0 19em;
	z-index: 1;
	/*background: #eeddcc; border: 1px solid #444444;*/
}

#bottom-box { margin: 0.4em 1.3em 0 26em;
	font-size: 9pt; font-style: italic; text-align: right; 
	clear: all; 
	/*border: 1px solid #444444;*/
 }


/* ============================= */
/*         standard HTML         */
/* ============================= */

a:link    { color: #0648a1; text-decoration: underline; }
a:visited { color: #0648a1; text-decoration: underline; } 
a:hover   { color: #7facfd; text-decoration: underline overline; }

td { font-size: 9pt; }

ul,li,p,blockquote,input { margin: 0; padding: 0; }
ul { padding-left: 1.2em; margin-top: 0.6em; }
li {padding-bottom: 0.6em; }
p { padding-top: 0.6em; }
input { margin-top:0.6em; }

pre { font-size: 0.9em; }

h1,h2,h3,h4,h5 { font-size: 10.5pt;  font-weight: bold; margin: 0; padding: 0; }

/* used for body heads */
h2,h3 { color: #ff5b20; font-style: italic; }
h2 { font-size: 12pt; padding-top: 2em; }
h3 { font-size: 11pt; padding-top: 0.6em; margin-top: 0.7em; }


/* ============================= */
/*        custom markup          */
/* ============================= */

.first-p { margin-top:0; }

.illo,.quotebox { float: right; clear: right; 
	margin-left: 15px; margin-bottom: 10px; }

.quotebox,.qb-1,.qb-2,.qb-3,.qb-4 { font-family: beryll,stone-serif,serif;
	border: 2px dashed #0648a1; background-color: white; }

.quotebox { font-size: 12pt; line-height: 1.5em; width: 230px; padding: 15px; }

.qb-1,.qb-2,.qb-3,.qb-4 { font-style: italic; color: #0648a1;
	margin-right: 15px; margin-top: 15px; margin-bottom: 15px; 
	font-size: 10pt; line-height: 1.4em;
	padding: 10px; padding-left: 25px; }

.qb-1 { border: 2px dashed #adc2df; }
.qb-2, .qb-3 { float: left; width: 150px; }
.qb-3, .qb-4 { width: 210px; }

.qb-1 p, .qb-2 p, .qb-3 p, .qb-4 p { text-indent: -1em; margin-top: 0; padding-top: 0 }

.bigq { font-size: 18pt; font-weight: bold; }


.qb-1 { font-style: italic; color: #0648a1; background-color: white;
	margin: 0 15px 0 0; 
	font-size: 10pt; line-height: 1.2em;
	padding: 10px 10px 0 25px;
	border: 2px dashed #adc2df; }

.qb-1 p { text-indent: -1em; margin: 0 inherit; padding-top: 0 }

.illo { margin: 0 0 10px 15px; background-color: white; }

#news-box { margin: 10px; border-top: 2px dotted #ff5b20;
	border-bottom: 2px dotted #ff5b20; background: #ffffff; }
.h-news { text-align: center; font-size: 1.5em; font-style: italic;
	margin-top: 0; margin-bottom: 8px; padding-top: 5px; color: #ff5b20; }
.news-i-1 { border: 2px solid #0648a1; min-height: 200px; }
.news-i-2 { border: 1px solid #0648a1; margin: 2px; padding: 5px; min-height: 184px; }
.g-date { text-align: right; color: #777777; font-size: 0.9em; }

.news { margin-left: 1.5em; }

.sm { font-size: 9pt; }

.yel { color: black; background-color: #fff001; padding: 1px;
	font-weight:normal; font-style:normal; }

.ora { color: #ff5b20; font-weight:normal; font-style:italic; }

.grey { color: #777777; font-size: 0.9em; font-weight:normal; font-style:normal; }

.bottom { font-size: 9pt; font-style: italic; margin-top: .4em; }

.boxed { width: 560px; margin: 10px; padding: 10px; border: 1px solid #7facfd; }

.kidcol-1 { border: 1px solid #7facfd; padding: 3px; }
.kidcol-2 { padding-left: 2em; }


/* ============================= */
/*      sermon transcripts       */
/* ============================= */

#sermon-box { float: left; padding: 5px; padding-left: 12px; }

#sermon-box p { line-height: 1.5em; padding-top: 0.9em; }

.q-prose,.q-poetry,.q-reading { background: #fff4f0; padding: 1em;
	border: 1px dashed #ff5b20;
	}

.q-prose,.q-poetry { font-style: italic; line-height: 1.5em;
	margin-top: 0.6em; margin-left: 2em; margin-right: 2em;
	}

.q-reading { margin-top: 0.8em; margin-bottom: 0.8em; line-height: 1.5em; }
.q-poetry p { margin-top: 0px; }