/* @override 
	http://christchurchbaptist.org/css/styles.css
*/

/* @group GLOBALS */

body {
	font-size: 62.5%;
	background: #302523 url(/images/body_bg.jpg)  repeat-x center top;
	font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif;
	color: #51504d;
	margin: 0;
	padding: 0;
	min-width: 962px;
}

#wrap{
   background: url(/images/body_bg.jpg) repeat-x center top;
}

#outer-container {
	background: url(/images/bg_outer-container.gif) repeat-x 0 183px ;
}

#container {
	width: 962px;
	margin: 0 auto;
	position: relative;
	padding-top: 29px;
}

.show 				 {
	display: block;
}

.hidden, hr {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

a {
	outline: none;
}

/* @end */

/* @group HEADER */

#header {
	position: relative;
	z-index: 1000;
}

#header-inner {
	width: 960px;
	height: 183px;
	margin: 0 auto;
	position: relative;
}

#header h1,
#header h1 a {
	display: block;
	width: 303px;
	height: 67px;
}

#header h1 {
	background: url(/images/logo.png) no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	top: 29px;
	text-indent: -999em;
}

#header h1 a:focus {
	outline: none;
}

/* @end */

/* @group SHELF */

#shelf {
	display: none;
	padding: 30px 25px;
	height: 209px;
	background: #aa462b url(/images/bg_shelf.gif) repeat-x bottom;
	z-index: 1000;
	
}

#shelf-inner{
   width: 910px;
   margin: 0 auto;
}

#map_canvas {
	display: block;
	width: 328px;
	height: 211px;
	float: left;
}

#shelf #map_canvas small a{
   color: #fff !important;
}

#contact {
	float: left;
	width: 220px;
	padding-left: 23px;
}

#contact h4 {
	font-size: 1.3em;
	color: #f4f2e9;
	margin: 5px 0 0;
}

#contact p {
	font-size: 1.2em;
	color: #d7d3c1;
}

#contact a {
	color: #62ace0;
}

#contact a:hover {
	text-decoration: none;
}

/* @end */

/* @group CONTACT FORM */

#contact-form {
	float: left;
	padding-left: 28px;
	width: 307px;
}

#contact-form h4,
#contact-form p,
#contact-form li {
	font-size: 1.3em;
	color: #f4f2e9;
	margin: 5px 0 1em;
}

#contact-form p,
#contact-form li {
	font-size: 11px;
}

#contact-form div {
	padding-bottom: 1em;
}

#shelf fieldset,
#shelf form {
	margin: 0;
	padding: 0;
	border: none;
}

#shelf label {
	float: left;
	font-size: 1.2em;
	color: #d7d3c1;
	margin: .3em 0 0;
}

#shelf input {
	float: right;
	border: none;
	padding: 4px;
	height: 18px;
	width: 254px;
}

#shelf textarea {
	float: right;
	padding: 4px;
	height: 75px;
	width: 232px;
	border: 0;
}

#shelf input.submit {
	width: auto;
	height: auto;
	padding: 0;
}

/* @end */

/* @group SUBMENU */

#submenu {
	position: absolute;
	top: 30px;
	right: 7px;
	height: 91px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
}

#submenu ul{
   margin: 0;
   padding: 0;
}

#submenu li {
	float: left;
	display: inline;
	background: url(/images/bg_submenu_li.png) no-repeat bottom right;
	list-style: none;
}

#submenu li.last{
   background: none;
}

#submenu p {
	margin: 0;
	padding: 0;
}

#submenu a {
	display: block;
	float: left;
	height: 61px;
	padding: 30px 24px 0;
	color: #5d2518;
	font-size: 1.4em;
	text-decoration: none;
   text-shadow: #eee4d6 1px 1px 0;
}

#submenu a strong{
   display: block;
   font-size: 1.42em;
}

#submenu a:hover{
   background: url(/images/bg_submenu_li_hover.png) repeat-x bottom;
}

#searchForm,
#searchForm fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#searchForm {
	width: 226px;
	height: 32px;
	background: url(/images/search_bg.png) no-repeat;
	position: absolute;
	top: 139px;
	right: 5px;
}

