/*Development ONLY Styles */
.hide-me { display:none;}
.incomplete { color:#FF0066; background-color:#FFFF66; font-weight:bold;}

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

/* General */
body { font-size:62.5%; font-family: Arial, Helvetica, Tahoma, sans-serif;	background: url(../_img/_subs/sub-main-bgnd.gif) repeat-x; }
h1.welcome { display: none; }
.right {float:right;}
.left {float:left;}
.clear {clear:both;}

/* Main Containers  */
#main{ margin:0 auto; overflow:visible; width:990px; }
#content-area { width:744px; }
#sidebar { width:246px; }

/* Logo */
h1#logo-sub { text-indent: -9999px; background: url(../_img/_subs/ChangePoint-Alaska.png) no-repeat left top; display: block; width: 470px; height: 154px; margin: 0; position: absolute;  z-index:10;}
h1#logo-sub a, h1#logo-sub a:hover {  display: block; width: 220px; height: 60px; margin:36px 0 0;}

/* Navigation - See _menu.css */

/* Bread Crumbs */
#bread { font-size:1.2em; padding-left:447px; line-height:28px; }
#bread a:hover { text-decoration:underline;}

/* Content Header & Box */
#content-header {width:725px; height:292px; margin-left:15px;	}
#content-header img {position: relative; top: 4px; z-index:1;}
#page-top {margin-left: 11px; height:4px; width: 733px; }
#page-middle {margin-left: 11px; padding:0 4px 0 4px; width: 733px; }
#page-top.light {background: url(../_img/_subs/page-top-light.png) no-repeat;} /* Light Colored Page Border PNG */
#page-middle.light {background: url(../_img/_subs/page-middle-light.png) repeat-y;}
#page-top.dark {background: url(../_img/_subs/page-top-dark.png) no-repeat;} /* Dark Colored Page Border PNG */
#page-middle.dark {background: url(../_img/_subs/page-middle-dark.png) repeat-y;}

/* Content Styling */
#page-middle h2 {text-indent: 12px; font:2.4em/43px "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; }
#content {width:701px; min-height:550px; padding:20px 12px 40px; overflow:hidden;}
#content h3 { clear:left; font: 2.2em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; margin:0 0 10px;}
#content h3 span.min-name { font-style:italic; font-weight:bold;}
#content h3 a:hover, #content h4 a:hover, #content h5 a:hover { text-decoration:underline;}
#content h4 { clear:left; font: 2.1em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; margin:0 0 4px;}
#content h5{ clear:left; font: 1.9em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; margin:0 0 4px;}
#content h6{ clear:left; font: 1.7em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; margin:0 0 4px;}
#content p { font-size: 1.2em; line-height:18px; margin-bottom:10px; }
#content p a:hover{ text-decoration:underline;}
#content p a.read-more {font-weight:bold; float:left; margin:5px 0;}
#content p a:hover.read-more { text-decoration:underline;}
#content img.img-left { float:left; margin:0 15px 10px 0;}
#content img.img-right { float:right; margin:0  0 15px 10px;}
#content a img {border:none;}
#ministry-buttons { float:left; margin: 10px 10px 5px 0;} /* Ministry Buttons Container */
#ministry-buttons img { margin-left:5px;}
#content ul { list-style:outside; margin:15px 20px; font-size:1.2em;}
#content ol{ list-style:outside; margin:15px 20px 15px 25px; font-size:1.3em;}
#content ol li a:hover, #content ul li a:hover{ text-decoration:underline;}
#content hr { height:0; margin:0 0 10px; border-style:solid; border-width:1px 0 0; clear:both; }
#content blockquote { width:450px; font-family:Georgia,Times,Serif; font-size:1.5em;font-style:italic; font-weight:normal; line-height:1.3em;margin:25px; padding:10px; }
#content blockquote cite{ font:.8em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; margin-left:20px;}
#content table {font-size: 1.2em; line-height:18px;}
#content table h4 {font-size: 1.8em; margin:20px 0 5px;}
#content table a:hover{ text-decoration:underline;}

/* Content Styling - Ministy Landing Page */
#content div.intro {width:200px; padding:0; margin:18px 20px 5px 0; height:300px; text-align:center;}
#content div.intro h4 { font:2.2em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; padding:4px 0; margin-bottom:5px;}
#content div.intro h4 a:hover {text-decoration:underline;}
#content div.intro p {width:190px; padding:0 5px; margin:18px 20px 5px 0; height:280px; text-align:center;}

/* Content Styling - Congregational Care Landing Page */
#content span.cc {width:200px; padding:0; margin:18px 20px 5px 0; min-height:275px; text-align:center;}
#content span.cc h4 { font:2.2em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; padding:4px 0; margin-bottom:5px;}
#content span.cc h4 a:hover {text-decoration:underline;}

/* Content Styling - Messages Page */
.sermon ul { float:right; list-style:none !important; margin:5px !important; }
.sermon ul li { float:left; list-style:none !important; padding:0 2px !important;}
.sermon ul li a { display:block; height:18px; text-indent:-9999px; }
.sermon ul li.listen a { width:61px; background:url(../_img/basic/sermon-main-listen.gif) no-repeat;}
.sermon ul li.download a { width:76px; background:url(../_img/basic/sermon-main-download.gif) no-repeat;}
.sermon ul li.watch a { width:61px; background:url(../_img/basic/sermon-main-watch.gif) no-repeat;}
.sermon ul li.notes a { width:61px; background:url(../_img/basic/sermon-main-notes.gif) no-repeat;}
.sermon { border-bottom:1px solid #cac9ab; margin:0 0 10px 15px; overflow:auto;}
.sermon p.meta { font-size:1.1em !important;}
#current-sermon { margin:25px 0 50px; clear:both;}
#filter {float:right;}
#filter select { width:150px;}
#paginate-wrap { float:right;}
#paginate-wrap p { margin:0 !important;}
#paginate-label{ float:left; font-weight:bold; padding:2px 8px 0;}
#pagination { float:left;}
#pagination a {color:#4d7553;display:block;float:left;margin:0 6px; padding:2px;}
#pagination a#off {display:none;}
#pagination a#current { font-weight:bold;}
#pagination a#previous {width:16px;height:17px;margin-top:4px;text-indent:-9999px;background:transparent url(/_img/basic/sermon-previous.gif) no-repeat;}
#pagination a#next {width:16px;height:17px;margin-top:4px;text-indent:-9999px;background:transparent url(/_img/basic/sermon-next.gif) no-repeat;}

/* Content Styling - Articles Page */
#content .article {padding:0 0 10px; border-bottom:1px solid #cac9ab; margin-bottom:10px;}
#content .article h3{clear:none; margin:0;}
#content .article p.byline { font-style:italic;}

/* Content Styling - Calendar Page */
body#calendar #content {} /* Applies to Calendar page only */
#content #calendar-outer{position: relative;}
#content table.calendar{margin-bottom: 25px;border-collapse: collapse;}
#content table.calendar caption{padding: 15px 0 10px;font-size: 1.6em;font-weight: normal;}
#content table.calendar caption span{width: 18px;height: 0;padding: 10px 20px 0;overflow: hidden;}
#content table.calendar caption span.calendar-prev{}  /* Prev BGND Image */
#content table.calendar caption span.calendar-next{}  /* Next BGND Image */
#content table.calendar th{padding: 6px 0; font-size:1.1em; text-align: center; border:none;}
#content table.calendar td{width: 95px;height: 68px;padding: 2px 2px 10px;border-left: 0;border-top: 0;font-size:.9em; line-height:1.2em;vertical-align: top;}
#content table.calendar td.current{}
#content table.calendar td.empty{}
#content table.calendar td a{text-decoration: none;}
#content table.calendar td ul{margin: .5em 0 0;font-size: 100%;padding: 0;}
#content table.calendar td li{margin-bottom:5px; list-style:none;background: none;}
#content table.calendar td li a{text-decoration:none;}
#content table.calendar td li a:hover{text-decoration:underline;} 
/* Content Styling - Calendar Event Details */
#content p.event-time{ font-style:italic;}

/* Content - Photo Galleries */
#content .galleries { height:170px;}
#content .galleries, #content .gallery { width:180px; overflow:hidden; padding:10px; float:left; margin:0 10px 10px; text-align:center;}
#content .galleries:hover, #content .gallery:hover {background-position: left bottom;}
#content .galleries h3 {margin:0 0 5px; font-size:2.1em; }
#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;}

/* Sidebar */
#sidebar h3 { width:235px; margin:20px 0 0 7px; padding-bottom:3px; text-indent:5px; font: 2.4em "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif; }
.sidebox { width:215px; margin-left:7px; padding:10px; }
.sidebox h4 { font-size:1.3em; font-weight:bold; line-height:1.1em;}
.sidebox h4 a:hover { text-decoration:underline;}
.sidebox p {font-size:1.1em; margin:0;}
.sidebox span.sermon-listen { float:right; margin-top:-25px;}
.sidebox span.sermon-listen a, .sidebox span.sermon-watch a { display:block; height:21px; width:70px; text-indent:-9999px;}
.sidebox-btm { width:215px; margin-left:7px; padding:13px 10px 6px;}
.sidebox-btm a { padding-right:15px; font-size:1.2em; line-height:18px; }
.sidebox-btm a:hover { text-decoration:underline;}

/* Sidebar - Messages, Upcoming Events & Articles */
#messages h4 { height:30px;}
span.ea { display:block; overflow:auto; padding:8px 0 2px;}
p.date {float:left; height:30px; width:28px; margin:0 8px 0 0; padding:2px 0 0; font-size:1.2em; line-height:1em; text-align:center;}
p.date span.day {font-size:1.4em; font-family:"Times New Roman", Times, serif; line-height:1em;}
p.details {padding:1px 0 0;}
p.details a { padding-right:10px; font-size:1em; }
p.details a:hover { text-decoration:underline;}

/* Sidebar - Sub Navigation */
#sidebar-abs { position:absolute; top:356px;} /*abs position subnav and 2 sideboxes below it */
#subnav-outter{ position:relative; left:-4px; margin:0; width:249px; padding-top:11px; }
#subnav-inner{ margin:0; width:249px; padding-bottom:11px; }
ul#subnav{width:249px; padding:0; font-size:1.2em; font-weight:bold; }
ul#subnav li {width:235px; }
ul#subnav li a{display:block; overflow:auto; text-decoration:none; padding:5px 0 5px 16px; } /* parent indent */
ul#subnav li ul li a{no-repeat 24px 8px; padding:3px 0 3px 26px; }/*first child indent */
ul#subnav li ul li ul li a{no-repeat 24px 8px; padding:3px 0 3px 36px; }/*second child indent */
ul#subnav li a:hover, ul#subnav li ul li a:hover { text-decoration:underline; }
ul#subnav li a span.grades {font-size:.9em; font-weight:normal;}
/* Sidebar - Sub Navigation for Ministries Pages Only */
body#ministries ul#subnav li{list-style:none; display:none;}
body#ministries ul#subnav li.current, body#ministries ul#subnav li.current li{display:block;}

/* Sidebar - 2 Buttons */
#sidebar h4#volunteer-opps a, #sidebar h4#new-to-cp a, #sidebar h4#giving a { text-indent: -9999px; display: block; width: 235px; height: 27px; margin: 0;}
#sidebar h4#volunteer-opps a {margin:30px 0 0 7px;}
#sidebar h4#new-to-cp a {margin:15px 0 0 7px;}
#sidebar h4#giving a {margin:15px 0 20px 7px;}
#sidebar h4#volunteer-opps a:hover, #sidebar h4#new-to-cp a:hover, #sidebar h4#giving a:hover { background-position:right;}

/* Footer & Search */
#footer { width:725px; height:200px; background:#454134 url(../_img/_subs/footer.gif) repeat-x left top; clear:left;}
#footer p { color:#fff; font-size:1.2em; padding:10px 0;}
#footer p a {color:#fff;}
#footer p a:hover { text-decoration:underline;}
#footer .subscribe-rss a { clear:left; padding:2px 0 2px 21px; background: url(../_img/_subs/rss.gif) no-repeat left center;}
#search { width:220px; padding-left:12px; margin-top:24px; float:left; }
#search input { color: #453f30; border: 1px solid #fff; background-color: #fff; float: left;width: 170px; padding: 4px 5px; margin-bottom:10px;}
#search input:focus {color: #c86e25;	border: 1px solid #c86e25; }
#search_go{ text-indent: -9999px; display: block; float: left; margin: 0 0 0 6px; width: 28px; height: 27px; background: url(../_img/_subs/search.gif) no-repeat;}
#search_go:hover {background: transparent url(../_img/_subs/search.gif) no-repeat -28px;}
#services { width:240px; padding:0 25px 0 12px; margin-top: 35px; float:left; text-align: right; }
#services h3 {color:#fff; font-size:1.6em; margin-bottom:8px;}
#address { width:180px; padding-left:12px; margin-top:29px; float:left; }
p#ftr-logo { text-indent: -9999px; display: block; width: 129px; height: 24px; padding:0 0 10px; background: transparent url(../_img/_subs/footer-logo.png) no-repeat center center;}
#address .directions a { padding:3px 0 3px 25px; margin-top:35px; background: url(../_img/_subs/globe.gif) no-repeat left center;}