html {
    background: #550011;
}

body {
	background: transparent url(/page_attachments/0000/0383/body-bg.gif) repeat-y 50% 0px;
	margin: 0;
	padding: 0;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:small;
    line-height:1.3em;
}

#header_bar {
  color:#fff;
  width:100%;
  height: 70px;
}
	
#header_container {
	text-align: right;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
	margin: 0 auto;
	width: 730px;
    height: 100%;
    font-size:0.85em;
	background: url(/page_attachments/0000/0033/logo.png) no-repeat #3b3b3b; 
	background-position: 20px 15px;
	}
	
#menu_bar {
    color:#fff;
    position: relative;
    z-index: 100;
	left: 0px;
    width:100%;
    height:30px;
}

#menu_container {
    background: #252525;
    position: relative;
	margin: 0 auto;
	width: 770px;
	height: 100%;
}

#slideshow_container {
	
    background: #fff;
	margin: 0 auto;
	width: 770px;
    padding-bottom:0px;
    height: 235px;
    position: relative;

    z-index: 0;
}

#slideshow_footer {
    background: url(/page_attachments/0000/0217/grad2.png) repeat-x;
    width: 770px;
    margin: 0 auto;
    overflow: hidden;
    height: 5px;
    padding: 0;
    background-position: top left;
}

#main_container {
	
    background: #fff;
    width: 770px;
    margin: 0 auto;
    padding: 0px;
}

#main_content_shortened {
    width: 424px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0px;
	padding-bottom: 20px;
    float:left;
}

#main_content {
    width: 670px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
    padding-bottom: 20px;
    float:left;
}

#main_content_wide {
    width: 720px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 20px;
    float:left;
}

#sidebar {
    float: right;
    background: url(/page_attachments/0000/0043/vline.gif) no-repeat;
    width: 216px;
    padding-left: 25px;
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 20px;
}

#bottomthree {
	clear: both;
	padding-top:35px;
	background: url(/page_attachments/0000/0039/bottomthree_top.gif) repeat-x;
	font-size: 0.8em;
        width: 770px;
}

#bottomthree_item1 {
	padding-left:37px;
	float:left;
	width: 171px;
}
#bottomthree_item2 {
	float:left;
	width: 180px;
}
#bottomthree_item3 {
	float:left;
	width: 171px;
}
#bottomthree_item4 {
	float:left;
	width: 180px;
}
#bottomthree_item1 a { 
padding-bottom: 20px; 
border-bottom: none; 
outline: none; 
text-decoration: none; 
background: url(/page_attachments/0000/0783/podcast.gif) 0 0 no-repeat; 
display: block; 
width:75px; 
padding-left: 80px; 
padding-top:5px;
} 

#bottomthree_item2 a { 
padding-bottom: 20px; 
border-bottom: none;  
outline: none; 
text-decoration: none; 
background: url(/page_attachments/0000/0779/new.gif) 0 0 no-repeat; 
 display: block; 
width: 81px; 
padding-left: 80px;
padding-top:5px;
}

#bottomthree_item3 a { 
padding-bottom: 20px; 
border-bottom: none; 
outline: none; 
text-decoration: none; 
background: url(/page_attachments/0000/0992/phone.gif) 0 0 no-repeat;
display: block;
 width:75px; 
padding-left: 80px;
padding-top:5px; 
}

#bottomthree_item4 a { 
padding-bottom: 20px; 
border-bottom: none; 
outline: none; 
text-decoration: none; 
background: url(/page_attachments/0000/0990/notepadphonessimple2.gif) 0 0px no-repeat;
display: block;
 width:87px; 
padding-left: 76px;
padding-top:0px; 
vertical-align:middle;
}

#footer {
    clear: both;
    color: #fff;
    font-size: 0.8em;
    background: #3b3b3b;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
}

a { 
    color:#5E9253;
    border: none;
}

a:visited { 
    color:#396B2E;
}

a:hover { 
    color: #467788;
    border-bottom: 1px solid;
  text-decoration:none;
}

a img,:link img,:visited img { border:none; text-decoration:none; }

caption {
    font-size:1.3em;
    color: #467788;
    margin:0;
    padding:1em 0 0 0;
    font-weight: normal;
    font-family:Georgia,Times,serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #467788;
    margin:0;
    padding:1em 0 0 0;
    font-weight: normal;
  font-family:Georgia,Times,serif;
}

h1 {
  font-size: 2.5em;
  line-height: 1em;
}

h2 {
  font-size:1.8em;
}











h3 {
  font-size:1.5em;
}

h4 {
  font-size:1.3em;

}

h5 {
  font-size:1.1em;
  font-weight:bold;
}

h6 {
  font-size:1em;
}

#currentsermon strong {
  font-size: 1.35em;
  line-height:2.0em;
  font-weight: normal;
  font-family:Georgia,Times,serif;
  padding:0.25em 0 0.25em 0;

}


#upcomingEvents p a {
    font-size: 0.8em;
    text-decoration: none;
    color: #232F38;
    display: block;
    padding: 8px 4px;
    border-bottom: 1px solid #B7C4C5;
    line-height: 15px;
}

