/*
Site Name: Southside Baptist Church
Site URL: http://www.sbcmooresville.com/
Version: 1.0
Author: Doug Henderson
Launched: 5/1/08
*/

* { margin: 0; padding: 0; }

a img { border: 0; }

html { background: #51473D; }

body {
  background: #FFF url('/images/site/bg-body.gif') repeat-x;
  font-family: 'lucida grande', verdana, arial, sans-serif;
  font-size: 11px;
  color: #333;
}

#bg_index { background: #FFF url('/images/site/bg-body2.gif') repeat-x; }

hr { display: none; }

.clearhack {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

a { color: #477D9F; text-decoration: none; }
a:hover { color: #477D9F; text-decoration: underline; }

/* TYPOGRAPHY
-------------------------------------------------- */

h1 {
  font-family: 'lucida grande', verdana, arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #D97E00;
  padding: 0;
  margin: 0 0 12px 0;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

#wrapper {
  margin: 0 auto;
  width: 726px;
}

#header {
  background: url('/images/site/header2.gif') no-repeat;
  width: 742px;
  height: 70px;
  margin: 0 auto;
}

#top_bar {
  width: 725px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  margin-bottom: 2px;
}

#container_index {
  position: relative;
  width: 726px;
  font-family: verdana;
  font-size: 11px;
  color: #333;
  line-height: 1.5em;
  margin: 0 auto;
}

#container {
  background-image: url('/images/site/page_bg.gif');
  background-repeat: repeat-y;
  font-family: verdana;
  font-size: 11px;
  color: #333;
  line-height: 1.5em;
  margin: 20px 0;
}

/* navigation
==================== */

#nav_index {
  height: 28px;
  margin-bottom: 7px;
  list-style: none;
}

#nav_index li {
  float: left;
  margin-right: 1px;
  height: 28px;
  overflow: hidden;
}

#nav_index li a {
  display: block;
  height: 28px;
  text-indent: -5000px;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#nav_index li a:hover {
  background-position: 50% -28px;
}

#nav_index li a.currentSection,
  #nav_index li a.currentSection:hover {
  background-position: 50% -56px;
}

#nav {
  height: 28px;
  list-style: none;
}

#nav li {
  float: left;
  margin-right: 1px;
  height: 28px;
  overflow: hidden;
}

#nav li a {
  display: block;
  height: 28px;
  text-indent: -5000px;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#navHome {
  width: 120px;
  background: url(/images/site/nav-home2.gif) no-repeat;
}

#navAcquainted {
  width: 120px;
  background: url(/images/site/nav-acquainted.gif) no-repeat;
}

#navInformed {
  width: 120px;
  background: url(/images/site/nav-informed.gif) no-repeat;
}

#navInvolved {
  width: 120px;
  background: url(/images/site/nav-involved.gif) no-repeat;
}

#navConnected {
  width: 120px;
  background: url(/images/site/nav-connected.gif) no-repeat;
}

#navContact {
  width: 120px;
  background: url(/images/site/nav-contact.gif) no-repeat;
}

#nav li a:hover {
  background-position: 50% -28px;
}

#nav li a.currentSection,
  #nav li a.currentSection:hover {
  background-position: 50% -56px;
}

/* SIDEBAR
-------------------------------------------------- */

#sidebar {
  float: left;
  width: 210px;
  padding: 16px;
  text-align: justify;
  line-height: 18px;
  margin: 0 20px 0 0;
}

#sidebar_box_sentinel {
  width: 219px;
  background-color: #FAFAFA;
  padding: 3px 5px 7px 5px;
  margin: 10px 0 0 0;
  border: 1px solid #CCC;
  text-align: center;
}

#sidebar_menu {
  margin-top: 10px;
  border-top: 1px solid #CCC;
}

#sidebar_menu ul {padding: 0; margin: 0; list-style: none;}

#sidebar_menu li {border-bottom: 1px solid #CCC;}

#sidebar_menu li a { display: block; padding: 3px 0 3px 5px; text-decoration: none; }

#sidebar_menu li a:hover {padding: 3px 0 3px 5px; background-color: #ab893b; color: #FFF; text-decoration: none;}

/* CONTENT
-------------------------------------------------- */

#content {
  float: left;
  width: 464px;
  text-align: justify;
  line-height: 22px;
  font-size: 12px;
}

.content_box { margin-top: 5px; padding-top: 2px; border-top: 1px dotted #333; }

.content_line { padding: 1px 0 3px 0; border-bottom: 1px dotted #333; }

#content_full {
  text-align: justify;
  line-height: 22px;
  font-size: 12px;
}

#content a { color: #2388FF; text-decoration: none; font-weight: bold; }
#content a:hover { color: #2388FF; text-decoration: underline; font-weight: bold; }

#content_full a { color: #2388FF; text-decoration: none; font-weight: bold; }
#content_full a:hover { color: #2388FF; text-decoration: underline; font-weight: bold; }

#content-middle {
  float: left;
  margin-top: 7px;
}

#content-middle-1 {
  float: left;
  padding: 5px;
  border: 1px solid #CCC;
  margin-right: 7px;
}

