body            { min-width: 750px }
#container      { width: 750px }

#header1,#mainnav   {  }
#header1        { background: #E0E0E0; display: block; font-size: 3em; line-height: 1em; padding-left: 12px }
#header1 img    { padding: 5px }

#leftcol        { background: #D8DCE0; color: #000; font-size: .95em  }
#middlecol	    { background: #fcfcfc }
#rightcol	    { background: #ccc; font-size: .95em }
#footer         { clear: both; border-top: 1px solid #fff; text-align: center; font-size: .85em;
                  line-height: 1.2; color: #666; padding: 3px; background: #cc9 }

#home h1        { display: none }
table           { width: 100% }
img             { border: 1px solid #000 }
div#contactus img { border: none }
form             { margin: 0 }

/* More General */
.darkbackheader     { background: #B7B383; color: #eee; font-weight: bold; font-size: 1.2em; line-height: 1em;
                      padding: 2px .6em 3px; border-bottom: 1px solid #fff }
.maintext           { height: 540px; padding: 12px 16px }
[class=maintext]    { height: auto; min-height: 540px }
.lightback          { background: #EFEDD9; border-bottom: 1px solid #fff }   
.innerpadding       { padding: .7em }
.selected           { font-weight: bold; color: #876130 }
.horiznav ul        { margin-left: 0; padding-left: 0; display: inline }
.horiznav li        { margin-left: 0; padding: 0 0.5em; border-left: 1px solid #fff; list-style: none; display: inline }
.horiznav li.first  { padding-left: 0; border-left: none }
.noborder           { border: none }
.pagelinks          { margin: 1.5em 0 0 0; text-align: center }
.eventlist span.name { font-weight: bold; color: #666 }
.eventdate          { font-weight: bold; line-height: 1.1 }
.eventlist ul, .elementslist ul        { list-style: none; padding-left: .4em; margin: 0 0 .7em }
.eventlist li, .elementslist li        { margin-top: .3em; margin-bottom: .8em; line-height: 1.1 }
.eventlist li       { line-height: 1.3 }
table.valigntop td  { vertical-align: top }
table.autowidth     { width: auto }
tr.alt td           { background: #f3f6f7 }
div#horizstripe     { margin-top: 22px; border-bottom: 1px solid #ccc }
.highlight          { background: yellow }
.readmore           { font-weight: bold; text-align: right; margin-top: 1em }
.ad                 { border-bottom: 1px solid #fff; margin-top: 1px }
#leftcol .readmore, #rightcol .readmore  { font-size: .9em }
#leftcol p, #rightcol p  { margin: 0 }

/* Cookie Crumb Trail */
.cookiecrumb       { font-size: .85em; text-transform: lowercase; margin: -5px 0 1.5em 0; line-height: 1.3 }
.cookiecrumb ul    { list-style: none; padding-left: 0; margin: 0 } 
.cookiecrumb ul li { display: inline }
.cookiecrumb span.smallarrow { font-size: .8em; color: #666 }

/* Main Navigation */
#mainnav        { background: #546378; height: 26px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
                  line-height: 2; color: #666; font-weight: bold }
#mainnav ul     { width: 100%; list-style: none; padding-left: 0; margin: 0 } 
#mainnav li     { display: inline; margin: 0 10px }

/* Home Page */
#home .mainstorytitle   { margin-top: .5em; font-weight: bold }
#home .servicedate      { font-weight: bold }    
#home .servicetitle     { font-weight: bold; color: #666; line-height: 1.3 }
#home .servicetext      { line-height: 1.3; margin-top: .5em }

/* Link Page */
#linkpage h1              { font-size: 2.5em }
#linkpage .body ul        { list-style: none; padding-left: 0; margin: 0 }
#linkpage .body ul li     { margin-top: 1em }
#linkpage .body li a      { font-size: 1.1em; font-weight: bold }

/* Side Box */
.sidebox            { float: right; background: #eee; width: 200; font-size: .9em; padding: 10px;
                      border: 1px solid #999; margin: 0em 0 8px 8px; line-height: 1.2em }
.sidebox h3         { margin-top: 0; margin-bottom: .3em; line-height: 1.1em }
.sidebox ul         { padding-left: 2em; margin: 0; text-indent: -.1em }


/* Administration */
#admin table.welcomeadmin  { width: 100% }
#admin table.welcomeadmin th { background: #dbeaf7; color: #333; text-align: left; font-weight: bold; font-size: 1.1em;
                               line-height: 1; padding: .4em 9px; border: 1px solid #fff }
#admin table.welcomeadmin td { vertical-align: top; padding: 0 10px; border: 1px solid #fff }
#admin table.welcomeadmin ul        { list-style: none; padding-left: 0; margin: 0 }
#admin table.welcomeadmin ul li     {  }
#adminform textarea  { width: 100% }
#admin table.adminform th, #admin table.adminform td, #admin .adminform div.value,
    #admin .adminform div.name   { border: 1px solid #fff; padding: 1px .4em }
#admin .adminform th, #admin .adminform .name      { background: #f3f6f7; white-space: nowrap; font-size: .95em;
                                                     font-weight: bold; color: #666 }
#admin table.adminform  { margin-top: 1.5em }
#admin .adminform th    { text-align: left }
#admin .adminform td, #admin .adminform .value     { background: #dbeaf7 }
#admin .adminform td   { width: 100% }
#admin input.submit   { margin-top: 1em }

#admin .admin table      { font-size: .95em }
#admin .admin td, #admin .admin th    { }
#admin .admin .header th       { background: #dbeaf7; color: #333; text-align: left; font-weight: bold; font-size: 1.1em;
                          line-height: 1; padding: .4em 9px; border: 1px solid #fff }
#admin .admin td        { padding: 0 10px; border: 1px solid #fff }
#admin .insert          { width: 150px; text-align: center; margin-bottom: 3px }
#admin td.view, #admin td.edit, #admin td.delete  { width: 30px; font-size: .9em; padding: 0 4px; text-align: center }
#admin td.view  { padding-left: 10px }
#admin td.delete { padding-right: 10px }
#admin .admin tr.header th img { margin-left: 3px }
#admin .admin th.date, #admin .admin td.date      { text-align: right }
#admin .admin tr.header th.marked      { background: #cedeeb }
#admin .admin tr.header th:hover      { background: #bacddd }
#admin .admin tr.header th.adminlinks:hover  { background: #dbeaf7 }
#admin .admin tr.header th a:hover  { color: #000 }
#admin .admin tr:hover td      { background: #f7f3db }

/* Announcements */
#announcements span.title   { font-weight: bold }

/* Small Groups */
#smallgroups table td { vertical-align: top }

/* Messages */
#messages               { line-height: 1.3 }
#messages .messagedate  { font-size: 1.1em; font-weight: bold; margin-top: 2em }
#messages .title        { font-size: 1.1em; font-weight: bold; margin-top: .2em }
#messages .speakername  { font-weight: bold; color: #666; margin-top: .1em }
#messages .mainpassage  { margin-bottom: 2em; font-size: .95em }

/* Ministries */
#ministries h4              { margin-bottom: 0 }
#ministries ul              { list-style: none; padding-left: 1em; margin: 0;  line-height: 2em }
#ministries .name           { font-size: 1.25em; font-weight: bold }
#ministries .description    { font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: 1em }
#ministries .text           { margin-bottom: 1em }
#ministries .website        { font-weight: bold }
#ministries .leadertitle    { font-size: 1.05em; font-weight: bold }

/* Stories */
#stories .item          { margin-top: 2em; float: left }
#stories .listname      { font-weight: bold; margin-top: .1em; margin-bottom: .3em }
#stories .title         { font-size: 1.45em; font-weight: bold; margin-bottom: .1em; line-height: 1em }
#stories .authordate    { font-size: .95em; line-height: 1em; font-weight: bold; color: #666; margin-bottom: 0 }
#stories .storysummary  { font-size: .95em; margin-top: .3em }

/* Pictures */
#pictures .item img         { border: 1px solid #000 }
#pictures img               { border: none }
#pictures .gallerythumb     { float: left; margin: .3em .7em 0 0 }
#pictures .item             { margin-bottom: 1.5em }
#pictures .listname         { font-weight: bold }
#pictures .name             { font-size: 1.25em; font-weight: bold; margin-bottom: 0 }
#pictures .photographerdate { font-size: .95em; line-height: 1em; font-weight: bold; color: #666; margin-bottom: 0 }
#pictures .picture          { width: 120px; height: 90px; text-align: center; background: #333; margin: 3px 6px 3px 0;
                                float: left }

/* Event Calendar */
#eventcalendar .ministryselector { float: right; font-weight: bold; margin-bottom: 1em }
#eventcalendar .name       { font-size: 1.25em; font-weight: bold; margin-bottom: .5em }
#eventcalendar .date       { font-size: 1.1em; font-weight: bold }
#eventcalendar .item .time { color: #333; font-weight: bold; color: #666 }
#eventcalendar .text       { margin-top: 1em }
#eventcalendar .list       { border-bottom: 1px solid #999; border-right: 1px solid #999 }
#eventcalendar .list td    { border-top: 1px solid #999; border-left: 1px solid #999; padding: 4px }
#eventcalendar .list .date { width: 30%; font-weight: bold; background: #eee }
#eventcalendar .ministry td    { padding: 0 10px; border: 1px solid #fff }

/* Calendar */
.calendarnav           { background: #3A4052; width: 100%; line-height: 1em }
.calendarnav td        { vertical-align: bottom; padding: 10px; color: #fff; font-weight: bold }
.calendarnav .previous { text-align: left; width: 20% }
.calendarnav .current  { text-align: center; font-size: 1.5em }
.calendarnav .next     { text-align: right; width: 20% }
.calendar              { width: 100%; margin-bottom: 2em }
.calendar th           { background: #60687a; color: #fff; width: 14%; font-size: .9em; font-weight: normal }
.calendar td           { background: #fff; height: 70px; padding: 2px; vertical-align: top }
.calendar .number      { font-size: .8em; display: block; margin-bottom: .1em }
.calendar .eventlink   { font-size: .85em; line-height: 1.1; display: block }
.calendar .time        { font-size: .75em; display: block; line-height: 1.3; margin-bottom: .4em }
.calendar .today       { background: #FFE9C6 }
.calendar .other       { background: #999 }
.calendar .event       { background: #E2E2CB }
.calendar .weekend     { background: #eee }

/* Pastors-Staff */
#pastors-staff td               { padding-right: 1.1em }
#pastors-staff td.extension     { font-size: .9em }
#pastors-staff .wholename       { font-size: 1.25em; font-weight: bold }
#pastors-staff .contactinfo     { margin-bottom: 1em }
#pastors-staff .jobtitle        { font-weight: bold }
#pastors-staff .jobdescription  { font-weight: bold; color: #666; font-size: .9em }
#pastors-staff .favverse        { font-style: italic; margin-bottom: 1em }
#pastors-staff .favverseref     { font-style: normal; display: inline; margin-left: 1em; white-space: nowrap }
#pastors-staff .favtitle        { font-weight: bold; color: #666; font-size: .9em; display: inline }

/* Drop Down Navigation - from http://www.htmldog.com/articles/suckerfish/bones/ */
#ddnav ul       { padding: 0; margin: 0; list-style: none }
#ddnav li       { float: left; position: relative; width: 10em }
#ddnav li ul    { display: none; position: absolute; top: 1em; left: 0 }
#ddnav li>ul    { top: auto; left: auto }
#ddnav li:hover ul, #ddnav li.over ul { display: block }

/* Clear Fix */
.clearfix:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix            { display: inline-table }
* html .clearfix     { height: 1% }
.clearfix            { display: block }

/* Links */
.lightback a                {  }
#footer a                   { color: #666 }
.selected a                 { font-weight: bold; color: #876130 }
.calendarnav a              { color: #fff; text-decoration: none }
.calendar a                 { color: #000 }
#mainnav a                  { color: #fff; text-decoration: none; padding: 2px 6px; border: none }