﻿/* Global */
body {
  width: 772px;
  margin: auto;
  background-image: url(images/top_banner_background.jpg);
  background-repeat: repeat-x;
  background-color: #e2f6d1;
}
a {
  text-decoration: none;  
}
p {
  color: #717171;
  font-family: Arial;
  font-size: 11px;  
}
h1, h2, h3, h4, h5 {
  color: #2f4799;
  font-family: Arial;
  font-size: 13px;   
}

/* Homepage */

#master_content {
  position:relative;
  min-height: 725px !important;
  background-color: White;
}
#banner1 {
  width: 772px;
  height: 264px;
  background-image: url(images/banner.jpg);
  background-repeat: no-repeat;  
}
#banner_inside1 {
  width: 772px;
  height: 264px;
  background-image: url(images/banner_inside.jpg);
  background-repeat: no-repeat;  
}
.banner {
  background-image: url(images/banner.jpg); 
}
.banner_youth {
  background-image: url(images/banner_youth.jpg); 
}
.banner_family {
  background-image: url(images/banner_family.jpg); 
}
.banner_worship {
  background-image: url(images/banner_worship.jpg); 
}
.banner_hospitality {
  background-image: url(images/banner_hospitality.jpg); 
}
.banner_smallgroup {
  background-image: url(images/banner_smallgroup.jpg); 
}
.banner_missions {
  background-image: url(images/banner_missions.jpg); 
}
.banner, .banner_youth, .banner_family, .banner_worship, 
.banner_hospitality, .banner_smallgroup, .banner_missions {
  width: 772px;
  height: 264px;
  background-repeat: no-repeat;    
}
#bottom_shadow {
  background-image: url(images/bottom_shadow.jpg);
  background-repeat: repeat-x;
}
.left_column {
  float: left; 
  width: 170px;
  text-align: center;
  margin: 0 0 0 5px;
}
.events_center_column { /* used in the rendering of the center column for the events.aspx page in FF */
  width: 413px;
  text-align: center;
  margin: 0 auto 5px auto;
}
.center_column {
  float: left;
  width: 413px;
  text-align: center;
  margin: 0 5px 5px 5px;
}
.right_column {
  float: right; 
  width: 169px;
  text-align: center;
  margin: 0 5px 0 0;  
}
.top_row {
  margin: 0 0 8px 0;
}
.marker_symbol {
  color: #2f4799;
  padding: 0 5px 0 0;
}
.underline_on a {
  text-decoration: underline !important; 
}
.underline_off a {
  text-decoration: none; 
}
.bottom_spacer {
  height: 20px; 
}
.spacer {
  height: 20px; 
}

/* Media page */
.media_name a:hover {
  text-decoration: underline;  
}
.media_name, .media_name a {
  font-size: 12px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #717171;
  margin: 10px 0 10px 0;   
}
.media_section_header {
  font-size: 20px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #80c233;
  margin: 20px 0 0 0;
}

/* Member Login page */
.memberlogin_name a:hover {
  text-decoration: underline;  
}
.memberlogin_name, .memberlogin_name a {
  font-size: 12px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #717171;
  margin: 10px 0 10px 0;   
}
.memberlogin_section_header {
  font-size: 20px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #80c233;
  margin: 20px 0 0 0;
}

/* Get Involved page 
.getinvolved_name a:hover {
  text-decoration: underline;  
}
.getinvolved_name, .getinvolved_name a {
  font-size: 12px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #717171;
  margin: 10px 0 10px 0;   
}
.getinvolved_section_header {
  font-size: 20px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #80c233;
  margin: 20px 0 0 0;
}*/

/* Events page */
div.event_block_header h1 {
  font-size: 15px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #80c233;
  margin: 20px 0 0 0;
  padding: 0;
}
.event_subblock {
}
.event_block {
  text-align: center
}

/* Events Detail page */
.event_registration_button a:hover {
  color: #80c233; 
}
.event_registration_button a {
  color: White;
}
.event_registration_button {
  border: solid 2px #80c233; 
  width: 100px !important;
  background-color: #2F4799; 
  color: #80c233;
  margin: 20px auto 20px auto !important;
  text-align: center;
}

