/* Resets */
* { margin: 0; padding: 0; }
ol,ul { list-style:none; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
img {border:none;}

/* General */
body { font-size:62.5%; font-family: Arial, Helvetica, Tahoma, sans-serif; background:#eaead8 url(../_img/bgnd-body.jpg) repeat-x left 401px;}
body#home {background:#eaead8 url(../_img/bgnd-body.jpg) repeat-x left 501px;}
/* ???????? */ body#subs {background:#eaead8 url(../_img/bgnd-body.jpg) repeat-x left 300px;}
h1.welcome { display: none; }
.right {float:right;}
.left {float:left;}
.clear {clear:both;}

/* Outter Containers  */
#container {background: url(../_img/bgnd-container.jpg) repeat-x left top; margin:0;}
body#home #container {background: url(../_img/bgnd-container-home.jpg) repeat-x left top; margin:0;}
#container-inner {background: transparent url(../_img/container-sides.png) repeat-y center top; overflow:auto; clear:left;}
#content-area {background: #eaead8 url(../_img/bgnd-content-area.gif) repeat-y; margin:0 auto; width:990px; display:block; clear:both;}

/* Header & Logo  */
#header{height:192px; margin:0 auto; width:990px;}
body#home #header{height:164px;}
h1#logo { float:left; background: transparent url(../_img/St-John-Vianney.gif) no-repeat left top; width: 326px; height: 64px; margin:26px 0 0 15px; }
h1#logo a { text-indent: -9999px; display: block; width: 326px; height: 64px; }
h1#logo a:hover { background: transparent url(../_img/St-John-Vianney.gif) no-repeat -326px top; }
#header #nav-secondary { color:#f1f0e3; float:right; margin:40px 15px 0 0;}
#header #nav-secondary a { font-size:1.2em; color:#f1f0e3; padding:3px 10px;}
#header #nav-secondary a:hover { color:#fff; text-decoration:underline;}

/* Navigation */
#navbar { float:left; background: #6f0000 url(../_img/bgnd-nav.gif) repeat-x; width:990px; margin-top:28px; }
ul#nav { list-style-type: none; float:left; padding-left:8px; max-width:780px; line-height:46px;}
ul#nav li { float:left; font-size:1.4em; padding-left:9px;}
ul#nav li:hover, ul#nav li.sfhover  {cursor:pointer; background: transparent url(../_img/nav-hover.gif) no-repeat left 8px; }
ul#nav li a{color:#fff; display:block; padding-right:9px;}
ul#nav li a:hover{color:#fff;}
ul#nav li:hover a, ul#nav li.sfhover a { background: transparent url(../_img/nav-hover.gif) no-repeat right 8px;}

ul#nav li ul {list-style:none;position:absolute;left:-999em;z-index:999;width:150px;line-height:1;margin-left:-9px;}
ul#nav li li {background:transparent none repeat scroll 0 0;padding:0;width:150px;font-size:.9em;}
ul#nav ul ul {/* hide 3rd level for now -- border-top:0 none;margin:-24px 0 0 150px;*/ display:none;}
ul#nav li ul ul, ul#nav li ul ul {left:-999em;}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {left:auto;}
ul#nav li:hover li a, ul#nav li.sfhover li a {background:#780000 none repeat scroll 0 0;border-top:1px solid #800f0e;padding:4px 9px 5px;}
ul#nav li:hover li a:hover, ul#nav li.sfhover li a:hover {background:#9b0000 none repeat scroll 0 0;border-top:1px solid #c00000;}


/* Search */
#search {float:right;  padding:9px 15px 0 0;}
#search input { float: left; font-size: 1.2em; color: #434235; height:26px; width:145px; padding:5px 7px 0 5px; background:transparent url(../_img/bgnd-search.gif) no-repeat scroll left top; border:none;}
#search input:focus { color: #4a0000; background:transparent url(../_img/bgnd-search.gif) no-repeat scroll left -50px; border:none;}
#search_go{ text-indent: -9999px; display: block; float: left; margin: 0 0 0 -3px; width: 33px; height: 26px; background: url(../_img/btn-search.gif) scroll left top; }
#search_go:hover { background: transparent url(../_img/btn-search.gif) no-repeat scroll left -50px; }

/* Bread-Crumbs */
#bread-crumbs {float:left; clear:both; background: #c3c3a6 url(../_img/bgnd-bread-crumbs-bottom.gif) repeat-x left bottom; width:990px; }
ul#bread-nav { float:left; list-style-type:none; background: transparent url(../_img/bgnd-bread-crumbs-top.gif) repeat-x left top; width:982px; padding-left:8px;}
ul#bread-nav li { float:left; font-size:1.2em; background: transparent url(../_img/bgnd-bread-crumbs-divider.png) no-repeat center right; white-space}

ul#bread-nav li a{color:#34332a; padding:0 15px 0 10px; line-height:28px;}
ul#bread-nav li a:hover{color:#b60000;}

/* Homepage - Rotator */
#rotator-area {height:337px; width:990px; margin:0 auto; background: url(../_img/bgnd-rotator-area.jpg) no-repeat left top; }
#rotator-box { width:392px; height:279px; background: url(../_img/rotator-polaroids.jpg) no-repeat left top; margin:0; position:relative; top:38px; left:567px; padding:8px 0 0 25px;}
ul#rotator-img { list-style: none; width:366px; height:238px; overflow:hidden;} /* use overflow:hidden to hide additional images while page and js loads */
ul#rotator-img li a img{}


/* Sidebar > Home Newsletter & Home & Sub Events */
body#home #sidebar{width:384px; background:none;} /* Applies to Home only */
#sidebar{width:348px;float:left;min-height:500px; background: transparent url(../_img/bgnd-sidebar-subs.jpg) no-repeat left top;} 
#newsletter-box {height:73px;background: #b8b891 url(../_img/bgnd-newsletter.jpg) no-repeat left bottom; padding-top:14px; }
#newsletter-box h3.title{ font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; color:#3f3d2e; margin:0 0 0 20px;}
#newsletter-box input#newsletter_text {	font-size: 1.2em;	color: #434235;	width:235px;	padding:6px;	margin:5px 0 0 20px;background-color:#E3E1C4;border:1px solid #a2a27b;}
#newsletter-box input#newsletter_text:focus { color: #4a0000; background-color:#f5f5e3; 	border:1px solid #a2a27b;}
#newsletter-box input#newsletter_submit {background:none; border:none; width:75px; height:21px; position:relative;right:-280px;top:-25px;}
/* Inactive */ #newsletter-btn{ text-indent: -9999px; display: block; float: left; margin:9px 0 0 15px; width: 75px; height: 21px; background: url(../_img/btn-subscribe.gif) scroll left top; }
/* Inactive */ #newsletter-btn:hover { background: transparent url(../_img/btn-subscribe.gif) no-repeat scroll left -55px; }

body#home #events {background: transparent url(../_img/bgnd-sidebar.jpg) no-repeat scroll left top; }
#events { position:relative; margin-bottom:50px; }
body#home #events-heading { height:85px; background: transparent url(../_img/bgnd-h3-events-home.jpg) no-repeat 10px top;}
#events-heading { height:85px; background: transparent url(../_img/bgnd-h3-events.jpg) no-repeat 10px top;}
#events h3.title{ font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; color:#3f3d2e; position:relative; top:40px; left:26px;}
#events p#icon-cal {position:absolute;right:0;top:44px;}
#events p#icon-cal a { font-size:1.1em; background:transparent url(../_img/icon-cal.gif) no-repeat scroll right center;color:#8d8a74;padding-right:20px;margin-right:10px;}
#events p#icon-cal a:hover {color:#9f0000;}
#events .events-box { background:url(../_img/border-events-box.gif) no-repeat left bottom; margin:20px 15px 0; padding-bottom:20px; overflow:auto;  }
.events-box p.events-img { float:left; width:107px; height:75px; background:url(../_img/bgnd-event-img.gif) no-repeat; margin-right:10px;}
.events-box p.events-img img {margin:6px 0 0 6px;}
.events-box h4 {font-size:1.5em; margin-bottom:4px; color:#9f0000;}
.events-box h4 a {color:#9f0000; line-height:1.1em;}
.events-box h4 a:hover {color:#28261a;}
.events-box p {font-size:1.2em; color:#6d6b52; line-height:1.2em;} 

/* Content */
body#home #content {width:556px; padding:20px 25px 10px;} 
body#full-page #content {width:940px; padding:20px 25px 50px;} 
#content {float:right; width:592px; padding:20px 25px 50px; font-size:1.3em;}
#content #header-img {width:581px;height:259px;padding:8px 0 0 9px;background: url(../_img/bgnd-header-img-area.jpg) no-repeat left top;} 

#content h2, #content h3 {font-family:"Times New Roman", Times, serif; font-size:1.9em; color:#3f3d2e; margin:13px 0 5px 0;} 
#content h4, #content h5, #content h6 {font-family:"Times New Roman", Times, serif;margin:30px 0 5px 0; } 
#content h4 {font-size:1.8em; color:#4461b5;}
#content h5 {font-size:1.7em; color:#3b9f10;}
#content h6 {font-size:1.6em; color:#9F0000;}
#content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {color:#898975; text-decoration:none;}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover { color:#898975;}

#content p { line-height:1.6em; color:#343123;  margin:0 0 15px; }
#content p a, #content ul li a, #content ol li a{ color:#c20000; text-decoration:underline; }
#content p a:hover, #content ul li a:hover, #content ol li a:hover{ color:#1b1912; text-decoration:underline;}
#content table { margin:0; padding:inherit; border:none;}
#content table, #content table p, #content table span {line-height:1.4em; color:#343123;}
#content table a, #content table p a { color:#c20000; text-decoration:underline; }
#content table a:hover, #content table p a:hover{ color:#1b1912; text-decoration:underline;}
#content img.img-left { float:left; margin:0 15px 0 0;}
#content img.img-right { float:right; margin:0  0 0 15px;}
#content img.img-left, #content img.img-right { background:url(../_img/p-img-bgnd.gif) repeat-y center top; padding:5px; border: 1px solid #d0cb9e; }
#content ul, #content ol { list-style:outside; margin:10px 20px; }
#content ul li, #content ol li { padding-bottom:2px;}
#content #welcome-box { background:url(../_img/border-content-box.gif) repeat-x left bottom; padding-bottom:30px;  }

ul#sitemap li{ padding-bottom:10px;}
ul#sitemap li ul { margin:2px 15px;}
ul#sitemap li ul li { padding:2px 0;}

/* News & Announcements */
body#home #news {width:556px; position:relative; margin:10px 0 50px; padding:0 25px 10px; background: transparent url(../_img/bgnd-h2-news.jpg) no-repeat 23px top; }
#news {float:right; width:592px; padding:20px 25px 50px;}
#news #news-heading { height:105px; }
#news h2 {font-family:"Times New Roman", Times, serif; font-size:1.9em; color:#3f3d2e; margin:13px 0 12px 0;}
body#home #news h2{ font-size:1.9em; font-family:Georgia, "Times New Roman", Times, serif; color:#3f3d2e; position:relative; top:40px; left:18px; margin:0;} 
#news p#icon-rss {position:absolute;right:20px;top:44px;}
#news p#icon-rss a {font-size:1.1em; background:transparent url(../_img/icon-rss.gif) no-repeat scroll right center;color:#8d8a74;padding-right:20px;margin-right:10px; text-decoration:none;}
#news p#icon-rss a:hover {color:#9f0000; }
.news-box { padding-bottom:5px; overflow:auto; }
.news-box p.news-img { float:left; width:160px; height:109px; background:url(../_img/p-img-bgnd.gif) repeat-y center top; padding:5px; border: 1px solid #d0cb9e;  margin-right:10px;}
.news-box p a{ color:#c20000; text-decoration:underline; }
.news-box p a:hover{ color:#1b1912; text-decoration:underline;}
.news-box h3 {font-size:1.8em; margin-bottom:8px; color:#9f0000;}
.news-box h3 a {color:#9f0000; line-height:1.1em;}
.news-box h3 a:hover {color:#28261a;}
.news-box p {font-size:1.3em; color:#343123; line-height:1.6em;margin:0 0 15px;}
.news-box p.news-date{font-size:1.2em; line-height:2em; font-style:italic; margin-bottom:10px;}
body#home .news-box p.news-date {margin:0;}
#mediabox {background:#E7EFE0 none repeat scroll 0 0;border:1px solid #CBDABF;float:right;font-size:1.1em;list-style:none;margin-bottom:20px;margin-left:0;margin-right:15px;padding:5px 5px 0;width:114px;}
#mediabox li {background:transparent none repeat scroll 0 0;font-weight:bold;margin-bottom:5px;padding:0;text-indent:-9999px;}
#mediabox li a {background-repeat:no-repeat;display:block;height:27px;width:113px;}
#mediabox li#mb_download a {background-image:url(/_img/mb_download.gif);}
#mediabox li#mb_video a {background-image:url(/_img/mb_video.gif);}
#mediabox li#mb_notes a {background-image:url(/_img/mb_notes.gif);}

/* Content - Calendar */
body#calendar #content {width:940px; padding:20px 25px 10px;} /* Applies to Calendar only */
#content #calendar-outer{position: relative;}
#content table.calendar{margin-bottom: 25px;border-top:1px solid #e7e4c5;border-left:1px solid #cdcaa6;border-collapse: collapse;}
#content table.calendar caption{padding: 15px 0 10px;font-size: 1.4em;background:transparent url(../_img/border-content-box.gif) repeat-x scroll left top;font-weight: normal;color: #9F0000;}
#content table.calendar caption span{width: 18px;height: 0;padding: 10px 10px 0;overflow: hidden;}
#content table.calendar caption span.calendar-prev{ background-image: url(../_img/icon_paginate_previous.gif) no-repeat;}
#content table.calendar caption span.calendar-next{ background-image: url(../_img/icon_paginate_next.gif) no-repeat;}
#content table.calendar th{padding: 6px 0; background: url(../_img/bgnd-calendar-bar.gif) repeat-x; font-weight:bold;font-weight: normal;text-align: center; border:none;}
#content table.calendar td{width: 129px;height: 68px;padding: 2px 2px 10px;border: 1px solid #cdcaa6;border-left: 0;border-top: 0;background: #eaead8;font-size: 1em;vertical-align: top;}
#content table.calendar td.empty{background: #e2e2cf;}
#content table.calendar td a{text-decoration: none;color:#C20000;}
#content table.calendar td ul{margin: .5em 0 0;font-size: 100%;list-style: none;padding: 0;}
#content table.calendar td li{margin-bottom:5px;background: none;}
#content table.calendar td li a{text-decoration: underline;}
#content table.calendar td li a:hover{ color:#1B1912;}

/* Content - Calendar - Events Detail Pages */
#content .event {background: transparent url(../_img/border-content-box.gif) repeat-x scroll left bottom; margin:0 0 10px; padding:10px 0 15px;}
#content .event h4 {font-size:1.6em; font-family: Arial, Helvetica, Tahoma, sans-serif; margin:0; }
#content .event h4 a { color:#9f0000;}
#content .event h4 a:hover { color:#28261A; }
#content .event p { margin:4px 0;}
#content .event p.event-time { font-size:1.2em; }
#back-to {background:transparent url(../_img/bgnd-sermonsort.jpg) no-repeat;height:97px;color:#343123; font-size:1.4em; margin:0;}
#back-to p { padding:38px 0 0 40px;}
#back-to p a {color:#9F0000; text-decoration:underline;}
#back-to p a:hover {color:#28261A;}

/* Content - Weekly Bulletin Page */
#content table.weekly-bulletin h5 {color:#EAEAD8; margin:10px 5px;}

/* Content - Photo Galleries */
#content .galleries { height:170px;}
#content .galleries, #content .gallery { width:200px; overflow:hidden; padding:10px; float:left; margin:0 5px 10px; text-align:center; background:transparent url(../_img/bgnd-gallery.gif) repeat-x; border:1px solid #dbdbc2;}
#content .galleries:hover, #content .gallery:hover { background-color:#d7d7bb; border:1px solid #cdcdae; }
#content .galleries h4 {margin:0 0 5px; font-size:1.7em; }
#content .galleries p, #content .gallery p {margin:0 0 5px; line-height:normal;}
#content .galleries p.small-thumb-view { overflow:hidden; height:100px;}
#content .gallery p.full-thumb-view { overflow:hidden; height:140px;}

/* Content - Sermons */
#paging-box { width:580px; height:22px; padding:8px 5px 5px; margin:10px 0 20px; background: url(../_img/bgnd-paging-bar.jpg) no-repeat;}
#paginate {display:block;float:left; font-weight:bold;}
#pagination {display:block;float:right;margin-right:10px;}
#pagination a#off {display:none;}
#pagination span.current {display:block;float:left;font-weight:bold;margin:0 8px;}
#pagination a {display:block;float:left;margin:0 2px; padding:0 8px;text-decoration:underline;}
#pagination a#next {background:transparent url(../_img/icon_paginate_next.gif) no-repeat scroll 0 0;height:13px;margin-left:2px;margin-top:5px;text-indent:-9999px;width:13px;}
#pagination a#previous {background:transparent url(../_img/icon_paginate_prev.gif) repeat scroll 0 0;height:13px;margin:5px 0 0;text-indent:-9999px;width:13px;}

#content .sermon {background: transparent url(../_img/border-content-box.gif) repeat-x scroll left bottom; margin:0 0 10px; padding:10px 0 15px;}
#content .sermon h4 {font-size:1.6em; font-family: Arial, Helvetica, Tahoma, sans-serif; margin:0; width:450px; }
#content .sermon h4 a { color:#9f0000;}
#content .sermon h4 a:hover { color:#28261A; }
#content .sermon h3 {font-size:1.8em; margin:0; width:450px; }
#content .sermon p { width:450px; margin:4px 0;}
#content .sermon p.sermon-info { font-size:1.2em; }
#content .sermon p.sermon-info span.sermon-date { font-style: italic; }
ul.sermon-buttons { float:right; margin:0; font-size:1.2em;list-style:none !important;}
ul.sermon-buttons li {float:left; width:25px; height:24px; padding-left:15px;}
ul.sermon-buttons li a {display:block; width:25px; height:24px; text-indent:-9999px;}
ul.sermon-buttons li.listen a { background:transparent url(../_img/icon-listen.gif) no-repeat;}
ul.sermon-buttons li.download a { background:transparent url(../_img/icon-download.gif) no-repeat;}

/* Sidebar - Homilies How To */
#sermon-sort {background:transparent url(../_img/bgnd-sermonsort.jpg) no-repeat;height:97px;color:#343123; font-size:1.3em; margin:0;font-weight:bold;}
#sermon-sort #filter { padding:30px 30px;}
#filter select {margin-left:5px; padding:2px 0; width:70%;background-color:#e3e1c4; border:1px solid #a2a27b; color:#434235; font-size:90%;}
#filter select:focus { color: #4a0000; background-color:#f5f5e3;}
#sermon-legend { position:relative; overflow:auto;}
#howto { height:129px; background: transparent url(../_img/bgnd-h3-howto.jpg) no-repeat 10px top; font-size:1.2em;}
#howto h3.title{ font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; color:#3f3d2e; position:relative; top:32px; left:30px; width:250px;}
#howto ul {position:absolute; left:26px; top:70px; list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;}
#howto ul li { width:120px; height:30px; float:left;margin:0 0 0 10px; }
#howto ul li img { float:left; margin-right:9px;}
#podcasts { background:transparent url(../_img/bgnd-podcast-bar.gif) repeat-x;margin:30px 0 60px; padding:10px 0 10px 15px;}
#podcasts h3 {background:transparent url(../_img/button-podcast.gif) no-repeat; height:60px; width:262px;text-indent:-9999px;}
#podcasts h3 a { display:block; height:60px;}

/* Sub Nav */ 
#subnav-box {background: #c9c9ab url(../_img/subnav-box.jpg) no-repeat left bottom; overflow:auto;}
#subnav-outter {width:327px; margin:22px 0 22px 12px; background: url(../_img/sidenav-middle.jpg) repeat-y center top; overflow:auto;}
#subnav-inner {background: url(../_img/sidenav-top.jpg) no-repeat center top; padding:20px 0 0;}
ul#subnav { width:280px; padding:0 23px 30px; background: url(../_img/sidenav-bottom.jpg) no-repeat left bottom;}
ul#subnav li { width:280px; white-space:nowrap;}
ul#subnav li a { display:block; height:26px; color:#34332a; line-height:22px; font-size:1.3em; background: url(../_img/sidenav-divider.gif) no-repeat left bottom;}
ul#subnav li a:hover { color:#C20000; background: url(../_img/sidenav-divider.gif) no-repeat right bottom;}
ul#subnav li ul { text-indent:15px;}
ul#subnav li.current a{ color:#9F0000;}

/* Footer */
#footer {clear:both;width:990px;height:80px;background: #c20000 url(../_img/bgnd-footer.jpg) repeat-x left bottom;border-bottom: 1px solid #440c0f; padding-top:15px;}
#footer #contact-info {float:left;}
#footer #copy-info {float:right;}
#footer p { font-size:1.2em; color:#eaead8; margin:8px 25px;}
#footer p a { color:#eaead8; text-decoration:underline;}
#footer p a:hover { color:#fff;}
#footer p.credits {text-align:right;}