html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body
{ line-height: 1; }
ol, ul
{ list-style: none; }
blockquote, q
{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
{ content: ''; content: none; }
:focus
{ outline: 0; }
ins
{ text-decoration: none; }
del
{ text-decoration: line-through; }
table
{ border-collapse: collapse; border-spacing: 0; }
/**** START ****/
.EditorBody
{ background-color: transparent; }
#site_container
{ background: url(../images/layout/bodyshadow-bg-wide.jpg) repeat-y center top; margin: 0; padding: 0; position: relative; }
#header
{ position: relative; height: 105px; background: #194e76 url(../images/layout/header-bg-wide.jpg) no-repeat center top; }
#masthead
{ width: 880px; height: 105px; margin: auto; margin-top: 0; position: relative; }
#content
{ width: 880px; margin: auto; }
#footer
{ clear:both; /*margin-top: 20px;*/ height: 20px;
background: #194e76 url(../images/layout/footer-bg-wide.jpg) repeat-y center top; }
#copyright
{ padding: 3px 0 0 0; width: 880px; height: 10px; margin: auto; font-size: 70%; font-weight: bold; color: #ffffff;
text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }
/**** HTML Elements ****/
html
{ height: 100%; }
body
{ margin: 0; padding: 0; height: 100%; background-color: #e4e3dc; font-family: Verdana, Arial, Helvetica, sans-serif;
color: #565555; font-size: 80%; line-height: 1.7; }
h1, h2, h3, h4, h5, h6
{ font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
h1
{ font-size: 140%; color: #952322; margin-bottom: 14px; }
h2
{ font-size: 130%; color: #952322; margin-bottom: 14px; }
h3
{ font-size: 120%; color: #194e76; margin-bottom: 8px; }
h4
{ font-size: 100%; color: #464646; margin-bottom: 3px; }
h5
{ font-size: 90% ; font-weight: normal; font-style: normal; line-height: 14px; text-decoration: none; }
#main_column a, #main_column a:link, #main_column a:visited, #main_column a:active, a:hover
{ text-decoration: none; color: #194e76; }
#main_column p
{ margin-top: 4px; margin-bottom: 16px; }
/*#main_column img
{ border: 0; margin: 0; padding: 0; }*/
#main_column blockquote, #main_column q
{ font-size: 85%; padding: 0 64px 0 38px; margin-bottom: 22px; }
#main_column ul
{ margin-bottom: 22px; margin-left: 0; padding-left: 35px; }
#main_column ul li
{ background-image: url(../images/layout/bulleta.png); background-repeat: no-repeat; background-position: 0 6px;
margin: 6px 0 6px 0; padding: 0 0 0 23px; }
#main_column ol
{ margin-bottom: 22px; margin-left: 0; padding-left: 35px; list-style-type: decimal; }
#main_column ol li
{ margin: 6px 0 6px 0; padding: 0 0 0 15px; }
#main_column2 ul
{ margin-bottom: 22px; margin-left: 0; padding-left: 35px; }
#main_column2 ul li
{ background-image: url(../images/layout/bulleta.png); background-repeat: no-repeat; background-position: 0 6px;
margin: 6px 0 6px 0; padding: 0 0 0 23px; }
#main_column2 ol
{ margin-bottom: 22px; margin-left: 0; padding-left: 35px; list-style-type: decimal; }
#main_column2 ol li
{ margin: 6px 0 6px 0; padding: 0 0 0 15px; }
/**** One Column ****/
#one_column #main_column
{ padding: 0 0 10px 0; margin: 0 0 20px 0; /* margin: 0 30px 20px 0; */ }
/**** Two Columns ****/
#two_columns #main_column
{ float: right; padding: 0; width: 608px; margin: 0 20px 20px 0; display: inline; }
#two_columns #nav_column
{ float: left; }
/**** Two Columns ****/
#two_columns #main_column2
{ float: right; padding: 0; width: 400px; margin: 0 20px 20px 0; display: inline; }
#two_columns #nav_column
{ float: left; }
/**** Main Menu ****/
#main_menu
{ clear:both; width: 898px; height: 26px; margin: auto;
background: url(../images/mainmenu/main_menu_back.jpg) repeat-x bottom left; }
#main_menu ul
{ margin: 0; padding: 0; white-space: normal; }
#main_menu ul li
{ margin: 0; padding: 0; list-style: none; text-transform: uppercase; display: inline; }
#main_menu ul li a
{ float: left; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #636363;
text-decoration: none; background: url(../images/mainmenu/main_menu_separator.gif) no-repeat top right; }
#main_menu ul li a:hover
{ color: #194e76; }
#main_menu span
{ display: block; text-align: center; line-height: 26px; cursor:pointer; }
#main_menu .before a
{ background-image: none; }
#main_menu .selected a
{ background: #f7f6ee url(../images/mainmenu/main_menu_left.jpg) no-repeat top left; }
#main_menu .selected span
{ background: url(../images/mainmenu/main_menu_right.jpg) no-repeat top right; }
#main_menu #aboutus_menu_item span
{ width: 100px; height: 26px; }
#main_menu #aboutus_menu_item.selected a
{ background: #f7f6ee url(../images/mainmenu/main_menu_right.jpg) no-repeat top right; }
#main_menu #resources_menu_item span
{ width: 100px; height: 26px; }
#main_menu #ministries_menu_item span
{ width: 100px; height: 26px; }
#main_menu #missions_menu_item span
{ width: 100px; height: 26px; }
#main_menu #wic_menu_item span
{ width: 80px; height: 26px; }
#main_menu #sunday_school_menu_item span
{ width: 120px; height: 26px; }
#main_menu #media_menu_item span
{ width: 75px; height: 26px; }
#main_menu #calendar_menu_item span
{ width: 100px; height: 26px; }
#main_menu #location_menu_item span
{ width: 100px; height: 26px; }
#main_menu #location_menu_item a
{ background-image: none; }
#main_menu #location_menu_item.selected span
{ background: #f7f6ee url(../images/mainmenu/main_menu_left.jpg) no-repeat top left; }
/**** BreadCrumbs ****/
#breadcrumbs
{ clear:both; margin: 10px 10px 14px 10px; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 9px; }
#breadcrumbs ul
{ margin: 0; padding: 0 0 0 0; display: inline; }
#breadcrumbs li
{ list-style-type: none; display: inline; margin: 0; padding: 0; color: #194e76; }
#breadcrumbs a, #breadcrumbs span
{ background: transparent url(../images/breadcrumbs/breadbullet.png) no-repeat center left; padding: 0 0 0 15px;
margin: 0 5px 0 0; font-weight: normal; }
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active
{ color: #194e76; text-decoration: underline; }
#breadcrumbs a:hover
{ color: #194e76; text-decoration: underline; }
#breadcrumbs .first
{ background-image: none; padding: 0; }
#breadcrumbs img
{ vertical-align: bottom; }
/**** Vertical Menu ****/
#nav { width: 214px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
background: url(../images/navmenu/nav_body.jpg) top left no-repeat; padding: 0; margin: 0 0 20px 7px; }
#nav ul
{ list-style: none; padding: 12px 0 0 0; margin: 0 0 0 0; white-space: normal; }
#nav ul li
{ margin: 0; padding: 0; vertical-align: bottom; zoom: 1; }
#nav ul li a
{ display: block; float: left; clear:left; font-weight: bold; padding: 3px 11px 4px 22px; margin: 11px 0 4px 0; color: #555;
text-decoration: none; }
#nav ul li>a
{ float: none; }
#nav ul li a:hover
{ background-image: url(../images/navmenu/nav_hover.gif); width: 178px; background-repeat: repeat-y; background-position: 0 0;
color: #FFFFFF; }
#nav #selected_nav a
{ padding: 4px 8px 9px 22px; margin: 8px 0 0 0; background-image: url(../images/navmenu/sub_nav_top.gif);
background-position: bottom; width: 182px; color: #000000; }
/**** Second Level Menu ****/
#nav #selected_nav #sub_nav
{ background-color: #c8c8c8; clear:left; padding: 4px 0; background-position: left bottom; }
#nav #selected_nav #sub_nav li a
{ background-image: none; font-weight:normal; width: auto; padding: 3px 10px 4px 32px; margin: 2px 0 0px 0; }
#nav #selected_nav #sub_nav #selected_sub_nav a
{ background-image: url(../images/navmenu/nav_hover.gif); background-repeat: repeat-y; background-position: 0 0;
color:#FFFFFF; }
#nav #selected_nav #sub_nav li a:hover
{ background-image: url(../images/navmenu/nav_hover.gif); width: 175px; background-repeat: repeat-y; background-position: 0 0;
color:#FFFFFF; }
#MenuFooter
{ height: 18px; background: url(../images/navmenu/nav_bottom.jpg) no-repeat bottom left; }
#listbox
/*{ float: left; width: 542px; height: 86px; border: 1px solid #8c8c8c; background-color: #d4c29d;
margin: 36px 0 0 5px; padding: 8px 0 0 16px; }*/
{ float: left; width: 542px; height: 150px; border: solid 1px #8c8c8c; background-color: #e6e6e6;
margin: 20pt 0 0 5pt; padding: 8px 0 0 16px; }
#listbox h3
{ margin: 0;}
#listbox ul
{ color: #194e76; font-size: 8pt; line-height: 11pt; float: left; margin: 0; padding: 0 10px 0 0; }
#listbox ul a
{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#194e76; font-size:11px; text-decoration:none; margin:0; padding: 5px 0 0 0; }
#listbox ul a:hover
{ text-decoration: underline; }
#listbox_visual
{ float: right; width: 100px; height: 100px; margin: -19px 9px 0 0; background: url(../../images/homepage/dtsfamily.jpg) no-repeat; border: solid 0 #8c8c8c; }
/**** Global Classes ****/
.profileImage
{ font-size: 10pt; background:url(../../../images/departments/profile-background-2.png) no-repeat left top; width: 100%; padding:9px 0 0 9px; float: left; }
.formTitle
{ text-align: right; vertical-align: top; font-weight: bold; }
.formSection
{ padding-top: 15px; border-bottom: solid 1px black; font-size: 120%; }
/**** Bug Fixes ****/
.clearfix:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix
{ display: inline-table; }
.clearfix
{ display: block; }
/**** Misc ****/
.asterisk
{ font-size: 140%; font-weight: bold; }
/**** Help ****/
.help
{ display:inline; }
.help img
{ }
.help_popup
{ width: 285px; }
.help_popup_body
{ background: url(../../../images/help-backgroundTop.png) top left no-repeat; border: solid 0 #000000; }
.help_popup_inner
{ padding: 0px 20px 0 20px; line-height:18px; font-weight:normal; color:#333333; }
.help_popup_title
{ padding: 8px 0 0 15px; font-weight: bold; color:#FFFFFF; }
.help_popup_text
{ padding: 10px; font-size: 10px; line-height: 12px; color: #666; }
.help_popup_footer
{ width: 285px; height: 27px; display:block; background: url(../../../images/help-backgroundBot.png) bottom left no-repeat; }