/* Events Registration page */
.event_registration_label {
  font-size: 10px;  
  font-family: Verdana; 
  font-weight: bold; 
  color:  #2F4799;
  margin: 0 10px 0 0;
}
.registration_table {
  position: relative;
  top: 50px;
  left: 60px;
}
.registration_form_button {
  margin: 10px 0 0 0;  
}
.registration_name {  
  position: relative;
  text-align: justify;
  font-size: 18px;  
  font-family: Verdana; 
  font-weight: bold; 
  color: #80c233; 
  margin: 0;  
}
.registration_description {  
  position: relative;
  text-align: justify;
  font-size: 12px;  
  font-family: Verdana; 
  font-weight: bold; 
  color:  #717171;
  margin: 10px 0 30px 0;
}

/* Mailing List */
.mailinglist_verify {
  float: left;   
  font-size: 12px;
  padding: 10px 16px 0 12px;
  font-family: Verdana; 
}
.mailinglist_body {
  position: relative;
  top: 80px;  
  left: 13px;
  text-align: left;
}
.mailinglist, .mailinglist_off, .mailinglist_on, .growthgrouplist {
  width: 169px;
  height: 146px;
  background-repeat: no-repeat; 
}
.mailinglist_on {
  background-image: url(images/mailinglist_off.jpg); 
}
.mailinglist, .mailinglist_off {
  background-image: url(images/mailinglist_off.jpg);  
}
.growthgrouplist {
  background-image: url(images/gg_signup.jpg);  
}
h1.mailinglist_header {  
  font-size: 8px;
  font-family: Verdana; 
  color: White;
}
.mailinglist_button {
  float: right;
  margin: -16px 23px 0 0; 
}

/* Bread Crumbs */
.crumb, .crumb_disabled, .crumb_delimiter {
  font-size: 8pt;
  font-family: Verdana; 
  margin: 0 0 0 5px;
}
.crumb {
  color: #2F4799;
}
a.crumb:hover {
  text-decoration: underline;
}
.crumb_delimiter {
  color: #80c233;  
  font-weight: bold;
}
.crumb_disabled  {
  color: #717171;  
}

/* Marquee */
.marquee_header {
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: White;
  text-align: center; 
  margin: 0; 
}
.news_display {
  width: 170px;
  min-height: 318px;
  background-image: url(images/news_control_background.jpg);
  background-repeat: no-repeat;
}
.events_display {
  width: 169px;
  min-height: 272px;
  background-image: url(images/events_control_background.jpg);
  background-repeat: no-repeat; 
}

/* Calendar NOTE:  Some properties have been set within the control CalendarDisplay.ascx*/
.calendar_canvas {  
  background-image: url(images/calendar_background.jpg);
  background-repeat: no-repeat; 
  margin: 0 0 20px 0;
}
.calendar_control {

}
.day_style a, .today_day_style a{
  color: #2F4799 !important; 
  font-size: 8pt;
  font-family: Verdana;
  font-weight: normal;  
}
.calendar {
  width: 169px;
}

/* Media Display */
.media_display {}
.media_on {
  background-image: url(images/media_on.jpg);
  background-repeat: no-repeat;  
}
.media_off {
  background-image: url(images/media_off.jpg);
  background-repeat: no-repeat;  
}
.media_off, .media_on {
  width: 157px;
  height: 67px;
}
.sermon_description {
  position: relative;
  top: 8px;
  left: 5px;
  color: White;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;  
}
.sermon_title {
  position: relative;
  top: 5px;
  left: 5px;
  color: #80c233;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
}

/* Member Login Display */
.memberlogin_display {}
.memberlogin_on {
  background-image: url(images/memberlogin3.gif);
  background-repeat: no-repeat;  
}
.memberlogin_off {
  background-image: url(images/memberlogin3.gif);
  background-repeat: no-repeat;  
}
.memberlogin_off, .memberlogin_on {
  width: 157px;
  height: 67px;
}

/* Get Involved Display */
.getinvolved_display {}
.getinvolved_on {
  background-image: url(images/getinvolved.gif);
  background-repeat: no-repeat;  
}
.getinvolved_off {
  background-image: url(images/getinvolved.gif);
  background-repeat: no-repeat;  
}
.getinvolved_off, .getinvolved_on {
  width: 157px;
  height: 67px;
}

/* Church Calendar Display */
.churchcalendar_display {}
.churchcalendar_on {
  background-image: url(images/churchcalendar.gif);
  background-repeat: no-repeat;  
}

/* Servant Login Display */
.servantlogin_display {}
.servantlogin_on {
  background-image: url(images/servantlogin.gif);
  background-repeat: no-repeat;  
}

