/*Saint Paul AME Church, Richmond, KY
www.saintpaulrichmond.com*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../assets/images/template_face/img01.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: url(../assets/images/template_face/header.jpg) no-repeat right top;
}

/* Header */

#header {
	width: 940px;
	height: 100px;
	margin: 0 auto;
}

/*Gallery*/

#gallery
{
	width: 620px;
	margin: 0 auto;
}

#gallery-background {
	width: 620px;
	height: 370px;
	margin-bottom: 10px;
	background: url(../assets/images/template_face/img05.jpg) no-repeat left top;
}

#gallery-bgthumb {
	width: 620px;
	height: 120px;
	background: #DBEDF9;
}

#gallery img.output
{
	width: 600px;
	height: 340px;
	padding: 10px 0px 0px 10px;
}

#gallery span.caption
{
	display: block;
	margin: 1em 0 0 0;
	font-weight: bold;
	font-size: 1.25em;
}

#gallery span.caption2
{
	margin: 1em 0 1em 0;
	display: block;
}

#gallery ul.nav
{
	width: 100%;
	list-style: none;
	margin: 0 0 3em 0;
	padding: 0;
}

#gallery ul.nav li
{
	margin: 0 1em 1em 0;
	float: left;
}

#gallery ul.thumbnails
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 10px 0px 0px 6px;
}

#gallery ul.thumbnails li
{
	margin: 0 0.5em 1em 0.5em;
	float: left;
}

#gallery ul.thumbnails li img
{
	width: 128px;
	height: 88px;
	border: solid 6px #FFFFFF;
	cursor: pointer;
}

#gallery ul.thumbnails li img.active
{
	border: solid 6px #77D0EF;
}

/* Random Pics */

#randompics {
	width: 610px;
	height: 100px;
	border: #dbedf9 solid thick;
	background:#FFFFFF;
	margin: 0;
	padding: 0;
	background: url(../assets/images/randompics/random.php);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Page */

#page {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

#page-bgtop {
	padding: 20px 0px;
}

#page-bgbtm {
}

/* Content */

#content {
	float: left;
	width: 620px;
	padding: 30px 0px 0px 0px;
}

/*Post*/

.post {
	margin-bottom: 15px;
	background:#4B75D9;
}

.post h1 {
	height: 30px;
	background: #FFFFFF url(../assets/images/template_face/content_imgTOP.jpg) no-repeat left top;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	border-bottom:#FFF solid thin;
}

.post p {
	background:#4B75D9;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	color:#FFFFFF;
	text-align: justify;
	line-height: 180%;
	text-indent: 20px;
}

.post ol, .post ul {
	color:#FFFFFF;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.post li {
	padding-top: 15px;
}

.post img {
	border:#000066 solid thin;
}

.post a {
	color: #FFFFCC;
}

.post .bright1 {
	color: #66FFFF;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	font-variant:small-caps;
}

.post .bright2 {
	color: #66FFFF;
	font-style:italic;
	font-weight:bold;
	/*font-variant:small-caps;*/
}

.post .bright3 {
	color: #66FFFF;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	font-variant:small-caps;
}

.post .bright4 {
	color: #FFFFCC;
	font-style:italic;
	font-size:10px;
	margin-top: -20px;
	line-height: 11px;
}

.post .bottom {
	margin: 0px;
	padding: 0px;
	background: url(../assets/images/template_face/content_imgBTM.jpg) no-repeat right bottom;
	height: 20px;
}

/*Contact Form*/
div#contactform {
	width: 525px;
	punctuation-wrap:simple;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
}
div#contactform .cf_table {
	display: table;
}
div#contactform .cf_row {
	display: table-row;
}
div#contactform .cf_cell_llabel /*long label*/ {
	display: table-cell;
	width: 525px;
	height: auto;
	padding: .5em;
	text-align: justify;
}
div#contactform .cf_cell_slabel /*short label*/ {
	display: table-cell;
	width: 175px;
	height: 10px;
	padding: .5em;
	text-align: left;
}
div#contactform .cf_cell_data {
	display: table-cell;
	width: 350px;
	height: 10px;
	padding: .5em;
	text-align: left;
}
div#contactform .req {
	color: #CC3300;
	font-weight:bold;
}
div#contactform span.explain { 
	font-size:11px; 
	color: #FFFFCC;
	font-style:italic;
}
div#contactform .err {
	color: #FF9900;
	/*color: #CC0000;*/
}
div#contactform .textfield {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}

