﻿/************** START OF RESET STYLES **************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1.05em;background: #f2f2f2;font-family: Arial, Helvetica, Sans-Serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {	outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*************** END OF RESET STYLES ***************/
h2 {padding: 10px 0px 15px 0px; color:#747376;}
h3 {font-size:10pt; font-weight:bold; padding: 10px 0px 15px 0px; color:#0073b5;}

#pageBackground {width: 990px;background: #fff;margin:auto;min-height: 500px;height: auto !important;height:500px;}

#header {position:relative;width: 990px;background: #fff;height: 158px;z-index: 99;}
#header_logo {margin-left: 10px;margin-top: 10px;}
#header_missionStatement {position:absolute; top: 20px; right: 15px;}

#facebook_icon, #twitter_icon{padding: 0;margin: 0;position:absolute;top: 127px;right: 25px;width: 40px;background: #fff;text-align:center;z-index:98;}
#twitter_icon {right: 60px;}

#contentBackground {background: #dbdbdb;min-height: 500px;height: auto !important;height:500px;width: 960px;margin: auto;padding-top:0px;}

#login_button_panel {color: #747376;font-size: 9pt;position: absolute;top:3px;right: 10px;height: 26px;width: 173px;vertical-align:top;}
#login_button_panel .invitation {position: relative;top: -7px;}
#login_panel {font-size: 9pt;margin: 0px;width: 230px;padding: 15px;height: 100px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:#dbdbdb none repeat scroll 0 0;position: absolute;top:3px;right: 15px;z-index:99;border: solid 2px #0073b5;}

#usernameTextbox, #passwordTextbox, #searchTextbox {margin-top: 5px;margin-left: 5px;width: 145px;}

#signinButton, #searchButton {margin:5px 5px 0 77px;}
#hide_button, #hide_search_button {position: absolute;top: 2px;right: 2px;}

#search_panel {font-size: 9pt;margin: 0px; width: 600px; padding: 25px; -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:#dbdbdb none repeat scroll 0 0;position: absolute;top:128px;right: 95px;z-index:99;border: solid 2px #0073b5;}

#footer {position:relative;z-index: 10;clear:both;}  
#footer_top {margin-top: 10px;margin-left: 10px;width: 727px;height: 200px;background: #dbdbdb url(/images/footer_top.png) top left no-repeat;}
#footer_middle {line-height: 1.1em;color: #747376;font-size: 9pt;padding-left: 25px;padding-right: 25px;margin-left: 10px;margin-left: 10px;width: 677px;background: #dbdbdb url(/images/footer_middle.png) top left repeat-y;}
#footer_middle a:hover, #footer_middle a:link, #footer_middle a:visited {color: #747376;}
#footer_bottom {margin-left: 10px;width: 727px;height: 18px;background: #dbdbdb url(/images/footer_bottom.png) top left no-repeat;}
.footerNavColumn {margin-top: 5px;margin-left: 25px;float:left;width: 200px;line-height:1.01em;}

.footerNavColumn a {margin-top: 3px;font-size: 10pt;text-decoration: none;}
.footerNavColumn a:hover, .footerNavColumn a:link, .footerNavColumn a:visited{color: #dbdbdb;}

#legalText {color: #747376; font-size: 9pt;width: 960px; height: 20px; text-align:center; padding-top: 10px;}
#legalText a {text-decoration:none; color: #747376; margin-right:10px}

#denimfishText {color: #747376; font-size: 9pt;width: 960px; height: 40px; text-align:center; padding-top: 20px; background: #dbdbdb url(/images/denimfish_footer.png) top left no-repeat}
#denimfishText a {text-decoration:none; color: #747376; margin-right:10px}
#denimfishText img {vertical-align:middle; margin-left:10px}
 
#vod {height: 63px;width:687px;overflow:auto;}    
  
#latest_tweets {font-size: 10pt;color:#747376;margin-top: 10px;background: #dbdbdb url(/images/latest_tweets.png) top left no-repeat;width: 180px;height: 226px;position: absolute;top: -10px;right: 10px;_right: 7px;padding-top: 50px;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;float:left;}
.tweets {overflow: auto;height: 226px;width: 183px;}
.tweet {font-size: 8pt;margin-top: 5px;}
.tweet a, .tweet a:link, .tweet a:visited, .tweet a:hover {color: #0073b5;line-height: 1.05em;}
.tweetDate {font-size: 7pt;color: #dbdbdb;width: 163px;text-align:right;}

#slideshow_holder {position: relative;margin-left: 10px;padding-top:10px;}
#slide_holder {margin:0px;padding: 0px;width: 941px;height: 260px;background: #dbdbdb url(/images/slideshow_bg.png) top left no-repeat;}
ul.slideshow {list-style:none;width:941px;height:260px;overflow:hidden;position:relative;margin:0;padding:0;margin-left:5px;}	
ul.slideshow li {position:absolute;left:0;right:0;}
ul.slideshow li.hide {z-index:94;}
ul.slideshow li.show {z-index:95;}
ul img {border:none;}

#frontPage_middle_holder, #contentPage_middle_holder {position: relative;margin-left: 10px;padding-top:10px;width: 941px;}

#events_holder {position:relative;width:202px;height: 309px;background: #dbdbdb url(/images/events_bg.png) top left no-repeat;padding-top: 15px;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;}
#events {overflow: auto;height: 270px;width: 183px;}
#events_title, #news_title {font-size: 14pt;font-weight:bold;color: #0073b5;margin-bottom: 20px;}
#allEventsLink_holder {position:absolute;right: 40px;_right: 32px;top: 5px;width: 59px;text-align:right;font-size: 9pt;padding-top: 5px;z-index:3;}
#allEventsLink_holder a {color: #0073b5;}
.gCalFeed_holder {width: 185px;height: 264px;overflow:auto;}
.gCalFeed_entry {padding-top: 2px;font-size: 9pt;color:#747376;margin-bottom: 10px;}
.gCalFeed_time {color: #0073b5;line-height: 1.05em;font-size: 9pt;padding-top: 3px;}
.gCalFeed_date {font-size: 10pt;font-weight:bold;width: 159px;background: #dbdbdb;line-height: 1.1em;color: White;text-align:right;height:  20px;padding-top: 4px;padding-right: 4px;}

#news_holder {width:502px;height: 309px;background: #dbdbdb url(/images/news_bg.png) top left no-repeat;padding-top: 15px;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;position:absolute;left: 215px;top:10px;}
.newsItems_holder {width: 496px;height: 264px;overflow:auto;}
.newsItem_headline {margin-top: 5px;font-size: 12pt;font-weight:bold;color:#0073b5;}
.newsItem_body {margin-top: 3px;margin-bottom: 20px;font-size: 10pt;color: #747376;}
.newsItem_body a {color: #0073b5;}
.newsItem_body img {width: 200px; float:right; clear:both; padding: 10px;}
#newsSeeAll_holder {position:absolute;right: 29px;_right: 20px;top: 5px;width: 59px;text-align:right;font-size: 9pt;padding-top: 5px;z-index:3;}
#newsSeeAll_holder a {color: #0073b5;}

#secondaryNav_holder {width:200px; position:relative;}
#secondaryNav_title {background: #dbdbdb url(/images/secondaryNav_bg_top.png) no-repeat top left; font-size: 14pt;font-weight:bold;color: #0073b5; padding: 15px 0 15px 15px;}
#secondaryNav_tree {background: #dbdbdb url(/images/secondaryNav_bg_bottom.png) no-repeat bottom center; width: 200px; padding-bottom: 15px;}
#secondaryNav_ul {padding-top: 10px; padding-left:15px;}
#secondaryNav_ul li { font-size: 10pt; padding-top: 5px; margin-bottom: 5px;}
#secondaryNav_ul li a {color: #0073b5;}
#secondaryNav_ul li a:hover, #secondaryNav_ul li a:active {text-decoration: underline; font-weight:bold; color:#000;}
#secondaryNav_ul li a:visited, #secondaryNav_ul li a:link { text-decoration:none}
#secondaryNav_ul ul {margin-bottom: 10px; margin-left: 15px; }
#secondaryNav_ul li.selected {font-weight: bold;color: #000;}

#frontPage_middle_holder .ads_holder {position:absolute;right: 0px;top:10px;margin:0;padding:0;}
#contentPage_middle_holder .ads_holder {margin:0;padding:0; margin-top: 15px;}
.ads_holder img {display:block;border:0;}

#leftColumn_holder {width:200px; float:left;margin-right: 10px; margin-bottom: 10px}
#middleColumn_holder {width: 725px; background: #fff; overflow:hidden;  margin-left: 214px; _margin-left: 210px}

#article_top { background: #fff url(/images/article_top.png) no-repeat top center;}
#article_holder {background: #fff; padding: 0 10px 10px 10px;float:left; min-height: 611px;height: auto !important;height:611px;}
#article_body {float:left; width: 485px;background: #fff; padding: 10px;}
#article_body_no_quote {float:left; width: 690px;background: #fff; padding: 10px;}
#article_quote {width: 180px; margin-left: 515px; background: #fff; text-align:right;padding-top: 40px;}
#article_bottom {clear:both;height: 20px;background: #fff url(/images/article_bottom.png) no-repeat bottom center;}

#article_body p, #article_body_no_quote p {font-size: 10pt; color: #747376; margin-bottom: 15px; line-height: 1.1em;}

#article_body blockquote, #article_body_no_quote blockquote {font-size: 10pt; color: #747376; margin-bottom: 15px; font-style:italic; padding: 10px 25px 10px 25px; line-height: 1.1em;}

#article_body ul, #article_body_no_quote ul {list-style-type:disc;  list-style-position:outside; font-size:10pt;color: #747376; padding-left: 30px; margin-bottom: 10px; margin-top: -10px}
#article_body ul li, #article_body_no_quote ul li {margin-bottom: 5px;line-height: 1.1em;}

#article_body_no_quote img {float:right;padding: 0 0 10px 10px; clear:right;}
#article_body a, #article_body_no_quote a {color: #0073b5;}
#article_body a:hover, #article_body_no_quote a:hover, #article_body a:active, #article_body_no_quote a:active {text-decoration: underline; font-weight:bold; color:#000;}
#article_body a:visited, #article_body_no_quote a:visited, #article_body a:link, #article_body_no_quote a:link { text-decoration:none}

.clergyTeamPhoto {float:left; width:204px;padding: 10px 25px 0 0;text-align:center; font-size: 10pt; color:#747376;}
.clergyTeamPhoto h2 {padding: 10px 0 0 25px;}
.pccPhotoSection, .homeGroupLeaderPhotoSection {float:none; clear:both; }
#article_body_no_quote .pccPhotoHolder, #article_body_no_quote .homeGroupLeaderPhotoHolder  {float:left; width:150px;padding: 10px 20px 0 0;text-align:center; font-size: 10pt; color:#747376;}
#article_body_no_quote .pccPhotoHolder img, #article_body_no_quote .homeGroupLeaderPhotoHolder img  {float:none;}
#article_body_no_quote img.rotaIcon {float:none; clear:both; vertical-align:middle;}

.sermonsTable td, .eventsTable td, #newsArticlesDataGrid td {font-size: 10pt; color:#747376;padding: 5px;vertical-align:middle;}
.sermonsTable th, .eventsTable th, #newsArticlesDataGrid th {font-size: 10pt; color:#747376;padding: 5px;text-align:left;}
.timeColumn {width: 35px;}
.venueColumn {width: 60px;}
.titleColumn {width: 140px;}
.preacherColumn {width: 70px;}
.playerColumn {width: 300px;}

.news_headline {width: 650px;}
.news_summary {width: 350px; height: 200px;}
.news_article {width: 650px; height: 800px;}
.newsItem {padding-top:20px;clear:both;}

#newsPageArticleHolder img {width:300px;}
#newsPanelPagingControlsHolder {padding-top: 20px;clear:both;margin: auto; width:690px}
#newsPanelPagingControlsHolder img {float:none}
.newsPanelNewerButtonDiv {width:340px; text-align:left;float:left;}
.newsPanelOlderButtonDiv {width:340px; text-align:right;float:right;}


#publicationsHolder img {clear:both; float: none; vertical-align: middle; padding: 5px;}
#publicationsHolder a:hover, #publicationsHolder a:active {text-decoration: underline; font-weight:normal;}
#publicationsHolder a:link, #publicationsHolder a:visited {text-decoration: none; color: #747676}
.publicationDiv {clear: both; float:none}