#searchForm input {
	border: 0;
	padding: 4px;
	width: 168px;
	height: 15px;
	position: relative;
	margin: 5px 0 0 12px;
	float: left;
	font-size: 12px;
	color: #b9b4a3;
	background: none;
	text-transform: capitalize;
}

#searchForm a {
	display: block;
	width: 25px;
	height: 32px;
	float: left;
	margin: 0;
	padding-left: 10px;
	text-indent: -999em;
}

/* @end */

/* @group SERVICE TIMES */

#service-times {
	display: block;
	padding: 0;
	width: 572px;
	height: 29px;
	position: absolute;
	right: 0;
	top: 0;
}

#service-times p {
	font-size: 11px;
	color: #321711;
	margin: 0;
	padding: 9px 134px 0 0;
	text-align: right;
	position: relative;
	top: 0px;
}

#service-times p a {
	color: #321711;
}

#service-times img {
	border: none;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}

#service-times img.down{
   top: -5px;
   border-top: 5px solid #aa462b;
}

/* @end */

/* @group NAVIGATION */

#nav, #nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav {
	position: absolute;
	top: 122px;
	height: 62px;
	padding-left: 15px;
}

#nav li {
	float: left;
	position: relative;
}

#nav li a {
	display: block;
	font-size: 1.3em;
	color: #d8d0c3;
	text-transform: uppercase;
	padding: 24px 23px 0;
	height: 37px;
	text-decoration: none;
   text-shadow: #3a211b 1px 1px 0;
}

#nav li:hover a {
	background: #3d302a;
	color: #e7e4d8;
}

#nav li.current{
   background: url(/images/current_nav.png) repeat-x 0 0;
}

#nav li.current a,
#nav li:hover a {
	background: url(/images/bg_nav_li_current.png) no-repeat center bottom;
	color: #f8f6f3;
}

#nav li.current li.current a{
   background: none;
}

#nav li.current li.current{
   background: none;
}

#nav li.current:hover li a {
	background: #120b05;
	font-weight: normal;
	margin: 0;
	text-shadow: none;
}

#nav li ul {
	position: absolute;
	left: -5000px;
	z-index: 1001;
	width: 180px;
	background: #3d302a;
	padding: 10px;
}

#nav li.current ul {

	border-top: none;
	margin-left: -1px;
}

#nav li li {
	margin: 0;
}

#nav li:hover li a,
#nav li.current:hover li a {
	padding: 10px;
	text-transform: none;
	width: 160px;
	background: none;
	height: auto;
}

#nav li li a:hover, #nav li.current li a:hover {
	background: #190704;
	color: #fff;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul {
	left: -5000px;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul {
	left: auto;
	display: block;
	top: 61px;
}

#nav li:hover ul li:hover ul {
	margin: -70px 0 0 180px;
}

/* @end */

/* @group HEADER IMAGE */

#header-image {
	height: 319px;
	

/* 353 with padding */
   background: url(/images/bg_sub_header.gif) no-repeat;
	padding: 34px 27px 0 24px;
	margin-bottom: -15px;
	margin-top: -20px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#subheader-left {
	width: 39px;
	height: 349px;
	position: absolute;
	background: url(/images/bg_sub_header_left.gif);
	top: 0;
	left: -39px;
}

#subheader-right {
	width: 65px;
	height: 349px;
	position: absolute;
	background: url(/images/bg_sub_header_right.gif);
	top: 0;
	right: -65px;
}

/* @end  */

/* @group SUBNAV */

ul#subnav,
ul#subnav ul,
ul#subnav ul ul{
   margin: 0;
   padding: 0;
}

#sidebar ul#subnav{
   margin-bottom: 10px;
   width: 279px;
   position: relative;
   left: -12px;
}

ul#subnav li{
   list-style: none;
}

ul#subnav li a{
   display: block;
}

ul#subnav li a#subnav_toplevel{
   width: 224px;
   height: 44px;
   padding: 22px 27px 0;
   display: block;
   position: relative;
   margin-top: -18px;
   margin-bottom: 10px;
   background: url(/images/bg_a_toplevel.gif) no-repeat;
   color: #4c261e;
   font-size: 2em;
   font-weight: bold;
}