/* Salvation */

div#salvation {
	margin:0;
	punctuation-wrap:simple;
	text-align:justify;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#salvation table tr td {
	border: #000066 solid thin;
	vertical-align:top;
}

#salvation h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

#salvation h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color: #FFFFCC;
}

#salvation h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align: left;
	padding-left: 10px;
	color:#FFFFFF;
}

#salvation h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	padding-left: 16px;
	padding-right: 16px;
	font-variant:small-caps;
	color:#FFFFFF;
}

#salvation p {
	color:#FFFFCC;
}

#salvation .table_salvation {

}

#salvation .table_scripture {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #66CCFF;
	color: #000000;
	padding-left: 10px;
}

#salvation .table_passages {
	width: 33%;
	vertical-align:top;
	padding:3.75pt 3.75pt 3.75pt 3.75pt;
	color: #FFFFFF;
}

#salvation .table_translation {
	font-size:11px;
	text-decoration:underline;
	color:#FFFFFF;
}

#salvation .trans_abbr {
	font-size:8px;
}

#salvation .salv_prayer {
	border:#FFFF99 solid thin;
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

/* Bottom Box */

#basement {
	float: left;
	width: 620px;
	margin-bottom: 15px;
	padding: 30px 0px 0px 0px;
	/*border:#CCCCCC solid thin;*/
}


/*Announcements*/

.announcements {
	margin-bottom: 1px;
	background:#DBEDF9;
}

.announcements h1 {
	height: 20px;
	background: #FFFFFF url(../assets/images/template_face/announcements_imgTOP.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	text-align: left;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style:italic;
	font-variant:small-caps;
	border-bottom:#FFF solid thin;
}

.announcements h1 a {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style:italic;
	font-variant:small-caps;
	text-decoration:none;
}

.announcements p {
	background:#DBEDF9;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	color: #000066;
	text-align: justify;
	line-height: 180%;
	text-indent: 20px;
}

.announcements ul {
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: disc;
	color: #990000;
}

.announcements li {
	padding-top: 15px;
	color:#666666;
}

.announcements ul ul {
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 00;
	list-style-type: square;
	color: #990000;
}

.announcements img {
	border:#000066 solid thin;
}

.announcements a {
	color: #990000;
	text-decoration: none;
}
.announcements a:hover {
	color: #000099;
	text-decoration: underline;
}

.announcements .bright1 {
	color: #990000;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.announcements .bright2 {
	color: #66FFFF;
	font-style:italic;
	font-weight:bold;
	/*font-variant:small-caps;*/
}

.announcements .bright3 {
	color: #66FFFF;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	font-variant:small-caps;
}

.announcements .bright4 {
	color: #FFFFCC;
	font-style:italic;
	font-size:10px;
	margin-top: -20px;
	line-height: 11px;
}

.announcements .bottom {
	margin: 0px;
	padding: 0px;
	background: url(../assets/images/template_face/announcements_imgBTM.jpg) no-repeat right bottom;
	height: 20px;
}


#dungeon {
	float: left;
	width: 620px;
	height: 1px;
	margin: 0;
	padding: 0;
	/*margin-bottom: 15px;
	padding: 30px 0px 0px 0px;*/
	/*border:#CCCCCC solid thin;*/
}

#hale {
	float: left;
	width: 620px;
	height: 1px;
	margin: 0;
	padding: 0;
	/*margin-bottom: 15px;
	padding: 30px 0px 0px 0px;*/
	/*border:#CCCCCC solid thin;*/
}

