body {
 margin: .5em 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .8em;
 line-height: 1.35em;
 color: #5f5f5f;
 background: #E6E3D8;
}
a,a:visited,a:active {
 color: #42666a;
}
a img {
 border: 0;
}
form {
 margin: 0;
}
p {
 margin: 0 0 1em 0;
}
blockquote {
 margin: 0 2em 1em 2em;
}
h1,h2,h3,h4,h5,h6 {
 margin: .2em 0 .35em 0;
 padding: 0;
}
ul,ol {
 margin: 0;
 padding-left: 3em;
}
li {
 margin: 0;
 padding: 0 0 .75em 0
}
td {
 vertical-align: top;
 text-align: left;
}
table.vcenter td {
 vertical-align: middle;
}
input {
 border: 1px solid #BAB8B3;
 background: #FFF;
 font-size: .9em;
 padding: .1em;
 margin: 0;
 color: #595452;
}
select {
 border: 1px solid #BAB8B3;
 background: #FFF;
 font-size: .9em;
 padding: 0;
 margin: 0;
 color: #595452;
}
label {
 margin-right: 1em;
}
.check, .radio{
 background: none;
 border: none;
}
.button {
 background: #D6D1C5;
 border-color: #FBFAF9 #7D7971 #7D7971 #FBFAF9;
 color: #3D3A38;
 padding: 2px 6px;
 cursor: pointer;
}
textarea {
 border: 1px solid #BAB8B3;
 background: #FFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .9em;
 padding: 0 1px 1px 1px;
 margin: 0;
 color: #595452;
}


#container {
 width: 737px;
 margin: auto;
 position: relative;
}
#pagetop {
 width: 737px;
 height: 136px;
 background: #345F65 url(images/pagetop.jpg) no-repeat;
}
#sbclogo {
 float: left;
 width: 354px;
 height: 136px;
 background: url(images/logo.jpg) 10px 0 no-repeat;
}
#worshipschedule {
 float: right;
 width: 230px;
 height: 79px;
 margin: 30px 0 0 0;
 background: url(images/worshipschedule.gif) no-repeat;
}
#page {
 width: 715px;
 padding: 0 12px 0 10px; 
 background: #F7F6F1 url(images/page.gif) repeat-y;
 min-height: 400px;
}

#clear {
 clear: both;
}
#pagebottom {
 clear: both;
 width: 737px;
 height: 23px;
 background: #F7F6F1 url(images/pagebottom.gif) no-repeat;
}
#footer {
 width: 737px;
 font-size: .9em;
 color: #8D897C;
 text-align: center;
}
#footer a {
 color: #8D897C;
 text-decoration: none;
}
#webdesign {
 color: #C1BDB1;
 font-size: .95em;
}
#webdesign span {
 font-family: "Courier New", Courier, mono;
 color: #CAC7BC;
}
#webdesign a {
 color: #C1BDB1;
 text-decoration: none;
}

#menu {
 position: relative;
 width: 715px;
 height: 22px;
 background: #FFCE4D url(images/menubg.gif) repeat-x;
 color: #642F04;
 font-size: .9em;
 line-height: 1.2em;
 z-index: 1000;
}
#menu table {
 height: 20px;
}
#menu table td {
 line-height: 21px;
}
#menu td {
 text-align: center;
 cursor: pointer;
}
#menu td.separator {
 cursor: default;
}
#menu .submenus {
 vertical-align: top;
 height: 0;
}
#menu .submenus td {
 text-align: left;
}
#menu .selected {
 background: #FFE9AD;
}
#menu .selectedgray {
 background: #E1DAC6;
}
#menu #submenu .selected {
 background: #FFD050;
}
#menu #submenu .selectedgray {
 background: #D2C39B;
}

#menu #submenu {
 display: inline;
 position: absolute;
 background: #FFEFC2;
 border: 1px solid #DCA200;
 border-top: 0px;
 white-space: nowrap;
 margin-top: 0em;
 z-index: 1001;
}
#menu #submenu td {
 padding: .2em 1em .2em .5em;
 font-size: 1.05em;
 line-height: 1.2em;
 letter-spacing: 0;
 vertical-align: top;
 text-align: left;
 white-space: nowrap;
 border-top: 1px dotted #FFD769;
}

