/* dark-blue: #829bbe; light-blue: #e2e8f0; grey: #bfbfbf */
/*dark brown- 002A69
off white- E5EFFF
light brown- 9DACC2

NEW COLORS:
Very light blue:E5EFFF
Med Blue:9DACC2
Dark Blue:002A69


*/
/* Univeral */

html,body        { scrollbar-arrow-color: #cbbfab; scrollbar-base-color: #b5b5b5; scrollbar-darkshadow-color: #333;
                   scrollbar-face-color: #fff; scrollbar-highlight-color: #b5b5b5; scrollbar-shadow-color: #bdbfaa }
body			 { background: #002A69 url(images/bgtile_darkgreen.gif); padding: 0; margin: 0; font: 76%/1.6 arial,verdana,arial; color: #000 }
img              { border: 0 }
h1               { background: #9DACC2; color: #002A69; font-size: .75em; line-height: 1.3em;
                   padding: 1px 1px 1px 5px; font-weight: bold; margin: 0 0 3px 0; text-transform: uppercase }
h2               { font-size: 1.25em; font-weight: bold }
h3               { font-size: 1.1em; font-weight: bold; margin-bottom: 1em }
h4               { font-size: 0.9em; font-weight: bold; font-style: italic; margin-bottom: 1em }
p                { margin: 1em 0; padding: 0 }
div.mainheader   { text-align: center; font-weight: bold; font-size: 1.6em; margin-bottom: 1em }
div#container    { margin: 0 0 0 15px; background: #E5EFFF; padding: 10px 10px 0 10px; border-right: 1px solid #FFFFFF;
                   border-left: 1px solid #FFFFFF;
                   width: 720px; voice-family: "\"}\""; voice-family: inherit; width: 700px }
div.secondarynav { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; color: #000  }
form             { margin: 0 }
input,textarea,select   { font: 1.1em verdana }

/* The Header */

div#header1		 { height: 100px }
div#header1print { display: none }
div#jscriptmenu  { line-height: 13px }
div#navigate     { float: left }
div#horizstripe  { margin-top: 17px; background: #666; min-height: 1px; height: 1px }

/* General */

div#rightcol div.lightback p, div#rightcol div.lightbackbordered p  { margin-top: 0 }

/* Utility Links */

div.utilitylinks     { float: right; font-size: .85em; line-height: 1.2em; color: #FFFFFF; margin: 12px 25px; display: none }
div.utilitylinks img { margin-right: 4px; voice-family: "\"}\""; voice-family: inherit; margin-right: 0px; padding-right: 4px }

/* More General */

div.maintext                 { font-size: .9em; line-height: 1.7; height: 700px; padding-left: 3px; padding-right: 5px }
div[class=maintext]          { height: auto; min-height: 700px }
div.maintext img             { border: 1px solid #000 }
div.maintext img.noborder    { border: 0 }
div.storyimageleft           { float: left; padding: 0 8px 8px 0; font-size: .85em; line-height: 1em; color: #FFFFFF }
div.storyimageright          { float: right; padding: 0 0 8px 8px; font-size: .85em; line-height: 1em; color: #FFFFFF }
div.darkbackheader           { background: #002A69; color: #E5EFFF; font-weight: bold; font-size: .75em; line-height: 1.3em;
                               padding: 1px 1px 1px 5px; text-transform: uppercase }
div.darkbacklg               { background: #002A69; color: #E5EFFF; font-weight: bold; font-size: 10px; line-height: 1.3em;
                               padding: 1px 1px 1px 5px; text-transform: uppercase }
div.lightback                { background: #9DACC2; margin-bottom: 10px }
div.lightbackfixed           { background: #9DACC2; margin-bottom: 10px; height: 200px }
div[class=lightbackfixed]    { height: auto; min-height: 200px }
div.innerpadding             { padding: 5px }
div.lightbackbordered        { background: #bbbbbb; padding: 6px; margin-bottom: 10px }
div.lightback ul, div.lightbackfixed ul        { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em }
div.readmoretext             { text-align: right; font-weight: bold; margin-top: .7em; padding-right: .9em }
div.elementslist             { padding: 4px 6px 1px 5px; margin-bottom: 10px }
div.elementslist ul          { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em }
div.eventlistdate ul         { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em }
div.verse                    { margin: 1em 1.5em; font-size: .9em; font-style: italic }
div.reference                { margin: 0 0 0 .7em; display: inline; color: #FFFFFF; font-weight: bold;
                               white-space: nowrap; font-style: normal }
span.inlineverse             { font-style: italic }
span.inlinereference         { margin: 0 0 0 .3em; color: #FFFFFF; font-weight: bold; font-size: .9em; white-space: nowrap }
div.rightbanner              { margin-bottom: .8em; margin-top: 1.1em }
span.smalltext               { font-size: .9em }
ol.doublespace               { margin-top: 1em }
.doublespace li              { margin-bottom: 1em }
.nodoublespace               { margin-top: 1em }
.nodoublespace li            { margin-bottom: 0 }
div.errormessage             { padding: .3em; margin-bottom: 1em; background: #fcc; text-align: center; font-weight: bold }
div.successmessage           { padding: .3em; margin-bottom: 1em; background: #cfc; text-align: center; font-weight: bold }
span.important               { color: #a27f47; font-weight: bold; white-space: nowrap }
span.greytext                { color: #FFFFFF; font-weight: bold; white-space: nowrap }
div.sidebox                  { float: right; background: #eee; width: 200; font-size: .9em; padding: 10px;
                               border: 1px solid #FFFFFF; margin: 0em 0 8px 8px }
div.sidebox ul               { padding-left: 2em; margin: 0; text-indent: -.1em }
div.pagelinks                { margin: 1.5em 0 0 0; text-align: center }
div#closewindow              { text-align: center; font-weight: bold; margin-top: 2em }
div.successmessage ul, div.errormessage ul        { margin: 0 }
div#leftcol div.lightback, div#leftcol div.lightbackbordered, div#leftcol div.elementslist, div#rightcol div.lightback, div#rightcol div.lightbackbordered, div#rightcol div.elementslist { line-height: 1.4em; font-size: .9em }
.horiznav ul         { margin-left: 0; padding-left: 0; display: inline }
.horiznav li         { margin-left: 0; padding: 0 0.5em; border-left: 1px solid #000; list-style: none; display: inline }
.horiznav li.first   { padding-left: 0; border-left: none }

/* Home Page */

div#home h1          { display: none }
div.eventlist        { margin-bottom: 10px; padding-right: 6px; font-size: .9em }
div.eventlist ul     { list-style: none; padding-left: .4em; margin: 0 0 .7em 0 }
div.eventlist li     { margin-top: .3em; margin-bottom: .8em; line-height: 1.1em }
div.eventlist span.name  { font-weight: bold; color: #FFFFFF }
div.sundayservice    { font-size: .9em;  }
div.messagetitle     { text-align: center; font-weight: bold; color: #333; background: #bbb; line-height: 1.2em;
                       padding-bottom: .2em }
div.bannerimages img { display: block; margin-bottom: 1em }
div.mainstorybanner  { margin: 0 0 4px 0 }
div.mainstory        { font-size: .9em }
div.mainstorytitle   { font-weight: bold }
div.mainstorytext    { line-height: 1.5em }
div.mainstorytext p  { margin-top: 0 }
div.servicelocation  { font-weight: bold; font-size: .9em; margin-bottom: .2em; line-height: 1.4 }
div.servicemap       { margin: 7px 0 2px 0 }
div.eventlistdate    { font-weight: bold }
div#middlecol div.readmoretext  { font-size: .9em }
div#middlecol div.elementslist  { font-size: .9em }

/* Links */

a:link, a:active, a:visited   { color: #000 }
a:hover { color: #c58c2f }

div.secondarynav a:link, div.secondarynav a:active, div.secondarynav a:visited  { color: #926823 }
div.cookiecrumb a:link, div.cookiecrumb a:active, div.cookiecrumb a:visited     { color: #000000; font-weight: normal }
div.utilitylinks a:link, div.cookiecrumb a:active, div.utilitylinks a:visited   { color: #000000; font-weight: normal }
div#footer1 a:link, div#footer1 a:active, div#footer1 a:visited   { color: #FFFFFF; font-weight: normal }
div#footerlinks a:link, div#footerlinks a:active, div#footerlinks a:visited   { color: #FFFFFF; font-weight: normal }

/* Footer */
div#footer1         { text-align: center; font-size: .85em; color: #FFFFFF; padding-bottom: 15px; line-height: 1.3em }
div#footerlinks     { text-align: center; font-size: .95em; color: #FFFFFF; padding: 7px 0 }
div#footerlinks     { text-align: center; font-size: .95em; color: #FFFFFF; padding: 7px 0 }


/* Cookie Crumb Trail */
div.cookiecrumb       { font-size: .85em; color: #000000; margin-bottom: 10px; text-transform: lowercase }
div.cookiecrumb ul    { list-style: none; padding-left: 1.4em; margin: 0; text-indent: -1em } 
div.cookiecrumb ul li { display: inline }
div.cookiecrumb span.smallarrow { font-size: .8em }

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

/* Who We Are */
div#whoweare tr.toprow td   { padding-top: 1em }
div#whoweare td             { padding: 0 1em }
div#whoweare td.extension   { font-size: .8em }
div#whoweare td.name        { font-weight: bold }
div#whoweare td.contactlink { font-size: .8em; font-weight: bold }
div#whoweare td.biolink     { font-size: .8em }

/* When And Where */
div.servicetimestable td      { vertical-align: bottom }
div.servicetimestable td.time { font-size: .8em; text-align: right; padding: 0 1em 2px 0 }

/* Calendar */
table.calendarnav           { background: #002A69; width: 100%; line-height: 1em; margin-top: 1.5em }
table.calendarnav td        { vertical-align: bottom; padding: 10px; color: #fff; font-weight: bold }
table.calendarnav .previous { text-align: left; width: 20% }
table.calendarnav .current  { text-align: center; font-size: 1.5em }
table.calendarnav .next     { text-align: right; width: 20% }
table.calendarnav a:link, table.calendarnav a:visited         { color: #fff }
.calendar              { width: 100% }
.calendar th           { background: #AC703D; color: #fff; width: 14%; font-size: 1em; font-weight: normal }
.calendar td           { background: #E5EFFF; height: 70px; padding: 2px; vertical-align: top }
.calendar .number      { font-size: .8em; display: block; margin-bottom: .1em }
.calendar .eventlink   { font-size: .9em; line-height: 1.2; display: block }
.calendar .time        { font-size: .8em; display: block; line-height: 1.3; margin-bottom: .4em }
.calendar .today       { background: #FDF7C0 }
.calendar .other       { background: #BC985B }
.calendar .event       { background:         }
.calendar .weekend     { background: #FAF0A8 }

/* Events Calendar */
#eventcalendar .ministryselector { float: right; font-weight: bold; margin-bottom: 1em }
#eventcalendar .item .date   { font-size: 1.1em; font-weight: bold }
#eventcalendar .item .time   { color: #333; font-weight: bold; color: #FFFFFF }
#eventcalendar .item .text   { margin-top: 1em }

/* FAQ's */
div#faqs div.question         { font-weight: bold }
div#faqs div.answer           { margin: 1em }

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

/* Stories */
div#stories div.storyitem     { margin-bottom: 0; margin-top: 2em }
div#stories div.storytitle    { font-weight: bold }
div#stories div.title         { font-size: 1.25em; font-weight: bold; margin-bottom: 0 }
div#stories div.authordate    { font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin-bottom: 0 }

/* Daily Devotional */
div#dailydevotional td        { padding-right: 1.5em }

/* Messages */
div#messages td             { padding-right: 1.5em }
div#messages div.title      { font-size: 1.25em; font-weight: bold; margin-bottom: 0 }
div#messages div.pastordate { font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin-bottom: 0 }
div#messages div.header     { font-weight: bold; margin-top: 1em }
div#messages div.text       { margin-top: 1em }

/* Small Groups */
div#smallgroups div.header    { font-weight: bold; margin-top: 1em }
div#smallgroups div.text      { margin-top: 1em }

/* 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: #FFFFFF; margin-bottom: 0 }
#pictures .picture          { width: 120px; height: 90px; text-align: center; background: #333; margin: 4px 8px 4px 0;
                                float: left }

/* Backdoor */
div#backdoor div.header       { font-weight: bold; margin-bottom: 0 }

/* Videos */
div#videos td                 { padding-right: 1.5em }

/* Ministries */
div#ministries div.name         { font-size: 1.25em; font-weight: bold }
div#ministries div.description  { font-size: 1.1em; font-weight: bold; color: #FFFFFF; margin-bottom: 1em }
div#ministries div.text         { margin-bottom: 1em }
div#ministries div.website      { margin-bottom: 0 }
div#ministries div.leadertitle   { font-size: 1.05em; font-weight: bold }

/* RockRadio */
div#rockradio td              { padding-right: 1.5em }

/* Audio */
div#audio td                  { padding-right: 1.5em }

/* Contact Form */
select.saveHistory            { behavior: url(#default#savehistory); }

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

/* Administration */
#admin 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 input, #admin textarea   { font-size: 1.2em; font-family: verdana, arial }
#admin .adminform th, #admin .adminform .name      { background: #f3f6f7; white-space: nowrap; font-size: 1em;
                                                     font-weight: bold; color: #FFFFFF }
#admin table.adminform  { margin-top: 1.5em }
#admin .adminform th    { text-align: right }
#admin .adminform td, #admin .adminform .value     { background: #dbeaf7 }
#admin .adminform td   { width: 100% }
#admin input.submit   { margin-top: 1em }

#admin table             { background: #fff; width: 100% }
#admin .admin table      {  }
#admin .admin td, #admin .admin th    { }
#admin .admin .header th       { background: #dbeaf7; color: #333; text-align: left; font-weight: bold
                          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.alt td  { background: #f3f6f7 }
#admin .admin tr:hover td      { background: #f7f3db }

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