ul#subnav li li{
   background: url(/images/bg_subnav_li.gif) no-repeat bottom 4px;
   margin: 0;
   padding-bottom: 2px;
}

ul#subnav li li.last{
   border: none;
}

ul#subnav li li.current li{
   font-weight: normal;
   background: none;
}

ul#subnav li li a{
   color: #4d473c;
   font-size: 1.4em;
   padding: 11px 5px 11px 27px;
}

ul#subnav li li a:hover{
   background: url(/images/bg_subnav_li_li_hover.gif);
}

ul#subnav li li.current a{
   background: url(/images/bg_subnav_li_li_current.png) no-repeat;
   width: 221px;
   height: 28px;
   color: #fdfcfc;
   position: relative;
   left: -10px;
   top: -1px;
   margin-bottom: -1px;
   padding: 13px 30px 0 37px;
}

ul#subnav li li ul{
   padding: 10px 0 6px;
   display: none;
}

ul#subnav li li.current ul {
	display: block;
}

ul#subnav li li.current li a{
   background: none;
   left: 0;
   color: #7d7566;
   height: 24px;
   padding: 10px 30px 0 37px;
}

ul#subnav li li li a{
   font-size: 1.2em;
   color: #8b7d65;
   padding: 8px 16px;
}

ul#subnav li li li.current a,
ul#subnav li li li.current li.current a{
   background: url(/images/bg_subnav_li_li_li_current_a.gif) no-repeat 250px 12px;
   color: #761117;
   font-weight: bold;
   text-decoration: none;
}

ul#subnav li li li.current li a{
   background: none;
   font-size: 1.1em;
   padding-left: 50px;
   width: 195px;
}

ul#subnav li li li.current li a:hover{
   text-decoration: underline;
}

/* @end */


/* @group CONTENT */

#content-wrap {
	background: url(/images/content_wrap_bg.gif) repeat-y;
	min-height: 750px;
}

#content {
	min-height: 750px;
	background: url(/images/bg_content.gif) repeat-y;
}

#text{
   padding: 24px 18px;
}

#main {
	float: right;
	padding: 18px 18px 30px 18px;
	width: 647px;
}

#banner{
   width: 647px;
   height: 256px;
   background: url(/images/bg_banner.gif) no-repeat;
   position: relative;
   overflow: hidden;
}

#banner img{
   max-width: 624px;
   max-height: 235px;
   position: absolute;
   top: 9px;
   left: 10px;
}

#main h2 {
	font: normal 28px Helvetica, Arial, sans-serif;
	color: #761117;
	margin: 0 0 .5em;
}

#main h3,
#main h4,
#main h5,
#main h6{
   	margin: 0 0 .25em;
}

#main h3{
   font-size: 1.7em;
   color: #4c5e63;
   font-weight: normal;
}

#main h4{
   color: #761117;
   font-size: 1.9em;
   font-weight: bold;
}

#main h5,
#main h6 {
	font-size: 1.7em;
	color: #a43517;
}

#main h6{
   font-size: 1.4em;
   color: #4c5e63;
   font-weight: normal;
   text-transform: uppercase;
}

#main p,
#main li,
#main td {
	font-size: 1.2em;
	color: #4b4a47;
	line-height: 1.5em;
}

#main li p {
	margin-bottom: 0px;
}

#main p {
	margin-bottom: 2.5em;
}

#main li *,
#main td * {
	font-size: 1em;
}

#main a {
	color: #ab2a07;
	text-decoration: underline;
}

#main a:hover {
	text-decoration: none;
}

img.left-align {
	float: left;
	margin: 10px 10px 10px 0;
	position: relative;
	left: -10px;
}

img.right-align {
	float: right;
	margin: 10px 0 10px 10px;
	position: relative;
	right: -10px;
}

/* @end */

/* @group SIDEBAR */

#sidebar {
	float: left;
	width: 255px;
	padding: 18px 12px 100px;
}

#sidebar h3 {
	background: #dddbd1;
}

#sidebar label {
	display: block;
	clear: both;
	width: 232px;
	padding: 5px 0 5px 10px;
}

#sidebar label span {
	float: left;
	margin-top: 4px;
}

#sidebar select {
	float: right;
	width: 157px;
}