/* News Display */
#news_all {
  padding: 20px 0 0 0;
}
#news_all a {
  color: #717171;
}
#news_all a:hover {
  text-decoration: underline;
}
.news_link:hover div {
  text-decoration: underline; 
}
.news_display_description, .news_display_name, .marker_symbol, #news_all a {
  font-family: Verdana;
  font-size: 7.5pt;
  font-weight: bold; 
}
.news_display_name {
  color: #2f4799;
  padding: 10px 0 0 0;  
}
.news_display_description {
  color: #717171; 
}

/* Events Display */
#events_all {
  padding: 20px 0 0 0;
}
#events_all a {
  color: #717171;
}
#events_all a:hover {
  text-decoration: underline;
}
.event_link:hover div {
  text-decoration: underline; 
}
.event_display_description, .event_display_date, .marker_symbol, #events_all a {
  font-family: Verdana;
  font-size: 7.5pt;
  font-weight: bold; 
}
.event_display_date {
  color: #2f4799;
  padding: 10px 0 0 0;  
}
.event_display_description {
  color: #717171; 
}
.event_display_description span{
  color: #717171; 
}

/* Component Areas */
.area_missions_on {
  background-image: url(images/area_missions_on.jpg);
  background-repeat: no-repeat;
}
.area_missions_off {
  background-image: url(images/area_missions_off.jpg);
  background-repeat: no-repeat;
}
.area_smallgroup_on {
  margin: 0 5px 0 5px;
  background-image: url(images/area_smallgroup_on.jpg);
  background-repeat: no-repeat;
}
.area_smallgroup_off {
  margin: 0 5px 0 5px;
  background-image: url(images/area_smallgroup_off.jpg);
}
.area_hospitality_on {
  background-image: url(images/area_hospitality_on.jpg);
}
.area_hospitality_off {
  background-image: url(images/area_hospitality_off.jpg);
}
.area_worship_on {
  background-image: url(images/area_worship_on.jpg);
}
.area_worship_off {
  background-image: url(images/area_worship_off.jpg);
}
.area_family_on {
  margin: 0 5px 0 5px;
  background-image: url(images/area_family_on.jpg);
}
.area_family_off {
  margin: 0 5px 0 5px;
  background-image: url(images/area_family_off.jpg);
}
.area_youth_on {
  background-image: url(images/area_youth_on.jpg);
}
.area_youth_off {
  background-image: url(images/area_youth_off.jpg);
}
.area_youth_off, .area_youth_on, .area_family_off, 
.area_family_on, .area_worship_off, .area_worship_on,
.area_hospitality_off, .area_hospitality_on,
.area_smallgroup_off, .area_smallgroup_on,
.area_missions_off, .area_missions_on {
  float: left;  
  margin-bottom: 5px;
  width: 129px;
  height: 166px;
  background-repeat: no-repeat;
}
.content_area {
  position: relative;
  width: 400px;
  margin: 0 0 20px 10px;
  text-align: justify;
}
.component_area_description {
  top: 70px;
  font-size: 9px;
  margin: 0 10px 0 10px;
}
.component_area_title {
  top: 67px;
  font-size: 15px; 
  margin: 0 4px 0 4px;
}
.component_area_title, .component_area_description {
  position: relative;
  color: #717171;
  font-family: Verdana;
  font-weight: bold;  
}
.component_area {
  margin: 0 0 0 10px;
}

/* Disclaimer */
#notice {
  background-image: url(images/bottom_shadow.jpg);
  background-repeat: repeat-x;
  background-color: #e2f6d1;
  font-family: Verdana;
  font-size: 8pt;
  text-align: center;
}
#copyright {
  padding: 10px 0 0 0;
  color: #2f4799;
}
#blurb {
  color: #717171;
}

