/* General-purpose reset */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, img, p, pre, blockquote, ul, ol, dl {margin: 0; padding: 0; border: none;}

/* General elements */
body {text-align: center; font: 75% verdana, helvetica, arial, sans-serif; background: #5f221c url(/images/template/bg_body.gif) top left repeat-x; color: #000;}
ul, ol, dl {margin-left: .9em; padding-left: .9em;}
h1, h2, h3, h4, h5, h6 {font-family: georgia, "times new roman", serif; font-style: italic; font-weight: normal;}
textarea {font-family: verdana, helvetica, arial, sans-serif; font-size: 1em;}

/* Containers */
#container {width: 825px; margin: 0 auto; text-align: left;}
#masthead {position: relative;}
#mastheadAltMedia {display: none;}
#mastheadAltMedia:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#skipTo {position: absolute; left: -9000px; width: 999px;}
#photoBar {margin-right: 28px; margin-top: 2px;}
#photoBar:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#menuPrimary {position: relative; margin-top: 15px; margin-left: 0; padding: 0; clear: both;}
#content {background: transparent url(/images/template/bg_content.png) top left repeat-y;}
#contentInner {width: 711px; margin-left: 29px; padding: 35px 18px 0 39px;}
body.noChildren #contentInner {margin-left: 0; padding-left: 68px; background: transparent url(/images/template/bg_menu_level2.png) top left no-repeat;}
#contentInner:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
#footer {height: 114px; padding: 25px 46px 0 67px; background: transparent url(/images/template/bg_footer.png) top left no-repeat;}
#contentPrimary {width: 465px; float: left; overflow: hidden;}
#contentSecondary {width: 220px; margin-right: 0px; margin-top: 10px; padding: 0; float: right; overflow: hidden;}
#contentSecondary .sidebarBoxHead {width: 192px; height: 23px; padding: 5px 14px; background: transparent url(/images/template/bg_sidebar_head.png) top left no-repeat;}
#contentSecondary .sidebarBoxBody {width: 188px; margin-bottom: -14px; padding: 0 18px 1px 14px; background: transparent url(/images/template/bg_sidebar_content.png) top left repeat-y;}
#contentSecondary .sidebarBoxFoot {width: 220px; height: 39px; margin-bottom: 20px; background: transparent url(/images/template/bg_sidebar_foot.png) top left no-repeat;}
.noSidebar #skipToSecondary {display: none !important;}
.noSidebar #contentSecondary {display: none;}
.noSidebar #contentPrimary {width: 690px;}

/* Content Appearance */
#skipTo a:focus, #skipTo a:hover,  #skipTo a:active {position: absolute; top: -45px; left: 9540px; background-color: #0e1b30; color: #fff; padding: .1em 0; font-weight: bold; border: 3px solid #db9e5b; width: 14em; z-index: 9; line-height: 1.6; text-align: center;}
#logoScreen {width: 539px; height: 96px; margin-left: 9px; background-image: url(/images/template/logo_screen.png);}
#logoScreen span {position: relative; left: -999px; top: 0;}
#churchDrawing {width: 239px; height: 242px; position: absolute; left: 12px; top: 45px; z-index: 1; background: transparent url(/images/template/church_drawing.png) top left no-repeat;}
#masthead .searchForm {position: absolute; right: 30px; top: 17px; width: 200px; text-align: right;}
#masthead .searchForm #ajaxSearch_input {width: 125px; height: 16px; border: 1px solid #0e1b30; background-color: #feecd3; padding: 1px;}
#masthead .searchForm #ajaxSearch_submit {height: 20px; background-color: #ecbf8c; color: #0e1b30; font-size: .8em;}
#photoBar .photoFrame {width: 139px; height: 106px; margin-left: 19px; padding: 10px 11px 11px 11px; float: right; background: transparent url(/images/template/bg_photo_bar_image_frame.png) top left no-repeat;}
#photoBar .photoFrame img {width: 140px; height: 105px;}

#content * {color: #0e1c31;}
#content h2, #content h3, #content h4, #content h5, #content h6 {color: #0f274d;}

#contentPrimary h2 {font-size: 2.5em; margin-bottom: .4em;}
#contentPrimary h3 {font-size: 1.8em;}
#contentPrimary h4 {font-size: 1.4em;}
#contentPrimary h5 {font-size: 1.2em; font-weight: bold;}
#contentPrimary p, #contentPrimary ul, #contentPrimary ol {margin-bottom: 1.3em;}
#contentPrimary p {line-height: 1.5;}
#contentPrimary p.firstParagraph:first-letter {display: block; margin: .15em 8px 0 0; padding: 2px 5px 2px 5px; float:left; border: 1px solid black; font-size: 4.5em; line-height: 1; background-color: #db9e5b; font-family: georgia, "times new roman", times, serif;}
#contentPrimary li {padding: .15em 0; line-height: 1.4;}
#contentPrimary ul, #contentPrimary ol {margin-bottom: 1.35em;}
#contentPrimary table {border-collapse: collapse;}
#contentPrimary td, #contentPrimary th {vertical-align: top; padding: .1em 1em 1em 0; line-height: 1.4;}
#contentPrimary table.scheduleTable {margin-bottom: 1em;}
#contentPrimary table.scheduleTable td {padding: .1em 1em;}
#contentPrimary table.scheduleTable {width: 425px !important; height: auto !important;}
#contentPrimary table.scheduleTable td {width: 45% !important;}
#contentPrimary .accentImageLeft, #contentPrimary .accentImageRight {margin-top: .4em; border: 1px solid #e1a86b; border-right: 2px solid #555; border-bottom: 2px solid #555;}
#contentPrimary .accentImageLeft {float: left; margin-right: 10px;}
#contentPrimary .accentImageRight {float: right; margin-left: 8px;}
#contentPrimary a {color: #893027; text-decoration: none; border-bottom: 1px solid #893027;}
#contentPrimary a:visited {color: #5f221c;}
#contentPrimary a:focus, #contentPrimary a:hover, #contentPrimary a:active {border-bottom-style: dotted;}

#contentPrimary .pageList li {margin-bottom: .75em;}
#contentPrimary .pageList span {display: block;}

#contentSecondary h3 {font-size: 1.6em;}
#contentSecondary h4 {font-size: 1.2em;}
#contentSecondary p, #contentSecondary ul, #contentSecondary ol {margin-bottom: 1em; font-size: .95em;}
#contentSecondary p {line-height: 1.4;}
#contentSecondary table {border-collapse: collapse;}
#contentSecondary td, #contentSecondary th {vertical-align: top; padding: .1em 1em 1em 0; line-height: 1.4; font-size: .95em;}
#contentSecondary li {padding: .15em 0; line-height: 1.4;}
#contentSecondary ul, #contentSecondary ol {margin-bottom: 1.35em;}
#contentSecondary a {color: #893027; text-decoration: none; border-bottom: 1px solid #893027;}
#contentSecondary a:visited {color: #5f221c;}
#contentSecondary a:focus, #contentSecondary a:hover, #contentSecondary a:active {border-bottom-style: dotted;}
#contentSecondary .accentImageLeft, #contentSecondary .accentImageRight {margin-top: .4em;}
#contentSecondary .accentImageLeft {float: left; margin-right: 10px;}
#contentSecondary .accentImageRight {float: right; margin-left: 8px;}

.ajaxSearch_resultDescription {display: block; font-style: italic; margin-bottom: .5em;}
.gallery {height: 100%; padding: 2px; border: 1px solid #5f221c; background-color: #ffffee;}
.gallery:after {height: 0; width: 100%; display: block; visibility: hidden; clear: both; content: ".";}
.gallery a {margin: 5px; padding: 3px; border: 1px solid #db9d5a !important; background-color: #fff; display: block; float: left;}
.gallery a:hover{border-style: dotted !important;}

.sermonMultimediaLinks {width: 200px; text-align: right; float: right;}
.sermonMultimediaLinks a {border: none !important;}
.sermonMultimediaLinks h4 {margin-bottom: .2em;}

.noDisplay {display: none;}

#contentPrimary img.pageDivider {display: block; clear: both; margin: 0 auto 1em auto;}

/* Top Menu */
#menuPrimary {position: relative; height: 29px; padding-left: 234px; line-height: 29px; list-style-type: none; background: transparent url(/images/template/bg_menu_level1.png) top left no-repeat;}
#menuPrimary ul {height: 29px; line-height: 29px; display: none; margin-left: 0; padding: 0; background: transparent url(/images/template/bg_menu_level2.png) top left no-repeat;}
#menuPrimary li.active ul {display: block; position: absolute; top: 29px; left: 0; width: 789px; height: 24px; padding-right: 8px; line-height: 24px; text-align: right;}
#menuPrimary li {overflow: hidden; display: block; float: left; width: 111px; height: 28px; margin-left: 2px; line-height: 28px; text-align: center;}
#menuPrimary li li {display: inline; width: auto; height: 24px; margin-left: 0; padding: 0 3px 0 12px; float: none; background: transparent url(/images/template/bg_menu_separator_bullet.gif) center left no-repeat; line-height: 24px;}
#menuPrimary li.first {margin-left: 0; background-image: none;}
#menuPrimary a {position: relative; z-index: 2; color: #573f25; text-decoration: none; font-weight: bold; font-family: "palatino linotype", palatino, "times new roman", times, serif; font-variant: small-caps;}
#menuPrimary li li a {font-variant: normal;}
#menuPrimary li.active  {border-bottom: 1px solid #db9e5b;}
#menuPrimary li.active a {color: #12223c;}
#menuPrimary li.active li a {color: #573f25;}
#menuPrimary li li.active a {color: #12223c;}
#menuPrimary a:focus, #menuPrimary a:hover, #menuPrimary a:active {color: #12223c !important; text-decoration: underline;}
#menuPrimary li.active a:focus, #menuPrimary li.active a:hover, #menuPrimary li.active a:active {cursor: default;}
#menuPrimary li.active li a:focus, #menuPrimary li.active li a:hover, #menuPrimary li.active li a:active {cursor: pointer;}
#menuPrimary li.active li.active a:focus, #menuPrimary li.active li.active a:hover, #menuPrimary li.active li.active a:active {cursor: default;}

/* Forms */
.generalForm fieldset {border: 1px solid #5f221c; margin-bottom: 1em; padding: 5px 5px 0 5px;}
.generalForm fieldset ol {margin-left: 0; border: 1px solid gray; padding: 6px; background-color: #db9d5a; list-style-type: none;}
.generalForm li {padding: 0 !important; margin: 0 !important;}
.generalForm legend {background-color: inherit; color: #5f221c !important; margin-bottom: .3em;}
.generalForm label {display: block; font-weight: bold; font-size: .9em;}
.generalForm label span{font-weight: normal;}
.generalForm input, .generalForm select, .generalForm textarea {display: block; margin: 0 0 .8em 0; padding: 0; border: 1px #aaa inset; background-color: #feecd3; color: #000;}
.generalForm #submitForm {margin: 0; padding: .1em; border: 2px #eee outset; background-color: #4f3921; color: #fff;}
.generalForm input.fullWidth, .generalForm select.fullWidth, .generalForm textarea.fullWidth {width: 98%;}
.generalForm input:focus, .generalForm select:focus, .generalForm textarea:focus {background-color: #fef5e7; color: #000;}
.generalForm br {display: none;}
.generalForm .checkboxGroup {border: none; padding-left: 0; padding: 0;}
.generalForm .checkbox {padding: 0; margin: 0; border: none; clear: both;}
.generalForm li.last {margin-bottom: 1em !important;}
.generalForm .checkbox label {display: inline; padding-left: .5em;}
.generalForm .checkbox input {width: 1.5em; display: inline; margin: .1em 0; background-color: #db9d5a; color: inherit; border: none;}
.eformErrors p {color: red !important;}
.eformErrors p.errorList {color: #000 !important; margin-left: 2em; margin-top: -1em;}