#sidebar img {
	border: none;
}

#sidebar ul {
	margin-bottom: 20px;
}

#sidebar ul li {
	margin-bottom: 10px;
}

#sidebar ul li a {
	color: #a72614;
	font-size: 1.2em;
	text-decoration: none;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group SUBNAV */

h4.current {
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 28px;
	padding: 0 18px;
	background: #dddbd1;
	margin-top: 0;
}

h4.current a {
	color: #5a5853;
	text-decoration: none;
}

#third-level {
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
}

#third-level li {
	margin-bottom: 5px;
}

#third-level li a {
	font-size: 1.2em;
	color: #5a5853;
	line-height: 30px;
	text-decoration: none;
	display: block;
}

#third-level a:hover {
	text-decoration: underline;
}

#third-level li.current a {
	background: #fff;
	color: #a72614;
	position: relative;
	left: -12px;
	padding-left: 12px;
	margin-right: -24px;
}

/* @end */

/* @group UP NEXT */

#up-next {
	position: relative;
}

#sidebar #up-next-meta {
	width: 231px;
	float: left;
	padding: 11px 12px;
	background: #dddbd1;
	margin-bottom: 14px;
	position: relative;
}

#sidebar #up-next h3 {
	width: 113px;
	height: 10px;
	background: url(/images/bg_sidebar_upnext_h3.gif) no-repeat;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

#all-events {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
	cursor: pointer;
	font-size: 10px;
	color: #948f83;
	text-decoration: none;
	padding: 9px;
}

#all-events:hover {
	text-decoration: none;
	background-color: #fff;
	padding: 9px;
}

#sidebar .event {
	padding: 10px 12px 0;
	margin: 0 -12px;
	clear: left;
}

#sidebar .event h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 2px 14px;
}

#sidebar .event h4 a,
#sidebar .widget a {
	color: #21323d;
	text-decoration: none;
}

#sidebar .event h4 a:hover,
#sidebar .widget a:hover {
	text-decoration: underline;
}

#sidebar .event p,
#sidebar .widget p {
	font-size: 1.1em;
	color: #99968e;
	padding: 1px 0 12px 14px;
	margin: 0;
	background: url(/images/event_bg.gif) no-repeat left bottom;
}

#sidebar .event:hover {
	background: url(/images/event_hover_bg.gif) repeat-y;
}

/* @end */

/* @group SIDEBAR WIDGET */

.widget {
	padding: 10px 12px 0;
	margin: 0 -12px;
}

#sidebar .widget p {
	background: none;
}

/* @end */

/* @group FOOTER */

#footer {
	clear: both;
	padding-bottom: 150px;
	position: relative;
	left: -3px;
}

#footer-inner {
	width: 962px;
	margin: 0 auto;
	background: url(/images/footer_bg.gif) no-repeat 3px 0;
	padding-left: 2px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 50px;
	padding-left: 10px;
}

#footer li {
	display: inline;
	float: left;
	background: url(/images/footer_li.gif) no-repeat left center;
	padding-top: 1px;
}

#footer li.first {
	background: none;
}

#footer li a {
	display: block;
	float: left;
	font-size: 11px;
	color: #7a6c69;
	text-decoration: none;
	padding: 0 16px;
	line-height: 40px;
}

#footer li a:hover {
	text-decoration: underline;
	color: #ab9d99;
}

.address {
	float: left;
	padding: 10px 0 0 18px;
}

.address p {
	font-size: 11px;
	color: #817370;
	margin: 0 0 6px;
}

.cpm {
	float: right;
	padding: 10px 18px 0 0;
}

.cpm p {
	text-align: right;
	margin: 0 0 4px;
	font-size: 11px;
	color: #7c7569;
	margin: 0 0 6px;
}

.cpm a {
	color: #a09390;
	text-decoration: none;
}

#footer .cpm li a{
   line-height: 1.5;
   padding: 0 0 0 7px;
   margin-right: 5px;
   color: #817370;
}

.cpm a:hover,
.cpm a.external {
	text-decoration: underline;
}

.cpm a.external:hover {
	text-decoration: none;
}

#right-paper {
	display: block;
	width: 70px;
	height: 346px;
	background: url(/images/right_paper_bg.jpg) no-repeat;
	position: absolute;
	right: -67px;
	top: 0px;
}