/* Sidebar */

#sidebar {
	float: right;
	width: 290px;
	margin:0;
	margin-top: 0;
	padding: 0;
	padding-top: 120px;
	color: #787878;
	line-height: 180%;
}

#sidebar ul {
	border-left: 1px solid #E2E2E2;
	list-style: none;
}

#sidebar h2 {
	margin: 0;
	padding: 0;
	padding-top: 25px;
	color: #32639A;
	height: 38px;
	letter-spacing: -.5px;
	font-size: 1.8em;
	font-weight: normal;
}

#sidebar p {
	margin-top: 0;
	text-align: justify;
	line-height: 180%;
	color: #787878;
}

#sidebar .bright1 {
	font-style:italic;
	color:#000099;
}

/* Menu link styles 01 */
.mainMenuLink{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: none;
}
.mainMenuLinkSelected{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: underline; 
}
.mainMenuLink:hover{
	background:#dbedf9;
	color: #8A8A8A;
}
.mainMenuLinkSelected:hover{
}
.subMenuLink{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: none;
	background: url(../assets/images/template_face/pointer_img01.jpg) no-repeat left;
}
.subMenuLinkSelected{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: underline;
	background: url(../assets/images/template_face/pointer_img01.jpg) no-repeat left;
}
.subMenuLink:hover{
	background: #4B75D9;
	color: #FFFFFF;
}
.subMenuLinkSelected:hover{
}

/* Menu link styles 02 */
.mainMenu_02Link{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: none;
}
.mainMenu_02LinkSelected{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: underline; 
}
.mainMenu_02Link:hover{
	background:#dbedf9;
	color: #8A8A8A;
}
.mainMenu_02LinkSelected:hover{
}
.subMenu_02Link{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: none;
}
.subMenu_02LinkSelected{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: underline;
}
.subMenu_02Link:hover{
	background: #4B75D9;
	color: #FFFFFF;
}
.subMenu_02LinkSelected:hover{
}

/* Menu link styles 03 */
.mainMenu_03Link{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: none;
}
.mainMenu_03LinkSelected{
	display: block;
	line-height: 30px;
	border-bottom: 1px dashed #D1D1D1;
	border-left: none;
	margin: 0;
	color: #4486C7;
	text-decoration: underline; 
}
.mainMenu_03Link:hover{
	background:#dbedf9;
	color: #8A8A8A;
}
.mainMenu_03LinkSelected:hover{
}
.subMenu_03Link{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: none;
}
.subMenu_03LinkSelected{
	display: block;
	padding-left: 25px;
	border:none;
	color: #4486C7;
	text-decoration: underline;
}
.subMenu_03Link:hover{
	background: #4B75D9;
	color: #FFFFFF;
}
.subMenu_03LinkSelected:hover{
}

/* Motto */

#motto {
	float: right;
	width: 265px;
	height: 185px;
	padding: 5px 5px 5px 5px;
	background: #567EDC;
	border-bottom: 4px solid #FFFFFF;
	text-align:center;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

#motto .scripture {
	font-family: "Times New Roman", Times, serif;
	font-size:13px;
	font-weight: normal;
	font-style:italic;
	color:#FFFFCC;
}

#motto .cite {
	font-family: "Times New Roman", Times, serif;
	font-size:11px;
	font-weight: normal;
	font-style: normal;
	color:#FFFFCC;

}

/* Footer */

#footer {
	height: 70px;
	background: #D8E7FE;
	margin: 0 auto;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px solid #D3DEF0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #A0A0A0;
}

#footer a {
	color: #5389E0;
}

#footer p {
	width: 700px;
	font-size:11px;
	text-transform:none;
	font-variant:small-caps;
	padding-bottom: 10px;
	border-bottom:#4B75D9 solid thin;
	color: #993300;
	text-align:center;
}

#footer p .colorchange {
	color: #CCCCCC;
	font-weight:bold;
}

span.explain { 
	font-size:11px; 
	color: #FFFFCC;
	font-style:italic;
}