/***************************************
   GLOBAL
-------------------------------------- */

html {  background: url(../images/gtf_images/footer_bkgd.png) repeat; }
h1, h2, h3, h4 { Cambria, Georgia, "Times New Roman", Times, serif; }
h1 { text-indent: -20000px; }
a{ color: #3f821d;}
h3 a{ text-decoration: none; }
h1 a { width: 400px; height: 86px; display: block; margin:0 auto; }
body { text-align: center; margin: 0; padding: 0; font-family: Constantia, Georgia, Times; background: url(../images/gtf_images/content_bkgd.png) repeat-x  0 170px #e5d4a1; color: #4d452e;}
.container {text-align: left;}
a.button, button { font-size: 11px; }
ul.noBullets {margin: 0 0 1.5em 0; padding-left: 0; padding-right: 0; list-style: none;}
label { font-size: 85%; }
table { border-collapse: collapse; }

#sidebar { font-size: 85%; }
#sidebar table { border-collapse: collapse; border-left: 1px solid #DAC28D; border-right: 1px solid #DAC28D}
#sidebar table p, #sidebar table a { margin: 0px; }
#sidebar table th { background: url(../images/gtf_images/bg_header.jpg) no-repeat; border-right: 1px solid #D9C8A2; border-bottom: 1px solid #D9C8A2; border-top: 1px solid #D9C8A2; letter-spacing: 2px; text-transform: uppercase; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#sidebar table tr.odd td { background-color: #f2efe6;}
#sidebar table tr.even td { background-color: #f2eddf;}
#sidebar a.button, #sidebar button { font-size: 12px; }

#content .container { padding: 4.5em 0 3em 0;  }



/***************************************
   HEADER
-------------------------------------- */

#header { background: url(../images/gtf_images/body_bkgd.png) repeat-x; height: 170px; }
#header .container { background: url(../images/gtf_images/header_bkgd.jpg) no-repeat; }
#content { background: url(../images/gtf_images/footer_fringe.png) bottom repeat-x ; }

#navigation ul {  top: 98px; position: absolute; margin: 0; padding: 0; width: 950px; display: block;}
#navigation ul li { padding: 0; display: inline; width: 160px; height: 72px; float: left; overflow: hidden;}
#navigation ul li.lastlink, #navigation ul li.lastlink a { width: 150px; }
#navigation ul li a { color: #665c3d; padding: 24px 15px 0px 15px; display: block; width: 130px; height: 48px; text-decoration: none; font-size:24px; line-height: 15px; background: url(../images/gtf_images/gtf_buttons.gif) no-repeat 0px 0px; }
#navigation ul li a:hover { background: url(../images/gtf_images/gtf_buttons.gif) no-repeat 0 -144px; }
#navigation ul li.active a { color: #3b807f; background: url(../images/gtf_images/gtf_buttons.gif) no-repeat 0 -288px; padding-bottom: 12px; }
#navigation ul li.rightShadow a { background: url(../images/gtf_images/gtf_buttons.gif) no-repeat 0 -72px; }
#navigation ul li.rightShadow a:hover { background: url(../images/gtf_images/gtf_buttons.gif) no-repeat 0 -216px; }
#navigation ul li.lastlink a { padding-right: 5px; padding-left: 15px; }
#navigation ul li a span.small { font-family: "Lucida Grande", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 11px;}


.breadcrumbs_paper { width: 50px; height: 56px; background: url(../images/gtf_images/breadcrumbs_bkgd_paperclip.gif) no-repeat; float: left; }
ul.breadcrumbs { top: 48px; position: relative; margin: 0 0 0 -40px; padding: 0; height: 56px; overflow: hidden;}
ul.breadcrumbs li { list-style-type: none; float: left; }
ul.breadcrumbs li a { padding-left: 15px; padding-bottom: 18px; padding-right: 15px; padding-top: 14px; text-decoration: none; font-size: 12px; margin: 16px 0 0 0; height: 27px; background: url(../images/gtf_images/breadcrumbs_bkgd.gif) repeat-x 0px 5px; display: block; font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; }
.breadcrumbs_end {  width: 22px; height: 40px;  margin: 16px 0 0 0; float:left; background: url(../images/gtf_images/breadcrumbs_bkgd_end.gif) no-repeat 0px 5px; }

/***************************************
   FOOTER
-------------------------------------- */

#footer { background: #ccc; color: #84764e; background: url(../images/gtf_images/footer_bkgd.png) repeat; margin: 0; padding: 0;}
	#footer .container { padding: 1.5em 0 1.5em 0 }
		#footer textarea, #footer input { border-color: #93855d; border-style: solid; border-width: 1px; color: #fdf6e2; background: #5c5132; }
		#footer h3 { color: #ddd1ae;}
		#footer a.button, #footer button { background-color: #c1ad70;}		


/***************************************
   STAFF
-------------------------------------- */

.bio { color: #fcf2d4; background: url(../images/gtf_images/bio_bkgd.png) repeat-x #807040; margin-bottom: 0px; line-height: 1.3; }
.bio.small p { margin-bottom: 0px; padding: 20px; }
.bioHold {background: #ebdcad; float: left; }
button.bio_button { background: url(../images/gtf_images/bio_button.png) no-repeat; border: none; width: 150px; height: 27px; margin-bottom: 0px;}
button:hover.bio_button { background: url(../images/gtf_images/bio_button.png) no-repeat 0px -27px; }
body.about h2 { text-indent: -20000px; ;width: 950px; height: 48px; margin-bottom: 1em; }
body.about #worship h2 { background: url(../images/gtf_images/content_headers.gif) no-repeat 0 -48px; }
body.about #staff h2 { background: url(../images/gtf_images/content_headers.gif) no-repeat 0 -144px; }
body.about #beliefs h2 { background: url(../images/gtf_images/content_headers.gif) no-repeat 0 -96px; }

#worship, #beliefs, #staff { margin-bottom: 3.5em; }



/***************************************
   MINISTRIES
-------------------------------------- */

tr.handwritten_tr th, tr.handwritten_tr td  { height: 48px; text-indent: -20000px; background: url(../images/gtf_images/content_headers.gif) no-repeat; padding: 0px;}
table#ministries_list tbody tr { border-bottom: dotted #a1946e 1px; }
table#ministries_list tbody tr:hover, table#ministries_list tr:hover.even { background-color: #fceec6; }

ul.files { margin-left: 0px; margin-right: 0px; list-style: none; }
ul.files li a { text-decoration: none; }



/***************************************
   HOME
-------------------------------------- */
#home_blocks { margin: 1.5em 0 0 0; background: url(../images/gtf_images/block_bkgd.png) no-repeat #f5e5b8; }
#home_blocks .span-22 { margin: 4.5em 40px .75em 40px; }
#home_blocks h3 { background-position: 0 1.1em; margin-bottom: 0px; padding-bottom: .75em; }
#home_blocks table.photo_gallery a img.frame { padding: 0px; margin-top: 0px; border: none;}
#home_blocks table.photo_gallery { background-color: #dccb97; border: solid 3px #dccb97; padding-top: 3px; }


/***************************************
   PHOTOS
-------------------------------------- */

table.photo_gallery th, table.events th { letter-spacing: 10px; font-size: 75%; text-transform: uppercase; padding-left: 0px;padding-right: 0px; }
table.photo_gallery th hr, table.events th hr { color: #b3a37d;}
table.photo_gallery td { line-height: 1.00; text-align: center; vertical-align: top;background-color: none; padding: 0px;}
table.photo_gallery a img, img.frame { border-right-color: #eee9dc; border-bottom-color: #eee9dc; border-left-color: white; border-top-color: white; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; border-width: 1px; padding: 5px 6px 6px 5px; background-color: #fefaf0; }
table.photo_gallery a img {margin-top: 5px;}
table.photo_gallery a:hover img {margin-top: 0px;}

ol#comment_list { padding: 1.5em 19px 1.5em 19px; background-color: #f2e3b6; list-style: none; margin: 0px; border-left: 1px solid #DAC28D; border-right: 1px solid #DAC28D; border-top: 1px solid #DAC28D;}
ol#comment_list li { background-color: #f2e3b6; clear: both; }
ol#comment_list li .comment_content { background-color: #faf4e1; padding: .85em 18px .85em 18px; margin-bottom: 0px; }
ol#comment_list .posted { font-size:.8em;margin-bottom: 0;line-height:1.875em }
ol#comment_list img { padding: 0; margin: 0 5px 0 5px; float: none; }

#add_comment { padding-top: 1.5em; background: #ebdcad; margin: 0 0 1.5em 0; display: none;}
#add_comment textarea { width: 270px; height: 144px; }
#add_comment .captcha img { margin-bottom: .75em; float: left;}

.sidebar_cat_base { background: url(../images/gtf_images/photos_cat_base.png) no-repeat; height: 54px; width 270px; }
#sidebar table { margin-bottom: 0px; border-collapse: collapse;  }
#sidebar table td.categories { background-color: #f2e3b6; font-family: "Lucida Grande", "Lucida Sans", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 80%; line-height: 1; }

table.tableBorder th { padding-left: 10px; }



/***************************************
   EVENTS
-------------------------------------- */



td.day { font-size: 180%; line-height: 1; width: 40px; }
tr.handwrittenMonth td { height: 48px; text-indent: -20000px; }
tr.handwrittenMonth td.Jan { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -240px; }
tr.handwrittenMonth td.Feb { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -288px; }
tr.handwrittenMonth td.Mar { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -336px; }
tr.handwrittenMonth td.Apr { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -384px; }
tr.handwrittenMonth td.May { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -432px; }
tr.handwrittenMonth td.Jun { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -480px; }
tr.handwrittenMonth td.Jul { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -528px; }
tr.handwrittenMonth td.Aug { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -576px; }
tr.handwrittenMonth td.Sep { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -624px; }
tr.handwrittenMonth td.Oct { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -672px; }
tr.handwrittenMonth td.Nov { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -720px; }
tr.handwrittenMonth td.Dec { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -768px; }



/***************************************
   EVENTS
-------------------------------------- */

table#audio tr.handwritten_tr th { background: url(../images/gtf_images/content_headers.gif) no-repeat 0px -192px; }

/***************************************
   BLOG
-------------------------------------- */


ul.nav_list { margin-left: 0; border-top: 1px dotted #9d9866; }
ul.nav_list li { list-style: none; margin: 0px; border-left: 1px solid #9d9866; border-bottom: 1px dotted #9d9866; text-align: left; }
ul.nav_list li a { display: block; padding: 0.7em 0.5em 0.7em 0.9em; text-decoration: none; }
ul.nav_list li a:link { color: #000; }
ul.nav_list li a:visited { color: #255011; }
ul.nav_list li a:hover {font-weight:bold; color: #2b3821; background: #d8e9ac; border-left: 3px solid #316a18; }
ul.comment_list li img { margin: 0 5px; }
ul.comment_list { list-style: none; margin-left: 0; border-bottom: 1px dotted #9d9866; }


/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../js/cluetip/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}

.cluetip-jtip #cluetip-outer {
  background-image: url(../js/cluetip/images/white_bkgd.png);
  background-repeat: repeat;
  border: 1px solid #ccc;
  position: relative;
}

.cluetip-jtip h3#cluetip-title {
  padding-left: 5px;
  padding-bottom: 4px;
  padding-right: 5px;
  padding-top: 7px;
  font-style: normal;
  margin-left: 0;
  margin-bottom: 7px;
  margin-right: 0;
  margin-top: 0;
  font-size: 11px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
  font-weight: normal;
}

.cluetip-jtip #cluetip-inner {
  text-align: center;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 0px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../js/cluetip/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../js/cluetip/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../js/cluetip/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../js/cluetip/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}



/***************************************
	THICKBOX
-------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

