@charset "UTF-8";


/* CSS Snippett */
/* Standardises Styles Across Browsers */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }

ins { background-color:#000; color:#FFF; text-decoration:none; }

mark { background-color:#000; color:#FFF; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* Font Faces 

@font-face {
  font-family: "Calibri";
  url('CALIBRI.TTF') format('truetype');
}

*/
/* Site Styles */

html, body { color: #007D7D; font-family: "Calibri", Helvetica, Arial, sans-serif; font-size: 15px; }

div.container { margin: 0px auto; width:907px; }

div#header { background-image: url(../images/bg-header.png); background-repeat: repeat-x; border-bottom: 2px solid #CE7F4E; height: 110px; }
div#header div#logo { height: 106px; margin-left: 50px; }
div#header div#logo img { height: 106px; width: 585px; }

div#photo { background-image: url(../images/bg-photo.png); background-repeat: repeat-x; height: 302px; }
div#photo div#nav { background-image: url(../images/bg-nav.png); background-repeat:no-repeat; height: 43px; }
div#photo div#nav ul { height: 27px; list-style:none; margin: 0px 20px; padding: 9px 68px; white-space:nowrap; }
div#photo div#nav ul li { display:block; float:left; font-size: 16px; height: 19px; margin: 0px; padding:4px 20px; position: relative; }
div#photo div#nav ul li.divide { color: #DF8A55; font-size: 18px; padding: 2px 2px; }
div#photo div#nav ul li a { color: #007D7D; text-decoration: none; }
div#photo div#nav ul li a:hover { color: #DF8A55; }
div#photo div#nav ul li.current a{ color: #DF8A55; text-decoration: none; }

div#photo div#show { margin: 37px auto 0px auto; width: 807px; }
div#photo div#show div#frame { background-image: url(../images/bg-photo-frame.png); background-repeat: no-repeat; float: left; height:208px; width:325px; }
div#photo div#show div#frame img { height: 175px; width: 292px; }
div#photo div#show div#caption { color: #FFF; font-size: 18px; height: 132px; margin: 0px 0px 0px 392px; overflow: hidden; padding: 20px 0px 0px 0px;  }

div#content { margin:0px auto; padding: 0px 10px; width: 797px; }
div#content a { color: #CE7F4E; text-decoration: none; }
div#content a:hover { color: #007D7D; text-decoration: underline; }
div#content h1 { color: #CE7F4E; font-size: 22px; font-weight: normal; }
div#content h2 { color: #007D7D; font-size: 18px; font-weight: normal; }
div#content h3 { color: #CE7F4E; font-size: 16px; font-weight: normal; }
div#content h4 { color: #000; font-size: 15px; font-weight: normal; }

div#content div.left { border-right: 1px solid #DE8955; float: left; padding-right: 27px; width: 500px; }
div#content div.left ul { margin-left: 30px; }
div#content div.left ul li { line-height: 120%; } 

div#content div.right { margin: 0px 0px 0px 554px; }
div#content div.right ul { list-style: none; margin-left: 10px; }
div#content div.right ul li { line-height: 140%; } 
div#content div.right ul li a:hover { text-decoration: none; }
div#content div.left img.photos, div#content div.right img.photos { border: 2px solid #CE7F4E; margin: 2px 3px; }
div#content div.right p.readmore { font-size: 12px; text-align:right; }
div#content div.right p.readmore a { color: #CE7F4E; text-decoration: none; }

div#content table#servicetimes { width: 100%; }
div#content table#servicetimes td { vertical-align: top; width: 50%; }
div#content table#servicetimes td.small { font-size: 12px; }
div#content table#servivetimes td.small span.time { color: #CE7F4E; font-size: 12px; }

div#content table#verse { margin: 20px 0px; width: 100%; }
div#content table#verse td.quote-open { padding-right: 10px; vertical-align: top; width: 35px; }
div#content table#verse td.quote-close { padding-left: 10px; vertical-align: bottom; width: 35px; }
div#content table#verse td.versetext { font-size: 12px; vertical-align:top; }
div#content table#verse td.from { color: #CE7F4E; font-size: 10px; text-transform: uppercase; }

div#footer { clear: both; color: #999; font-size: 11px; margin:10px auto; padding: 10px 10px; width: 797px; }
div#footer a { color: #999; text-decoration: none; }
div#footer a:hover { color: #CE7F4E; text-decoration: underline; }