#homephotocontainer {
 float: left;
 width: 355px;
 height: 225px;
 margin: 20px 0 20px 0;
 background: url(images/photospace.gif) 20px 0 no-repeat;
}
#homephotospace {
}
#slideshow {
 margin: 1px 0 0 22px;
 width: 330px;
 height: 220px;
}
#homeeventscontainer {
 float: left;
 width: 323px;
 height: 206px;
 margin: 4px 0 20px 20px;
}
#eventscalendartitle #caltitle {
 vertical-align: bottom;
}
#eventscalendartitle #calicon {
 padding-bottom: 2px;
}
#eventscalendarbody {
 height: 183px;
 overflow: auto;
 margin: -3px 0 .2em 0;
}
#eventscalendarbody .event {
 font-size: .9em;
 line-height: 1.3em;
 margin-left: 4em;
 text-indent: -3em;
}
.smallcaps {
 letter-spacing: -1px;
 word-spacing: 2px;
}
.smallcaps b {
 font-size: 1.3em;
 font-weight: normal;
}
.largecaps {
 letter-spacing: -1px;
 word-spacing: 2px;
}
.largecaps b {
 font-size: 1.6em;
 font-weight: normal;
}
.eventdate {
 font-size: .8em;
 font-weight: 900;
 line-height: 1.2em;
}
div.eventspacer {
 font-size: 0;
 line-height: 0;
 height: 5px;
}
#listenonline {
 float: right;
 padding: 18px 20px 0 0;
 font-size: .9em;
}
#listenonline img {
 margin: 0 5px -3px 0;
}
#listenonline a {
 text-decoration: none;
}
#listenonline a:hover {
 text-decoration: underline;
}

/****** full events calendar *******/
table#calendar {
 width: 679px;
}
table#calendar #month {
 font-size: 2.5em;
 line-height: 1.8em;
}
table#calendar td {
 width: 97px;
 height: 97px;
 font-size: .75em;
 line-height: 1.05em;
 border: 1px solid #999;
 margin: 0;
 padding: 0;
}
table#calendar div.calday {
 width: 93px;
 height: 93px;
 overflow: hidden;
 cursor: default;
}
table#calendar div.calday .day {
 font-size: 1.2em;
 margin: .2em 0 0 .3em;
 font-weight: bold;
}
.day.gray {
 color: #BBB;
}
table#calendar div.calday .event {
 text-indent: -1em;
 padding-left: 1.1em;
}
table#calendar div.calday.selected {
 width: 192px;
 height: 192px;
 overflow: auto;
 position: absolute;
 margin: -48px 0 0 -48px;
 background: #F7F6F1;
 font-size: 1.2em;
 line-height: 1.2em;
 border: 1px solid #999;
 border-color: #FFF #999 #999 #FFF;
 z-index: 5;
}
table#calendar div.calday.selected .event {
 margin-bottom: .2em;
}

