﻿body				{ margin-top: 0px; background-color: #4d5b6e; font-size: small; font-family: Verdana, Arial, Tahoma; }
img					{ border-width: 0px; }
table				{ border-width: 0px; }
tr					{ vertical-align: top; }
div					{ text-align: left; }
td					{ text-align: left; }
textarea		{ font-family: Arial; }

div.page		{ width: 775px; padding-bottom: 25px; }
.center			{ text-align: center; }
.para				{ padding-bottom: 5px; }

/* Header */
div.header							{ width: 100%; height: 50px; background-color: #cccccc; }
div.headerRight					{ height: 50px; font-size: 11px; padding-right: 20px; padding-top: 8px; float: right; color: #333333; vertical-align: middle; text-align: right; }
div.headerRight a				{ color: #333333; }
div.headerRight a:hover	{ color: #ffffff; }

/* Nav */
.menu										{ height: 35px; width: 100%; background-color: #9ca7ba; }
.menu td								{ text-align: center; padding: 0px 7px 0px 7px; font-weight: bold; }
.menu td a							{ text-decoration: none; font-size: 12px; color: #000000; display: block; width: 100%; height: 35px; line-height: 35px; padding: 0px 7px 0px 7px; }
.menu td a:hover				{ text-decoration: none; color: #ffffff; background-color: #5f6b7a; }
.menu td a.On						{ text-decoration: none; color: #ffffff; background-color: #5f6b7a; }

.leftMenuHeader					{ font-size: 12px; background-color: #63738c; color: #ffffff; font-weight: bold; height: 24px; line-height: 24px; vertical-align: middle; padding-left: 15px; }
.leftMenu								{ border-bottom: 1px solid #63738c; }
.leftMenu	a							{ text-decoration: none; font-size: 12px; color: #ffffff; padding-left: 15px; display: block; height: 24px; vertical-align: middle; line-height: 24px; }
.leftMenu a:hover				{ text-decoration: none; background-color: #cccccc; color: #333333; }
.leftMenu a.On					{ text-decoration: none; background-color: #cccccc; color: #333333; }
.leftInfo								{ border-bottom: 1px solid #63738c; color: #ffffff; padding: 10px 5px 10px 7px; text-align: center; }
.leftInfo div.para			{ padding-bottom: 7px; text-align: center; }
.leftInfo div.leftindent{ padding-left: 10px; padding-bottom: 7px; text-align: left; }
.leftInfo div.leftBold	{ font-weight: bold; text-align: left; }
.leftInfo a							{ text-decoration: underline; color: #ffffff; }
.leftInfo a:hover				{ text-decoration: none; }
.leftAFLC								{ text-align: center; padding-top: 25px; padding-bottom: 25px; }
.leftAFLC a							{ text-decoration: underline; color: #ffffff; }
.leftAFLC a:hover				{ text-decoration: none; }
.small									{ color: #ffffff; font-size: x-small; text-align: center; }
.smaller								{ font-size: 90%; }
.leftIcon								{ position: relative; height: 30px; padding-left: 27px; padding-top: 3px; }
.leftIcon img						{ position: absolute; left: 0px; top: 0px; }
.leftDivider						{ font-size: 1px; border-bottom: 1px solid #63738c; margin-top: 5px; margin-bottom: 7px; }

/* Pictures */
div.pictures							{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/bible.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesSign					{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/sign.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesChurch				{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/church_front.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesLuthersWorks	{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/luthers_works.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesOrganKeys			{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/organ_keys.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesStainedGlass	{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/stained_glass.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }
div.picturesSanctuary			{ width: 100%; height: 100px; background-color: #333333; background-image: url('../images/slideshow/sanctuary_lights_cross.jpg'); text-align: center; border-bottom: solid 0px #63738c; font-size: 0px; }

/* Main Content */
table.mainContent							{ width: 775px; }
table.mainContent td.left			{ width: 200px; background-color: #333333; }
table.mainContent td.right		{ width: 575px; background-color: #cccccc; padding-left: 15px; padding-right: 22px; font-size: small; font-family: arial; padding-bottom: 25px; }

.contentTitle									{ font-size: x-large; font-weight: bold; color: #333333; padding-bottom: 5px; border-bottom: #333333 1px dashed; margin-bottom: 20px; margin-top: 9px; }
.breadcrumb										{ font-size: small; font-weight: normal; color: #222222; }
.breadcrumb a									{ color: #ffffff; text-decoration: underline; }
.contentTitle a:hover					{ text-decoration: none; }

.title												{ width: 100%; color: #ffffff; font-weight: bold; font-size: small; background-color: #333333; height: 24px; line-height: 24px; vertical-align: middle; padding-left: 5px; margin-bottom: 7px; }
ul.spList											{ margin-top: 5px; }
ul.spList li									{ list-style-image: url('../images/sp_list.png'); padding-top: 0px; margin-left: -20px; }
div.paragraph									{ padding-bottom: 10px; }
.hilite												{ color: #333333; font-weight: bold; }
.alignRight										{ text-align: right; }
.padLeft10										{ padding-left: 10px; }
img.imageRight								{ float: right; padding: 5px 0px 10px 20px; }
img.imageLeft									{ float: left; padding: 5px 5px 5px 0px; }

/* Copyright & Footer */
.copyright			{ width: 100%; font-size: 11px; height: 20px; line-height: 20px; background-color: #333333; color: #ffffff; text-align: center; }
.footer					{ width: 100%; font-size: 11px; height: 20px; line-height: 20px; background-color: #666666; color: #ffffff; text-align: center; }
.footer a				{ color: #ffffff; }
.footer a:hover	{ color: #333333; }

