@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }
ul, ol, blockquote { margin-left: 30px; }

a { color: #fc7101; }
a:hover { color: #0189df; }

h1, h2, h3 { margin-bottom: 7px; font-family:Verdana, Arial, Helvetica, sans-serif;; }

h1 { font-size: 19px; color: black; }
h2 { font-size: 17px; color: black; }
h3 { font-size: 15px; color: #444 }
p { font-size: 14px; margin-bottom: 20px; color: #555; line-height: 25px; }
p:last-child { margin-bottom: 0; }

.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }

img { border: 1px solid #CCC; padding: 2px; }
img.solo { border: none; }

/* page layout */

#pageHeaderBg { width: 100%; background: url(images/branding-bg.png) 0px -3px repeat-x; overflow: hidden; } 
#pageHeader,
#pageFooter,
#pageCanvas { width: 730px; margin: auto; color: gray; font-family:Georgia, "Times New Roman", Times, serif; }

#whiteArea { width: 100%; background-color: white; overflow:hidden; margin-top: -1px; }

#pageCanvas { width: 800px; }

#pageFooterBg { width: 100%; background: url(images/footer-bg.png) top left repeat-x; overflow: hidden; height: 75px; }
#pageFooter { margin: 10px auto; }
#pageFooter p { text-align: center; margin-bottom: 5px;}
#pageFooter p a { color: #555; text-decoration: none; }
#pageFooter p a:hover { text-decoration: underline; }

#branding { padding: 0px 5px 3px 5px; padding-left: 45px; overflow: hidden; display:block;  }
#branding img { border: none; padding: 0; }
#branding a { outline: none }

#mainNavMenu ul { list-style-type: none; overflow: hidden; margin: 1px 2px; height: 24px; }
#mainNavMenu ul li { float:left; width: 121px; text-align: center; height: 24px;}

#mainNavMenu ul li a { display: block; outline: none; background: url(images/menu.png) -1px 0px no-repeat; height: 0px; padding-top: 24px; }
#mainNavMenu ul li#nav-ministry a { background-position: -122px 0 }
#mainNavMenu ul li#nav-sermon a { background-position: -244px 0 }
#mainNavMenu ul li#nav-calendar a { background-position: -366px 0 }
#mainNavMenu ul li#nav-location a { background-position: -488px 0 }
#mainNavMenu ul li#nav-contact a { background-position: -611px 0 }

#mainNavMenu ul li a:hover { background-position: -1px -25px }
#mainNavMenu ul li#nav-ministry a:hover { background-position: -122px -25px}
#mainNavMenu ul li#nav-sermon a:hover { background-position: -244px -25px }
#mainNavMenu ul li#nav-calendar a:hover { background-position: -366px -25px }
#mainNavMenu ul li#nav-location a:hover { background-position: -488px -25px }
#mainNavMenu ul li#nav-contact a:hover { background-position: -611px -25px }

#mainNavMenu ul li a:active { background-position: -1px -77px }
#mainNavMenu ul li#nav-ministry a:active { background-position: -123px -77px}
#mainNavMenu ul li#nav-sermon a:active { background-position: -246px -77px }
#mainNavMenu ul li#nav-calendar a:active { background-position: -367px -77px }
#mainNavMenu ul li#nav-location a:active { background-position: -490px -77px }
#mainNavMenu ul li#nav-contact a:active { background-position: -612px -77px }

#mainNavMenu ul li.active a { background-position: -1px -51px; }
#mainNavMenu ul li#nav-ministry.active a { background-position: -123px -51px}
#mainNavMenu ul li#nav-sermon.active a { background-position: -245px -51px }
#mainNavMenu ul li#nav-calendar.active a { background-position: -367px -51px }
#mainNavMenu ul li#nav-location.active a { background-position: -490px -51px }
#mainNavMenu ul li#nav-contact.active a { background-position: -612px -51px }


#mainNavMenu li ul.popMenu { width: 122px; position: absolute; display: none; z-index: 1200; margin: 0; overflow: hidden; height: 125px; } 
#mainNavMenu li ul.popMenu li { background: white; float: none; width: 100%; font-size: 10px; height: 25px; }

#mainNavMenu li#nav-ministry ul.popMenu li a, #mainNavMenu li#nav-sermon ul.popMenu li a { background: url(images/popmenu.png) 0px -1px no-repeat; height: 25px; font-family: Arial, Helvetica, sans-serif; padding-left: 122px; padding-top:0; }
#mainNavMenu li#nav-ministry ul.popMenu li#nav-ym a { background-position: -121px -1px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-school a { background-position: -242px -1px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-prayer a { background-position: -363px -1px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-teaching a { background-position: -484px -1px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-videos a { background-position: -605px -1px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-newsletter a { background-position: -726px -1px }

#mainNavMenu li#nav-ministry ul.popMenu li a:hover { background-position: 0px -26px }
#mainNavMenu li#nav-ministry ul.popMenu li#nav-ym a:hover { background-position: -121px -26px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-school a:hover { background-position: -242px -26px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-prayer a:hover { background-position: -363px -26px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-teaching a:hover { background-position: -484px -26px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-videos a:hover { background-position: -605px -26px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-newsletter a:hover { background-position: -726px -26px }

#mainNavMenu li#nav-ministry ul.popMenu li a:active { background-position: 0px -51px }
#mainNavMenu li#nav-ministry ul.popMenu li#nav-ym a:active { background-position: -121px -51px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-school a:active { background-position: -242px -51px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-prayer a:active { background-position: -363px -51px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-teaching a:active { background-position: -484px -51px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-videos a:active { background-position: -605px -51px }
#mainNavMenu li#nav-sermon ul.popMenu li#nav-newsletter a:active { background-position: -726px -51px }

#bannerFrame { width: 729px; background: url(images/banner-bg.png) top left no-repeat; padding-top: 14px; margin: 0 auto; margin-top: 7px; height: 274px; overflow: hidden; }
#mainBanner { width: 695px; display: block; margin: 0 auto; padding: 0; overflow: hidden; }
#mainBanner img { border: none; padding: 0}

#content { margin: 7px auto; overflow: hidden; width: 743px; }

#content .column { float: left; overflow: hidden; }
#content .full { width: 100%; }
#content .full .row { width: 690px; background: url('images/fullbox-bg.png') left top repeat-y; margin: 0 7px; }
#content .half .row { width: 337px; margin: 0 7px; background: url(images/halfbox-bg.png) left top repeat-y; }
#content .half:last-child .row { margin-right: 0 }

#content .row { padding: 10px; overflow: hidden;  }
#content .full .row { padding: 20px; }
#content .rowHead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: white; padding: 5px 10px; height: 18px; font-weight: bold; }
#content .full .rowHead { background: url(images/fullbox-head.png) top left no-repeat; width: 710px; margin: 0 7px;}
#content .half .rowHead { background: url(images/halfbox-head.png) top left no-repeat; width: 337px; margin: 0 7px; }

#content .rowFoot { overflow:hidden; margin-bottom: 15px; display: block; }
#content .full .rowFoot { background: url(images/fullbox-foot.png) top left no-repeat; height: 18px; margin: 0 7px; margin-bottom: 15px; width: 730px; }
#content .half .rowFoot { background: url(images/halfbox-foot.png) top left no-repeat; height: 16px; margin: 0 7px; margin-bottom: 15px; width: 357px; }

#content .sub-half { width: 50%; float: left; margin-bottom: 15px; }

#content .top-line { overflow: hidden; border: solid transparent 1px; border-top: dashed 1px #555; padding-top: 25px; margin-top: 30px;}
#content .sub-third { width: 33%; float: left; border-right: dashed 1px #555; }
#content .sub-third:last-child { border-right: none; }
#content ul { margin-bottom: 20px;}
#content li { font-size: 14px; margin-bottom: 10px; color: #555;}

#online-reg a { display: block; background: url('images/online-reg-orange.png') left top no-repeat; width: 204px; float: right; margin: 0 0 15px 15px; overflow: hidden; padding-top: 58px; height: 0 }

#online-reg a:active { background-position: 3px 3px; }