﻿/* Styles */
a { color: #069; text-decoration: none; }
a:hover { color: #900; text-decoration: underline; }
p, h1, pre { margin: 0 10px 10px; _margin: 0 9px 10px; }
h1 { font-size: 18px; color: #696969; padding-top: 10px; }
cite { margin-left: 15px; color: #006699; }
.title { color: #900; }
.subtitle { color: #333; font-size: inherit; font-weight: bold; margin-left: 10px; }
.subtitle i { color: #900; }
.gallery { text-align: center; margin: 0 auto; width: 700px; padding: 0; }
.gallery dl { text-align: center; padding: 5px; float: left; width: 220px; }
.gallery dt { margin: 0; padding: 0; }
.gallery dt img { margin: 0 0 5px; border: 1px solid #036; }
.gallery dd { margin: 0; padding: 0; font-weight: bold; }
#key { margin: 5px auto; text-align: center; width: 675px; }
#key dl { width: 225px; margin: 0 auto; float: left; }
#key dt { font-weight: bold; float: left; margin-right: 0; padding-right: 5px; width: 60px; text-align: right; }
#key dd { float: left; width: 160px; text-align: left; }

.newsContainer { margin: 0 10px 10px; border: 1px solid #bba; padding: 0; font-family: verdana, arial, sans-serif; background: #fff; }
.newsContainer h1 { background-color: #F2F2F2; color: #036; margin: 0; padding: 5px; font-size: 13px; }
.newsContainer #bg, .newsContainer p { background-color: transparent; color: #000; margin: 0; padding: 5px; font-size: 11px; border-top: 1px solid #bba; }
.newsContainer h2, .newsContainer h3 { background-color: #F2F2F2; color: #900; margin: 0; padding: 5px; font-size: 11px; font-weight: normal; }
.newsContainer h2 { border-top: 1px dashed #bba; color: #000; }
.newsContainer h3 { border-top: 1px solid #bba; }
.news-title { margin: 0 5px; font-size: 11px; color: #343434; }
.news-item { margin: 5px 5px 0; font-size: 11px; padding: 0; }
.news-body { margin: 5px 0; border: none; }
.news-subtitle { margin: 0; color: #369; font-weight: normal; }
.news-foot { color: #900; }

#sos, #mv { margin: 0 10px 10px; border: 1px solid #bba; background-color: #FFF; padding: 0; font-family: verdana, arial, sans-serif; }
#sos h1, #sos h2, #mv h1, #mv h2 { background-color: #f2f2f2; color: #036; margin: 0; padding: 5px; font-size: 13px; }
#sos h2, #mv h2 { font-size: 11px; border-top: 1px solid #bba; }
#sos p, #mv p { background-color: transparent; color: #000; margin: 0; padding: 5px; font-size: 11px; border-top: 1px solid #bba; }
#sos ul { margin: 0; padding: 5px; border: none; font-size: 11px; border-top: 1px solid #bba; }
#sos li { list-style: none; margin: 0 0 0 0; padding: 2px 0; border: none; }
#sos .time { float: right; }

#navbar .dynamicMenu, .dynamicMenu { margin: -2px 0 0 -1px; background-color: #036; border: 1px solid #036; padding: 0; text-align: left; }
#navbar .dynamicMenuItem, .dynamicMenuItem { background-color: #fff; padding: 2px 10px 2px 2px; margin: 0; border-bottom: 1px solid #ccc; color: #036; line-height: 15px; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; font-variant: normal; }
#navbar .dynamicMenuItem a, .dynamicMenuItem a { text-decoration: none; color: #036; }
#navbar .dynamicMenuItem:hover, .dynamicMenuItem:hover { background-color: #069; color: #fff; }
#navbar .dynamicMenuItem:hover a, .dynamicMenuItem:hover a { background-color: #069; color: #fff; }
#navbar .dynamicMenuItem:hover img, .dynamicMenuItem:hover img { display: none; }

#navbar .staticMenu:hover td,
#navbar .staticMenu:hover, #navbar .staticSelected { background-color: #fff; color: #036; }
#navbar .staticMenu:hover a, #navbar .staticSelected a { color: #036; }

#epiLON { margin: 0 1px 0 0; color: #000; background-color: #f2f2f2; margin-top: 0; padding: 0; border-top: 1px solid #bba; border-bottom: 1px solid #bba;}
#epiLON table { margin: 0 auto; text-align: left; border: none;}
#epiLON a { color: #069; font-weight: normal; }
#epiLON a:hover { color: #900; }
#epiLON img { border: none; }
#ensbox_border { width: 100%; border: none; margin: 0;}

.flatList { text-align: center; }
.flatList li { display: inline; list-style: none; }
.sectionBreak { margin: 25px 50px; border: 1px solid #4682B4; height: 1px; }
.hoverLabel { border-bottom: 3px double #4682b4; color: #4682b4; cursor: hand; }
.hoverLabelhover { border-bottom: none; color: #900; }
.hoverPanel { border: 1px solid #bba; background: #FFF8DC; padding: 5px; }
.hoverPanel h1 { margin: 0 0 2px; color: #036; }


.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
p, li, span { line-height: 150%; }
p { margin-top: 10px; }
.underline { text-decoration: underline; }

/* Anglican Cycle of Prayer */
.acnsholder { text-align: left; font-family: Verdana, Aril, Helvetica, Sans-Serif; margin: 10px 10px 0 10px; color: #000; background-color: #fff; padding: 0; border: 1px solid #bba; font-size: 10px; }
.acnsheading{ text-align: left; padding: 0 5px; line-height: 25px; font-size: 12px; background:#f2f2f2; border-bottom:1px solid #bba; color: #900; }
.acnstitle { text-align: left; padding: 2px 5px 0; color: #069; line-height:normal; }
.acnstext, .acnstextlast { text-align: left; padding: 0 5px 8px; line-height:normal; border-bottom:dashed 1px #ccc;}
.acnstextlast { border-bottom: none; }
.acnsheading a { color: #036; font-weight: bold; }
.acnsheading a:hover { color: #900; background: #fff;}

/* Tabs */
/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(/images/tabs/tab-line.gif) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(/images/tabs/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(/images/tabs/tab-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(/images/tabs/tab.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(/images/tabs/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(/images/tabs/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(/images/tabs/tab-hover.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(/images/tabs/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(/images/tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(/images/tabs/tab-active.gif) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* schedule */


.scheduleTabs .ajax__tab_header {padding-left: 7px; font-family:verdana,tahoma,helvetica;font-size:11px;background:url(/images/tabs/tab-line.gif) repeat-x bottom;}
.scheduleTabs .ajax__tab_outer {padding-right:0;background:url(/images/tabs/tab-right.gif) no-repeat right;height:21px; margin-right: 5px;}
.scheduleTabs .ajax__tab_inner {padding-left:3px;background:url(/images/tabs/tab-left.gif) no-repeat;}
.scheduleTabs .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(/images/tabs/tab.gif) repeat-x;}
.scheduleTabs .ajax__tab_hover .ajax__tab_outer {background:url(/images/tabs/tab-hover-right.gif) no-repeat right; margin-right: 5px;}
.scheduleTabs .ajax__tab_hover .ajax__tab_inner {background:url(/images/tabs/tab-hover-left.gif) no-repeat;}
.scheduleTabs .ajax__tab_hover .ajax__tab_tab {background:url(/images/tabs/tab-hover.gif) repeat-x; }
.scheduleTabs .ajax__tab_active .ajax__tab_outer {background:url(/images/tabs/tab-active-right.gif) no-repeat right; margin-right: 5px;}
.scheduleTabs .ajax__tab_active .ajax__tab_inner {background:url(/images/tabs/tab-active-left.gif) no-repeat;}
.scheduleTabs .ajax__tab_active .ajax__tab_tab {background:url(/images/tabs/tab-active.gif) repeat-x; }
.scheduleTabs .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:none;padding:8px;background-color:#ffffff;}

.featureTabs .ajax__tab_header {padding-left: 7px; font-family:verdana,tahoma,helvetica;font-size:11px;background:url(/images/tabs/tab-line.gif) repeat-x bottom;}
.featureTabs .ajax__tab_outer {padding-right:0;background:url(/images/tabs/tab-right.gif) no-repeat right;height:21px; margin-right: 5px;}
.featureTabs .ajax__tab_inner {padding-left:3px;background:url(/images/tabs/tab-left.gif) no-repeat;}
.featureTabs .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(/images/tabs/tab.gif) repeat-x;}
.featureTabs .ajax__tab_hover .ajax__tab_outer {background:url(/images/tabs/tab-hover-right.gif) no-repeat right; margin-right: 5px;}
.featureTabs .ajax__tab_hover .ajax__tab_inner {background:url(/images/tabs/tab-hover-left.gif) no-repeat;}
.featureTabs .ajax__tab_hover .ajax__tab_tab {background:url(/images/tabs/tab-hover.gif) repeat-x; }
.featureTabs .ajax__tab_active .ajax__tab_outer {background:url(/images/tabs/tab-active-right.gif) no-repeat right; margin-right: 5px;}
.featureTabs .ajax__tab_active .ajax__tab_inner {background:url(/images/tabs/tab-active-left.gif) no-repeat;}
.featureTabs .ajax__tab_active .ajax__tab_tab {background:url(/images/tabs/tab-active.gif) repeat-x; }
.featureTabs .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #bba;border-top:0;padding:8px;background-color:#ffffff;}

/*--Drop Shadow CSS--*/
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    width: 350px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

#shadow-container .shadow1 {
    background: #F1F0F1;
}

#shadow-container .shadow2 {
    background: #DBDADB;
}

#shadow-container .shadow3 {
    background: #B8B6B8;
}

#shadow-container .container {
    background: #f2f2f2;
    border: 1px solid #848284;
    padding: 10px;
    text-align: left;
}