/* @override 
http://www.ctknorman.org/css/main.css
*/
body{background:black; margin:0; padding:0px 0px 15px 0px; font:11px Verdana; /* text-align:left; */color:#333}

/* UI
----------------------------------------------- */
th, td{text-align:left; vertical-align:top}

p{margin-top:7px}

.borders{border-style:solid; border-color:white; border-width:0px 0px 0px 0px}

.sidebars{background-color:#32373d}

ul{/* list-style-type:disc; */list-style-image:url(../images/bullet.png); padding-left:.5em; margin-left:2px; margin-bottom:0px; margin-top:10px}

li{margin-bottom:6px; color:#4b4b4b}

ul#numbered{list-style-type:decimal; padding-left:1em; margin-left:1em}

h1{font:15px Verdana,Sans-serif; text-align:left; line-height:16px}

h2{font:13px Verdana,Sans-serif; font-style:italic; text-align:left; line-height:14px}

h3{font:12px Verdana,Sans-serif; font-style:italic; text-align:left; padding:0px 0px 0px 0px; line-height:13px}

/* Listbox Component
----------------------------------------------- */
.underlinelight{border-style:solid; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-color:#BEBEBE}

.sortbar{border-style:solid; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-color:#BEBEBE}

.pic{float:left; margin-right:10px; margin-top:2px; display:inline}

.pic-right{float:right; margin-left:10px; margin-right:0px; margin-top:8px; display:block}

#pic{float:left; margin-right:10px; margin-top:2px; display:inline}

#pic-right{float:right; margin-left:10px; margin-right:0px; margin-top:8px; display:block}

input#search{background:url("../images/search.jpg") top left no-repeat; border:0; width:128px; /* width of text-display area */height:18px; padding:5px 2px 4px 22px; font-size:12px}

.search{float:right}

#submitsearch{display:none}

/* Page
----------------------------------------------- */
#header{background:transparent url("../images/top.jpg") no-repeat right top; width:714px; height:135px}

#header_about{background:transparent url("../images/title_about.jpg") no-repeat right top; width:714px; height:93px}

#header_ministries{background:transparent url("../images/title_ministries.jpg") no-repeat right top; width:714px; height:93px}

#header_news{background:transparent url("../images/title_news.jpg") no-repeat right top; width:714px; height:93px}

#header_members{background:transparent url("../images/title_members.jpg") no-repeat right top; width:714px; height:93px}

#header_resources{background:transparent url("../images/title_resources.jpg") no-repeat right top; width:714px; height:93px}

#header_sitemap{background:transparent url("../images/title_sitemap.jpg") no-repeat right top; width:714px; height:93px}

.copyright{color:#666; font-size:11px}

#bg{background-image:url("../images/body_home.jpg"); background-repeat:repeat-y; width:714px}

#bg_home{background-image:url("../images/body_home.jpg"); background-repeat:repeat-y; width:714px; padding-top:0px; margin-right:0px; margin-top:1px}

td.pane-bottom{height:127px; overflow:auto}

td.borders.pane-bottom{overflow:hidden}

/* Index
----------------------------------------------- */
.index_story{width:465px; margin-left:0px; margin-top:0px; padding-left:0px; display:block; text-align:justify; color:#323232; padding-top:5px}

#index_container{float:right; position:relative; width:240px; height:205px; vertical-align:top; display:block; overflow:auto}

.index_title{font:13.5px Verdana; color:#323232; /*font-variant:small-caps; */}

#index_news{width:200px; display:block; text-align:justify; color:#595959; font-size:12px; vertical-align:top; /*padding-top:-16px; */padding-bottom:10px}

#nav_home{/*float:right; *//*margin-left:225px; *//*position:relative; width:242px; */padding-left:1px; padding-right:1px; vertical-align:top}

.sermons_home{float:right; width:242px; padding-right:2px; padding-bottom:10px; color:black; vertical-align:bottom; background-color:#FFF}

/* @group News */
.news ul.long{margin:0 0 0 10px; padding:0; list-style-type:none}

.news .long li{padding:0; margin:0; list-style-type:none; width:100%; margin-bottom:6px; /*list-style-position:inside; */}

.news .long li a{display:block; padding:5px; border:1px solid white; font:18px Verdana,Sans-serif; text-decoration:none; text-align:left}

.news .long li a:hover{text-decoration:none; border-color:#dedede}

.news .long li a span{display:block; margin-top:.5em; margin-bottom:.5em; font:11px Verdana; color:#595959; text-align:justify}

.news .long img{float:left; padding-right:5px}

.news .short li{text-align:left; margin-bottom:6px; width:100%}

.news .clear{clear:left}

/* @end */
/* Story
----------------------------------------------- */
#blurbTitle{font:18px Verdana,Sans-serif; margin-bottom:-30px}

#blurb{margin-top:6px; display:inline}

.blurbTitle{font:18px Verdana,Sans-serif; margin-bottom:-30px}

.blurb{margin-top:10px; display:inline}

#dropcap{float:left; margin-right:2px; font-size:55px; line-height:49px; font-weight:normal; color:#c3bf9c; font-family:Verdana}

#story{margin-left:5px; margin-top:0px; text-align:left; color:#595959; line-height:17px}

#title{vertical-align:baseline; padding-top:2px; font:17px Verdana; display:block; color:#c3bf9c}

#date{margin-top:0px; display:block; font-size:9px; line-height:10px}

/* Navigational UI
----------------------------------------------- */
#cookiecrumb{font-size:12px; font-family:Verdana; display:block; color:#3a3a3a; margin-bottom:10px}

#topNav{margin-left:0px; margin-top:0px; padding-top:0px; width:719px; height:21px; display:block; text-align:left; border-style:solid}

.navTitle{font-size:12px; font-family:Verdana; color:#fff; background-color:#1e1f23; height:22px; padding-left:7px; vertical-align:middle; /*height:22px; width:232px; padding-top:2px; padding-left:10px; */font-variant:small-caps}

/* Links
----------------------------------------------- */
a{font-size:11px; color:#7b0000; text-decoration:none}

a:visited{color:#7b0000}

a:hover{text-decoration:underline}

a.footer{font-size:12px; color:#7d8d9a; text-decoration:none; font-variant:small-caps}

a.footer:visited{color:#7d8d9a}

a.footer:hover{text-decoration:underline}

a.cookiecrumb{font-size:10px; color:#3a3a3a; text-decoration:none}

a.cookiecrumb:visited{color:#3a3a3a}

a.cookiecrumb:hover{text-decoration:underline}

a.nav{font-size:10px; color:#3a3a3a; text-decoration:none}

a.nav:visited{color:#3a3a3a}

a.nav:hover{text-decoration:underline}

img{border:0}

a.img img, .photo a, a.noline, .thumbnail a, .image a{border-width:0}

a.img{float:none; width:auto; height:auto; background:transparent}

a.submenu{color:white; text-decoration:none; font:10px Verdana; text-align:right}

a.submenu:visited{color:white; border-color:#757}

a.submenu:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover{color:white; border-bottom:1px dotted white}

a.text{color:black; text-decoration:none; float:none; width:auto; height:auto; background:transparent}

a.text:visited{color:black; border-color:#757}

a.text:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover{color:black; border-bottom:1px dotted black}

/* @group Comments */
#story_content div div.comments div.add div.msg{color:#bc212f; font-weight:bold; font-size:15px; border-style:solid; border-width:2px; padding:10px; background:black}

div.comments{padding-top:10px}

div.comments h2{color:#BC212F; margin-bottom:10px}

div.comments div.comment{margin:10px 0 10px 0; border:1px solid #d1d1d1; padding:5px; background:#202020 url(/images/bg.png) repeat; color:#d9dcdb}

div.comments div.comment h3{font-size:14px; font-weight:bold; color:white}

div.comments div.comment p{margin-left:20px; margin-top:3px}

div.comments div.add h2{border-bottom:1px solid #d1d1d1; padding-bottom:5px}

div.comments span.required{color:#766865}

/* @end */
td{vertical-align:top}

/* @group Home Calendar */
dl.cal_listoutput dt{margin:5px 0 0 0; font-size:.9em; color:black; font-weight:bold}

dl.cal_listoutput dd{margin:0; font-size:.9em; color:#2e2e2e}

/* @end */
/* @group Calendar */
div.fast{color:#b98952}

table.calendar{width:425px; border-collapse:collapse}

table.calendar tr{border-width:0px}

table.calendar td{width:64px; vertical-align:top; font-size:.85em; padding:2px}

div.dayevents span.time{color:white}

span.notime{display:block; text-align:center; color:white; font-weight:bold}

span.name{font-style:italic}

div.daylabel{color:white; font-weight:bold; font-size:1.3em}

table.calendar td.day{border-style:solid; border-width:1px; height:90px}

/* @end */
div#devMsg.casaMessage{color:white; padding:3px; background-color:#181818; position:fixed; right:0px; opacity:0.8; border:1px solid #2a2a2a; bottom:60px}

div#devMsg.casaMessage strong{color:#ff5559}

div#devMsg.casaMessage a{color:white}

/* @group sfmenu */
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none; position:relative; z-index:9000}

.sf-menu ul{position:absolute; top:-999em; width:5em}

.sf-menu ul li{width:100%}

.sf-menu ul li ul{top:0 !important}

.sf-menu ul li:hover li ul, .sf-menu ul li.sfHover li ul{top:-999em}

.sf-menu ul li li:hover ul, .sf-menu ul li li.sfHover ul{left:5em; top:0}

.sf-menu ul li li:hover li ul, .sf-menu ul li li.sfHover li ul{top:-999em}

.sf-menu ul li li li:hover ul, .sf-menu ul li li li.sfHover ul{left:5em; top:0}

.sf-menu li:hover{visibility:inherit}

.sf-menu li{float:left; position:relative; z-index:999}

.sf-menu li li{background:#333b45 !important}

.sf-menu li li li{background:#333b45 !important}

.sf-menu li li a{padding:3px 1em 3px 1em; margin:0 0 0 0}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{color:white}

.sf-menu a{display:block; position:relative; margin:0 0 0 0; text-decoration:none !important; font-size:1em; text-align:left; padding:5px 0 5px 0; color:white}
.sf-menu a:hover{text-decoration:underline !important}
.sf-menu li li li a:visited{color:#ebc897 !important}
.sf-menu a.more{border-top:1px solid #484033 !important}

.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0; top:2em; z-index:99}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0; text-decoration:none}

.sf-menu a.sf-with-ul{padding-right:2.25em; min-width:1px}

li.selected a.toplevel{text-decoration:underline !important}
a.toplevel{color:#FFF; margin:4px 0 0 0px; padding:0px 13px 0px 13px !important; border-right:2px solid #fff}

.sf-sub-indicator{position:absolute; display:block; right:2px; top:.3em /* IE6 only */; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px}

a >.sf-sub-indicator{top:.3em; background-position:0 -100px}

a:focus >.sf-sub-indicator, a:hover >.sf-sub-indicator, a:active >.sf-sub-indicator, li:hover >a >.sf-sub-indicator, li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px}

.sf-menu ul .sf-sub-indicator{background-position:-10px 0}

.sf-menu ul a >.sf-sub-indicator{background-position:0 0}

.sf-menu ul a:focus >.sf-sub-indicator, .sf-menu ul a:hover >.sf-sub-indicator, .sf-menu ul a:active >.sf-sub-indicator, .sf-menu ul li:hover >a >.sf-sub-indicator, .sf-menu ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0}

.sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}

.sf-shadow ul.sf-shadow-off{background:transparent}

/* @end */