#content-middle-2 {
  float: left;
  padding: 5px;
  border: 1px solid #CCC;
  margin-right: 7px;
}

#content-middle-3 {
  float: left;
  padding: 5px;
  border: 1px solid #CCC;
}

.contact_1 { float: left; width: 125px; }
.contact_2 { float: left; width: 259px; }
.contact_3 { float: left; width: 80px; text-align: right; }

#note {
  background-color: #FFFABC;
  border: 2px solid #E9E5AC;
  padding: 5px 10px;
  margin-bottom: 20px;
}

#writer {
  border-top: 1px solid #CCC;
  font-size: 10px;
}

#calendar {padding-top: 3px; text-align: left;}

.calendar_title {margin: 0; padding-top: 3px;}

#calendar_article {
  padding: 0 10px 10px 10px;
  font-family: verdana;
  font-size: 11px;
}

#news {padding-top: 3px; text-align: left;}

.news_title {margin: 0; padding-top: 3px;}

#news_box { border-top: 1px dotted #333; }

/* FOOTER
-------------------------------------------------- */

#footer_wrapper {
  clear: both;
background: #51473d url(/images/site/bg-footer.jpg) repeat-x;

  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
}

#footer {
  margin: 0 auto;
  width: 726px;
}

#footer-left {float: left;}

#footer-right {float: right;}

#footer a { color: #60bffb; text-decoration: none; }
#footer a:hover { color: #60bffb; text-decoration: underline; }

.red {
  color: red;
  display: inline;
}

blockquote {
  width: 361px;
  _width: 346px;
  color: #333;
  border-left: 1px solid #CCC;
  margin-left: 20px;
  padding-left: 4px;
  font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
  line-height: 1.5em;
}

.prayer {
  width: 366px;
  margin-left: 20px;
  color: blue;
  font-style: italic;
}

.quote-box {
  font-style: italic;
  text-align: top;
  font-size: 11px;
  line-height: 18px;
  margin-top: 15px;
}

.img1 {padding: 10px 0 5px 10px; border-bottom: 1px solid #CCC;}

.img2 {padding: 5px 0 5px 10px;}

.clear {clear: both;}

.padleft10 {padding-left: 10px;}

.padtop10 {padding-top: 10px;}

.padbottom10 {padding-bottom: 10px;}

.link {
  font-weight: bold;
  padding: 10px 0;
}

.link2 {padding: 3px 0 3px 0;}

.adobe {padding: 3px 5px 0 0;}

.image-border { padding: 5px; border: 1px solid #CCC; margin: 7px 10px 0 0; }

p {margin: 7px 0;}

.left-10 { margin-left: 10px; }
.left-20 {margin-left: 20px; }

.title { margin-top: 15px; }

.title1 {font-size: 14px; font-weight: bold;}
.title2 {font-size: 12px; font-weight: bold; padding: 5px 0 5px 0;}

#index_news_line { padding: 8px 0 5px 0; }

.index_news_left { float: left; width: 310px; }

.index_news_right { float: left; width: 100px; text-align: right; }

.index_news { padding: 4px 0 5px 0; border-bottom: 1px dotted #333; font-size: 11px; }

#container_monthlyarchive ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#container_monthlyarchive ul li {
  display: inline;
}

#container_monthlyarchive ul li a {
  padding: 0 5px;
}

#news_line { padding-top: 20px; }

#page_top { padding-bottom: 20px; }

#page_top {
  position: relative;
  float: left;
  width: 400px;
  min-height: 192px;
  margin-bottom: 16px; /* to force following elements down */
  padding: 5px 6px 5px 5px;
  background: #fff;
  margin-top: 2px;
}

#events { float: left; width: 410px; }

#promos {
  position: relative;
  float: left;
  width: 400px;
  min-height: 192px;
  margin-bottom: 16px; /* to force following elements down */
  padding: 5px 6px 5px 5px;
  background: #FFF;
}

#promos #features {
  height: 169px;
  overflow: hidden;
}

#promos p {
  padding-top: 7px;
  text-align: right;
  font: normal 1.0em/1 'lucida grande',tahoma,sans-serif;
  border-top: 1px solid #eae7d2;
  margin: 0;
}

#promos p strong {
	display: block;
	float: left;
	font-weight: normal;
	color: #555;
}

#page_bottom { margin-bottom: 20px; }

#page_bottom_col1 { float: left; width: 410px; }

#page_bottom_col2 { float: left; margin: 10px 0 0 16px; }

#welcome {
  float: right;
  background: url('/images/site/welcome_logo.png') no-repeat;
  width: 260px;
  height: 166px;
  padding: 18px 20px;
  color: #333;
  text-align: justify;
  line-height: 18px;
}

acronym { border-style: dashed; border-width: 0 0 1px 0; cursor: help; }

.quicklink1 { float: left; margin-right: 3px; }

.quicklink2 { float: left; }

#schedule {
  width: 280px;
  background: #E7F4F4;
  padding: 3px 10px;
  margin-top: 15px;
}

#schedule p { margin: 4px 0; }