/****** home stuff ******/
#homedivider {
 clear: both;
 height: 56px;
 background: #E6E3D8;
 border: 1px solid #C6C5C1;
}
#kggbuttons_bg {
 width: 382px;
 height: 55px;
 position: absolute;
 background: url(images/knowgrowgo_bg.gif) no-repeat;
 margin: 1px 0 0 0;
 z-index: 0;
}
#kggbuttons {
 width: 382px;
 height: 32px;
 position: absolute;
 background: url(images/knowgrowgo.gif) no-repeat;
 margin: 13px 0 0 0;
 padding-left: 7px;
 z-index: 4;
}
.homekggbutton {
 display: block;
 position: absolute;
 width: 97px;
 height: 35px;
 z-index: 5;
 cursor: pointer;
}
#homeknowbutton {
 margin: 0 0 0 0;
}
#homegrowbutton {
 margin: 0 0 0 117px;
}
#homegobutton {
 margin: 0 0 0 234px;
}
#homeknowmarker,#homegrowmarker,#homegomarker {
 display: none;
 margin: 10px 0 0 14px;
 width: 8px;
 height: 11px;
 font-size: 0;
 background: url(images/kggarrow.gif) no-repeat;
}
.homekgg_info {
 position: absolute;
 display: none;
 width: 360px;
 margin: 27px 0 0 -13px;
 padding: 20px 5px 10px 5px;
 border: 1px solid #BAB7AB;
 background: #F1EFE9;
 z-index: 1;
}
.kgg_title {
 padding-bottom: 4px;
 border-bottom: 1px solid #999;
}
ul.kgg_links {
 margin: 1em 0 0 0;
 padding: 0;
 list-style: none;
}
ul.kgg_links li {
 display: inline;
 margin: 0 0 0 1em;
 padding: 0;
 white-space: nowrap;
}

#homewhatsgoingon {
 padding: 20px;
}

#pagecontainer {
 padding: 10px 18px;
}

.page_title,.component_title {
 margin-bottom: .5em;
 letter-spacing: -1px;
 word-spacing: 4px;
 font-size: 1.15em;
 line-height: 1.35em;
 color: #42666a;
 border-bottom: 1px solid #42666a;
}
.page_title b,.component_title b {
 font-size: 1.5em;
 font-weight: normal;
}
.page_title {
 margin-bottom: 1em;
}

/***** framework *****/

.message {
 border-top: 2px solid #6AB8E2;
 border-bottom: 2px solid #6AB8E2;
 background: #ECF4F8;
 color: #325D74;
 padding: .2em 1.5em;
 margin-top: .5em;
}
.error {
 border-top: 2px solid #E45656;
 border-bottom: 2px solid #E45656;
 background: #F6EFEF;
 color: #8C1F1F;
 padding: .2em 1.5em;
 margin-top: .5em;
}
.message ul,.error ul {
 list-style-type: none;
 padding: 0;
}
.message li,.error li {
 padding: .1em 0 .1em 0;
}
.inputerror {
 background: #F5E3E3;
 border: 1px solid #CC2121;
}

td#pagination {
 border-top: 1px solid #5F5F5F;
 color: #999;
 font-size: .9em;
 word-spacing: 4px;
}
div#pagination_xofx {
 float: left;
}
div#pagination_nav {
 float: right;
}
div#pagination_nav span#currentpage {
 color: #000;
 font-weight: bold;
}

/***** breadcrumbs component *****/

div#breadcrumbs {
 margin-right: 20px;
 text-align: right;
}
ul.breadcrumbs {
 float: right;
 padding: 0;
 margin: 0;
}
ul.breadcrumbs li {
 list-style-type: none;
 float: left;
 margin: 0;
 padding: 0;
 line-height: 1.5em;	/* IE */
}
ul.breadcrumbs li.bull {
 display: block;
 width: 10px;
 height: 16px;
 padding: 0 4px;
}
ul.breadcrumbs li#root {
}
ul.breadcrumbs li#current {
}

/****** newsfeed component ******/
.articleheading {
 color: #42666a;
}
.articleheading .articletitle {
 font-weight: bold;
}
.articlecontent {
 margin: .2em 0 .2em 1.5em;
}
.articlelinks {
 margin-left: 3em;
}
span.articleauthor {
 color: #999;
}
.articleseparator {
}

/******************/
#loginform {
 margin: 1em 2em;
 padding: .5em;
 width: 250px;
 border: 1px solid #E4E3DA;
 background: #F0EFE7;
}
#logininfo {
 position: absolute;
 right: 3em;
 top: -.8em;
 font-size: .85em;
}

td.label {
 white-space: nowrap;
}

.sectiontitle {
 color: #42666a;
 font-size: 1.1em;
 margin: 1.5em 0 .5em 0;
 border-bottom: 1px solid #42666A;
}
.sectioncontent img {
 padding: .5em;
}