/* Menu */
#about_us, #youth, #family, #worship, #hospitality, #small_group, #missions, #contact_us {
  position: relative;
  top: 7px;
}
#contact_us {
  left: 23px;  
}
#missions {
  left: 17px;
}
#small_group {
  left: 9px; 
}
#hospitality {
  left: 18px;  
}
#worship {
  left: 16px; 
}
#family {
  left: 16px; 
}
#youth {
  left: 15px;
}
#about_us {
  left: 13px;
}
.about_us_on a, .youth_on a, .family_on a, 
.worship_on a, .hospitality_on a, .small_group_on a, 
.missions_on a, .contact_us_on a {
	color: #2f4799;
  font-family: helvetica;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
.about_us_off a, .youth_off a, .family_off a, 
.worship_off a, .hospitality_off a, .small_group_off a, 
.missions_off a, .contact_us_off a {
  color: White;
  font-family: helvetica;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
.contact_us_on {  
  float: left; 
  width: 118px;
  height: 48px;
  background-image: url(images/contact_us_on.jpg);
  background-repeat: no-repeat;
}
.contact_us_off {  
  float: left; 
  width: 118px;
  height: 48px;
  background-image: url(images/contact_us_off.jpg);
  background-repeat: no-repeat;
}
.missions_on { 
  float: left;
  width: 89px;
  height: 48px;
  background-image: url(images/missions_on.jpg);
  background-repeat: no-repeat;
}
.missions_off { 
  float: left;
  width: 89px;
  height: 48px;
  background-image: url(images/missions_off.jpg);
  background-repeat: no-repeat;
}
.small_group_on { 
  float: left; 
  width: 113px;
  height: 48px;
  background-image: url(images/small_group_on.jpg);
  background-repeat: no-repeat;
}
.small_group_off {  
  float: left; 
  width: 113px;
  height: 48px;
  background-image: url(images/small_group_off.jpg);
  background-repeat: no-repeat;
}
.hospitality_on {
  float: left;   
  width: 105px;
  height: 48px;
  background-image: url(images/hospitality_on.jpg);
  background-repeat: no-repeat;
}
.hospitality_off {  
  float: left; 
  width: 105px;
  height: 48px;
  background-image: url(images/hospitality_off.jpg);
  background-repeat: no-repeat;
}
.worship_on {  
  float: left; 
  width: 83px;
  height: 48px;
  background-image: url(images/worship_on.jpg);
  background-repeat: no-repeat;
}
.worship_off {  
  float: left; 
  width: 83px;
  height: 48px;
  background-image: url(images/worship_off.jpg);
  background-repeat: no-repeat;
}
.family_on {  
  float: left;  
  width: 100px;
  height: 48px;
  background-image: url(images/family_on.jpg);
  background-repeat: no-repeat;
}
.family_off {  
  float: left;  
  width: 100px;
  height: 48px;
  background-image: url(images/family_off.jpg);
  background-repeat: no-repeat;
}
.youth_on {
  float: left;
  width: 66px;
  height: 48px;
  background-image: url(images/youth_on.jpg);
  background-repeat: no-repeat;  
}
.youth_off {
  float: left;
  width: 66px;
  height: 48px;
  background-image: url(images/youth_off.jpg);
  background-repeat: no-repeat;  
}
.about_us_on {
  float: left;
  width: 84px;
  height: 48px;
  background-image: url(images/about_us_on.jpg);
  background-repeat: no-repeat; 
}
.about_us_off {
  float: left;
  width: 84px;
  height: 48px;
  background-image: url(images/about_us_off.jpg);
  background-repeat: no-repeat; 
}
.menu_separator {    
  float: left;
  width: 2px;
  height: 48px;
  background-image: url(images/menu_separator.jpg);
  background-repeat: no-repeat;  
}
.submenu {	 
  visibility: hidden;
  position: absolute;
  top: 48px;
  left: 0;
  line-height: 1; 
  width: 772px;
  height: 195px;
  background-image: url(images/sub_nav.jpg);
  background-repeat: no-repeat;   
}
ul {
  margin: 0 0 0 10px;
  padding: 0;
}
li {
  display: block;
  padding: 4px 20px 0 0;
	float: left;
}
li a:hover {
	color: #2f4799 !important;
}
li a {
  color: #717171 !important; 
}

/* Message */
#message {
  margin: 10px 10px 10px 10px; 
}
.message_success {
  background-image: url(images/success.gif);
  background-repeat: no-repeat;
  padding: 10px 0 10px 40px;
  background-color: White;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px black;
  margin: 0 0 10px 0;  
}
.message_information {
  background-image: url(images/information.gif);
  background-repeat: no-repeat;
  padding: 10px 0 10px 40px;
  background-color: White;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px black;
  margin: 0 0 10px 0;  
}
.message_exclamation {
  background-image: url(images/exclamation.png);
  background-repeat: no-repeat;
  padding: 10px 0 10px 40px;
  background-color: White;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px black;
  margin: 0 0 10px 0;
}
.message_error {
  background-image: url(images/error.gif);
  background-repeat: no-repeat;
  padding: 10px 0 10px 40px;
  background-color: White;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px black;
  margin: 0 0 10px 0;
}
.ServantFrames 
{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.GetInvolvedFrames 
{
	left: -130px;
	position: relative;
}
.MasterCalendarFrame
{
	left: -135px;
	position: relative;
}