#upcomingEvents p a:hover { 
    background: url(/page_attachments/0000/0041/eventgrad.png);
    background-position:bottom; 
}

#upcomingEvents strong {
    text-transform: uppercase;
    color: #626F51;
    font-weight: normal;
}

#upcomingEvents p {
    margin: 0;
    padding: 0;
}


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 1.0em;
	font-weight: bold;
}
 
.element {
	padding: 15px; 
}
 
.element p {
	padding: 4px;
	margin: 0;

}

.element th {
        color: #467788;
        margin:0;
        padding:1em 0 0 0;
        font-family:Georgia,Times,serif;
}

#justify { border: 1px solid black; 
           text-align: justify; }
#bordbot1 { border-bottom: 2px solid black; }
#bordbot2 { border-bottom: 2px solid black; }
.bordbot { border-bottom: 1px solid black; }

.highlighted { background: #aee2a3; }
span + span .highlighted { background: magenta; }
form.filter + table { border: solid thin #aaa; }
form.filter + table th { margin: 2px; padding: 2px; border: solid thin #bbb; }
form.filter + table td { margin: 2px; padding: 2px; border: solid thin #ccc; }

/* Pagination list styles */
ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
ul.fdtablePaginater li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
        
        -moz-user-select:none;
        -khtml-user-select:none;
        }
ul.fdtablePaginater li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        font-family:georgia, serif;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.5;
        filter:alpha(opacity=50);
        }
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        border:1px solid #fff;
        background:#fff url(/page_attachments/0000/1069/gradient.gif) repeat-x 0 -20px;
        }
ul.fdtablePaginater li a
        {
        cursor:pointer;
        }
ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
        clear:both;
        text-decoration:none;
        padding:0;
        }
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important;
        }

/* Keep the table columns an equal size during pagination */
td.sized1
        {
        width:16em;
        text-align:left;
        }
td.sized2
        {
        width:10em;
        text-align:left;
        }
td.sized3
        {
        width:7em;
        text-align:left;
        }
tfoot td
        {
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;


        }

#visibleTotal

        {

        text-align:center;
        letter-spacing:auto;
        }
* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span
        {
        background:#eee;
        }
tr.invisibleRow
        {
        display:none;
        visibility:hidden;
        }
p.paginationText
        {
        font-style:oblique;
        }


.tablesorthead { 
      color: #467788;
      margin:0;
      padding:0 0 0 0;
      font-family:Georgia,Times,serif;
}

#sermonsorttable, #storytable {
      border: 1px solid #e7e7e5;
      border-collapse: collapse;
      margin-bottom:25px;
}


#sermonsorttable, #storytable td {
      background: #f6f6f6;
}

thead.tablesorthead a { color: #467788;}

thead.tablesorthead a:visited { color: #467788;}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime
        {
        background:transparent url(/page_attachments/0000/1102/gradientnone.jpg) no-repeat;
        cursor:pointer;
        border-left: 1px solid #c6c6c6;
        } 

th.no-sort
        {
        background:transparent url(/page_attachments/0000/1610/gradientnoarrow.png) no-repeat;
        cursor:pointer;
        border-left: 1px solid #c6c6c6;
        } 

th.forwardSort
        {
        background:transparent url(/page_attachments/0000/1106/gradientup.jpg) no-repeat 0 0;
        border-left: 1px solid #c6c6c6;
        }

th.reverseSort
        {
        background:transparent url(/page_attachments/0000/1104/gradientdown.jpg) no-repeat 0 0;
        border-left: 1px solid #c6c6c6;
        }  

th.sort-active a
        {
        background:#FFDDDD;
        color:#000000;
        cursor:wait;
        }

th.sort-active
        {
        background:#FFDDDD url(/page_attachments/0000/0857/tiny_red.gif) no-repeat 2% 50%;
        cursor:wait;
        }

th.width1 {
        width:65px;
        }

th.width2 {
        width:360px;
        }

th.width3 {
        width:165px;
        }

th.width4 {
        width:130px;
        }

th.width5 {
        width:415px;
        }

th.width6 {
        width:240px;
        }

table.reftable {
        border-collapse:collapse;
        border: 1px solid #c6c6c6;
        font-size:xx-small;
}

td.reftabletd3 {
        padding-left: 5px;
}

td.reftabletd {
        border-left: 1px solid #c6c6c6;
        padding-left: 5px;
}
      
td.reftabletd2 {
        border-left: 1px solid #f2f2f2;
        padding-left: 5px;
        padding-right: 5px;
}     

#dhtmltooltip{
position: relative;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
}


#musictable td {border-collapse: collapse;
        border: 1px solid black; 
           }

tr.alternate {
	background: #E8F0F8;
}

td.feat {
        text-decoration:underline;
        color:#5E9253;
        vertical-align:middle;
        padding-left:10px; 
}
td.feat:hover {
        color: #467788;
}

img.coverborder {
          border: 1px solid black;
}

.booktable td {
         padding:5px 5px 5px 5px;
}