/* Meyer Reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */
html, body, div, span, applet, object, iframe, 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,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

/* Layout */
.TableHeader .Container {
	height: 132px;
	background: url(../images/header.jpg) left no-repeat;
}
.Table {
	width: 928px;
	line-height: 1.5;
	margin: 0 auto;
}
.TableLeft,
.TableCenter {
	background: white url(../images/content_bg.gif) top repeat-x;
	padding: 10px;
}
.TableLeft {
	background: #e9f1f0 url(../images/table_left_bg.gif) top repeat-x;
}
.TableCenter {
	padding-right: 30px;
	width: 100%;
}
.TableFooter {
	background: #2D5246;
	border-top: 2px solid #823D1E;
	color: #77AD9C;
	text-align: center;
	font-size: 75%;
	padding: 10px 0;
}
.TableFooter a {
	color: #77AD9C;
}
.TableFooter a:hover {
	color: white;
}

/* General */
body {
	word-wrap: break-word;
	font-size: 90%;
	color: #3A2C2E;
	font-family: georgia, serif;
	background: #91A5A3 url(../images/background.jpg) no-repeat top center;
}
.churchtitle,
.churchsubtitle {
	position: absolute;
	text-indent: -9999em;
}
a {
	color: #8F532F;
}
a:hover {
	color: black;
}
.TableCenter ol, 
.TableCenter ul {
	margin-left: 35px;
	list-style: square !Important;
}
#color_key  ul {
	list-style: none !Important;
}
hr {
	height: 1px;
	border: 0; /* FF */
	background: #273446; /* FF */
	color: #273446; /* IE */
}




/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/
/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	background: #295146 url(../images/topmenubg.gif) top repeat-x;
	width: 878px;
	float:left;
	font-family: arial, sans-serif;
	padding-left: 50px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width: 20em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left: -10px;
	font-size: 85%;
	padding: 8px 1em 10px 1em;
	background:url("../images/clear.gif");/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	padding-right: 15px;
	cursor:pointer;
	float:left;
	list-style-type:none;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:17em/*FF*/;
	padding:0;
	border:none;
	border-top:none;
	background: #7c8b89;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color: white;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height: 31px;
	line-height: 31px;
}
#TJK_dropDownMenu li a {
	cursor: pointer;
}
#TJK_dropDownMenu li a:hover {
	background: url(../images/menu_hover.png);
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:16em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.9em;
	height:1.9em;
	font-weight:normal;
	border-bottom:1px solid #485453;
	color: white;
}
#TJK_dropDownMenu li ul li.Other {
	border-top: 3px solid #637270;
}

/* :hover and stuff */

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color: white !important;background:#637270}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a,
.CF #TJK_dropDownMenu li#CF a,
.GJ #TJK_dropDownMenu li#GJ a,
.KR #TJK_dropDownMenu li#KR a,
.ST #TJK_dropDownMenu li#ST a,
.UZ #TJK_dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors */
#AB,#AB li a {background-color:transparent;}
#CF,#CF li a {background-color:transparent;}
#GJ,#GJ li a {background-color:transparent;}
#KR,#KR li a {background-color:transparent;}
#ST,#ST li a {background-color:transparent;}
#UZ,#UZ li a {background-color:transparent;}




/* Podcasts
-------------------------------------------------------------- */
.products_list h2 {
	background: #dce9e3;
	padding: 5px;
}
ul.products_list {
	margin: 0;
}
.podcast {
	width: 100%;
	padding: 0;
	border: 0;
}


/* Calendar
-------------------------------------------------------------- */
.calendar {
	width: 100%;
}
.dayName {
	text-align: left;
}
.dayName th {
	border-bottom:3px solid #ABA1AB;
	font-size:85%;
	vertical-align:bottom;
	width: 75px;
	color: white;
	background-color:#2D5246;
	padding: 3px;
	height: 35px;
}
.monthName th {
	font-weight:normal;
	padding-bottom:0em;
	padding-top:0em;
	text-align:left;
}
.calendar .day,
.calendar .specialDay {
	padding: 3px;
	border-left:1px dotted #938970;
	border-bottom:1px dotted #938970;
	text-align: left;
	vertical-align: top;
	height: 75px;
	background-color:#FFFFFF;
}
.weekendDay {
	border-bottom:1px dotted #ABA1AB; text-align:left; vertical-align:top;
}
#event_calendar .today {
	border: 2px solid #9F3E3E;
}
.otherMonth.weekendDay {
	color: #6A7670;
}
.otherMonth {
	padding: 3px;
	color: #6A7670;
	border-right:1px solid white;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #ABA1AB;
	background-color: #D0E0D8;
}
.product_description p {
	margin-left:100px; width:350px;
}
.upcoming_events,
.past_events {
	margin-bottom:25px;
}

/* Scal and TinyScal */
.widget .scal .celebration {
	font-weight: bold;
	background-color: #975243 !Important;
}
.scal .daybox{
	border: 1px solid #525252;
}
.scal .dayboxname{
	border: 1px solid black;
	background-color: black;
	color:white;
	font-size:16pt;
}
.scal .dayboxsunday{
	background-color: #AFA893;
}
.scal .dayboxsaturday{
	background-color: #AFA893;
}
.scal .dayoutmonth{
	background: #817C6C;
	color: #4A473A;
}
/* 
tinyscal - a mini version of the calendar type.  
useful in tight spaces. usage: 
define class of base element as "scal tinyscal" 
as tinyscal is dependent on scal.
*/
.tinyscal {
	font-size:8pt;
	width: 250px;
	min-height:140px;
}
.tinyscal .daybox:hover {
	border-right:1px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
.scal .dayselected {
	font-weight: bold;
	background-color: #B9897E;
	color: white;
}
.tinyscal .dayboxname:hover {
	border-color: transparent;
}
.tinyscal .daybox {
	border-top: 1px solid #CCC5B2;
	border-left: 1px solid #CCC5B2;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	width: 33px;
}
.tinyscal .dayboxname {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid black;
}

/* Fixes */
	/* Prop Clear Min-Height Fix - http://www.greywyvern.com/code/min-height-hack */
	.prop {
	height:620px;
	float:right;
	width:1px;
	}

	.propclear {
	clear:both;
	height:1px;
	overflow:hidden;
	}
	/* Goullitine http://www.positioniseverything.net/easyclearing.html */
	.widgetdiv1:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.widgetdiv1 {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .widgetdiv1 {
		height: 1%;
	}
	.widgetdiv1 {
		display: block;
	}