#left-paper {
	display: block;
	width: 38px;
	height: 328px;
	background: url(/images/left_edge_bg.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: -38px;
}

/* @end */

/* @group FORMS */

fieldset {
	border: 0;
}

input:focus {
	outline: none;
}

/* @end */

.donate-div {
	margin: 10px 0 10px 200px;
}

#comment-status {
	background: #eee;
	padding: 10px !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 20px 0;
}

#comment-status p {
	margin: 0;
	padding: 0;
}



/* @group MINI CAL */

#calendar {
	padding: 24px 9px 32px;
	position: relative;
}

#calendar table {
	background: #fff url(/images/cal_bg.gif) repeat-y;
	width: 238px;
	border-collapse: collapse;
	border-bottom: 1px solid #e1e1d4;
}

#calendar caption {
	background: url(/images/cal_caption_bg.gif) no-repeat right 2px;
	padding: 0 0 10px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #585650;
}

#calendar caption em {
	font-weight: normal;
	font-style: normal;
}

#calendar span {
	display: block;
	height: 11px;
	width: 12px;
	padding-top: 2px;
}

#calendar span.currentMonth {
	width: auto;
}

#calendar span a {
	display: block;
	height: 11px;
	width: 12px;
	background: #fef8d3;
	font-weight: bold;
}

#calendar span.nextMonth {
	position: absolute;
	top: 24px;
	right: 9px;
}

#calendar span.prevMonth {
	position: absolute;
	top: 24px;
	right: 26px;
}

#calendar span.prevMonth a {
	background: url(/images/minical_previous.gif);
	text-indent: -9999px;
}

#calendar span.nextMonth a {
	background: url(/images/minical_next.gif);
	text-indent: -9999px;
}

#calendar span img {
	width: 12px;
	height: 11px;
	display: block;
	float: left;
	vertical-align: bottom;
}

#calendar th {
	font-size: 10px;
	font-weight: normal;
	color: #84806c;
	background: #e6e4d7;
	height: 15px;
	padding-top: 3px;
}

#calendar td {
	text-align: left;
	padding: 3px 3px;
	width: 33px;
	height: 23px;
	vertical-align: top;
	border: 1px solid #e1e1d4;
	border-width: 1px 1px 0 0;
	font-size: 9px;
}

#calendar td span {
	display: block;
	width: 27px;
}

#calendar td.today span span{
	display: none;
}

#calendar td.linked-day {
	background: #fef8d3;
}

#calendar td a {
	color: #313028;
	text-decoration: none;
	display: block;
   width: 26px;
	height: 23px;
}

#calendar td ul{
	position: absolute;
	left: -999em;
	padding: 10px;
	list-style: none;
	background: #fef8d3;
	min-width: 100px;
	top: 10px;
}

#calendar td ul a{
	display: block;
	width: 90%;
	height: auto;
}

#traildiv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}

#traildiv ul {
	background: #4a463f;
	text-align: left;
	margin: 0;
	padding: 10px;
	list-style: none;
	opacity: .91;
	filter: alpha(opactiy=91);
}

#traildiv ul li {
	margin: .75em;
}

#traildiv li a {
	color: #ebe9d8;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

/* @end */

/* @group Sidebar Event List */

#sidebar ul#side-eventlist{
   margin: 0;
   padding: 10px 0 0;
   list-style: none;
}

ul#side-eventlist li{
   padding: 0;
   margin: 0;
   width: 236px;
   float: left;
   background: url(/images/bg_sidebar_eventlist_li.gif) no-repeat left bottom;
}

ul#side-eventlist li a{
   display: block;
   font-size: 1.1em;
   color: #4c4c42;
   padding: 10px 0 12px;
   float: left;
   width: 195px;
}

ul#side-eventlist li span{
   display: block;
   float: right;
   text-align: right;
   width: auto;
   color: #999989;
   padding: 10px 0 12px;
}

ul#side-eventlist li a:hover{
   text-decoration: underline;
}

ul#side-eventlist li a:hover span,
ul#side-eventlist li:hover span{
   text-decoration: none !important;
}

/* @end  */