/*--------------------------------------------------------------
Basic Style Sheet

Author: Michael Marcialis
Email: mmarcialis@hotmail.com
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Universal Styles
--------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}

/*--------------------------------------------------------------
Layout Styles
--------------------------------------------------------------*/

body {
	background:url(/images/template/content_gradient.jpg) #fffefc repeat-x 0 120px;
	font-size:9pt;
	font-weight:normal;
	font-family: Arial, san-serif;
	color:#666633;
}

#header {
	width:100%;
	height:120px;
	background:url(/images/template/header_gradient.jpg) repeat-x bottom center;
}

#content {
	width:100%;
	padding:30px 0 0 0;
	clear: both;
	position: relative;
}

#navigation {
	margin:0 auto;
	width:964px;
	height:120px;
	text-align:center;
}

.tree { background:url(/images/template/header_full_tree.jpg) no-repeat bottom center; }
.ppl { background:url(/images/template/header_full_ppl.jpg) no-repeat bottom center; }
.bld { background:url(/images/template/header_full_bld.jpg) no-repeat bottom center; }
.concert { background:url(/images/template/header_full_concert.jpg) no-repeat bottom center; }
.flag { background:url(/images/template/header_full_flag.jpg) no-repeat bottom center; }

#wrapper {
	width:964px;
	position: relative;
	margin:0 auto;
	
}

#leftCol {
	width:210px;
	float:left;
	position: relative;
	background:url(/images/template/quote.gif) bottom center no-repeat;
	padding-bottom:180px;
}

#mainContent {
	width:544px;
	float:left;
	position: relative;
	background:url(/images/template/content_shadow.gif) top left repeat-y; /*center column center*/
}

#rightCol {
	width:200px;
	position: relative;
	float:right;
}

#primary {
	width:544px;
	min-height: 600px;
	position: relative;
	float:left;
	background:url(/images/template/subnav_gradient.jpg) top center no-repeat; /*center gradient*/
	padding-bottom:15px;
}

#subNav {
	height:95px;
	white-space:nowrap;
	margin-bottom:10px;
}

#footer {
	width:964px;
	position: relative;
	padding-bottom:15px;
	float: none !important;
	clear: both !important;
	margin:0 auto;
	background:url(/images/template/content_gradient_bottom.gif) bottom center no-repeat; /*center column bottom*/
}

.clearer {
	clear:both;
}

#paddedContent {
	padding:0 30px;
}

#googleMap {
	border: 3px solid #C0B43F;
	width: 425px;
	background: #EFDC8A
}

.addressbox {
	padding: 10px;
	border: 1px solid #EFDDBB;
	float: left;
	height: 85px;
	background-color: #F7E7C9;
	width: 200px;
}

.addressbox H3 {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.addressbox P {
	padding: 0 !important;
	margin: 0 !important;
}

#churchLocation {
	margin-right: 25px;
}

#mailingAddress {
	clear: right;
}

/*--------------------------------------------------------------
Header Styles
--------------------------------------------------------------*/

h1 {
	display:none;
}

h2 {
	line-height:29px;
	background:url(/images/template/h2_background.png) no-repeat center left;
	color:#092037;
	font-size:11pt;
	padding:0 10px;
	margin:0 0 15px 0;
}

.sidebar h2 {
	line-height:29px;
	background:url(/images/template/h2_background_short.png) no-repeat center left;
	color:#092037;
	font-size:11pt;
	padding:0 10px;
	margin:0 0 15px 0;
}

h3 {
	line-height:22px;
	background:url(/images/template/h3_background.gif) no-repeat center left;
	color:#092037;
	font-size:10pt;
	padding:0 10px;
	margin:15px 0;
}

/*--------------------------------------------------------------
List Styles
--------------------------------------------------------------*/

#navigation ul {
	list-style:none;
	float:left;
	margin-top:97px;
	padding-left:240px;
	padding-right:240px;
	white-space:nowrap;
}

#navigation ul li {
	float:left;
	font-weight:bold;
	font-size:11pt;
	margin-left:2px;
}

#navigation li a {
	display:block;
	float:left;
	padding:0 8px;
	line-height:23px;
	text-decoration:none;
	font-size: 13px;
	color:#ffffff;
	background:#387f0d url(/images/template/tab.jpg) no-repeat top left;
}

#navigation ul a:hover {
	color:#333333;
	background:#fae9be url(/images/template/tab_active.jpg) no-repeat top left;
}

LI#active a {
	color:#333333;
	background:#fae9be url(/images/template/tab_active.jpg) no-repeat top left;
}

#content ul {
	list-style:none;
}

#content ul li {
	padding-left:25px;
	background:url(/images/template/bullet.jpg) no-repeat 0 3%;
	font-size:8pt;
	margin:13px 0;
}

#primary ul li {
	font-size:9pt;
	margin:7px 0;
}

.pdf li {
	background:url(/images/template/pdf.gif) no-repeat left center !important;
	border: 0 !important;
	padding: 0 !important;
}

/*--------------------------------------------------------------
Typography Styles
--------------------------------------------------------------*/

#content a:link,
#content a:visited,
#footer a:link,
#footer a:visited {
	color:#0067ab;
	text-decoration:underline;
	font-weight:bold;
}

#content a:hover,
#content a:active,
#footer a:hover,
#footer a:active {
	color:#ffffff;
	text-decoration:none;
	background-color:#0067ab;
}

#content p {
	margin:15px 0;
}

#footer p {
	text-align:center;
	font-size:8pt;
	margin:15px 0;
}

#footer a {
	font-size:9pt;
}

/*--------------------------------------------------------------
Horizontal Rule Styles
--------------------------------------------------------------*/

hr {
	display:none;
	margin: 0 auto;
	padding: 0;
}

.divider {
	width:484px;
	height:5px;
	margin:0 auto;
	padding:10px 0;
	background:url(/images/template/horizontal_rule.gif) repeat-x center left;
	border:0;
}


/*--------------------------------------------------------------
FORM Styles
--------------------------------------------------------------*/
.required { font-weight: bold; }
.optional { font-weight: normal; color: #666; }
.errorMessage { font-weight: bold; color: Red; }
.join { background-color: #EFE9CA; width: 200px; padding: 5px; }
.scrollbox { background-color: #fff; border: 1px solid #ABADB3; overflow: auto; height: 75px; width: 200px; padding: 3px; }
.formLayout { padding: 20px; border: 0 !important }
.formLayout TD { padding: 3px 6px; margin: 2px 0; border: 0; }
.formLayout TD.left { text-align: right; vertical-align: top;}
INPUT[type=text], TEXTAREA { background-color: #fff; border: 1px solid #ABADB3; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; width: 205px;}
INPUT[type=text]:hover, INPUT[type=text]:focus, TEXTAREA:hover, TEXTAREA:focus { background-color: #FFECAA; border: 1px solid #E8BD2A; color: #000; }
INPUT[type=submit] { background-color: #3366FF; font-size: 1.6em; font-weight: bold; color: #FFF; padding: 6px; border: 3px outset #0066FF; }
INPUT[type=submit]:hover { background-color: #0033CC; border: 3px inset #000066; color: #ccc; }

/*--------------------------------------------------------------
Image Styles
--------------------------------------------------------------*/

#primary img {
	border:1px solid #666633;
	background:#ffffff;
	padding:3px;
}

/*--------------------------------------------------------------
IE6 & Lower Specific Styles
--------------------------------------------------------------*/

* html h2 {
	background:url(/images/template/h2_background.gif) no-repeat center center; /*gif replacement for older browsers*/
}

* html .sidebar h2 {
	background:url(/images/template/h2_background_short.gif) no-repeat center center; /*gif replacement for older browsers*/
}


* html #wrapper {
	width:964px;
	margin:0 auto;
	overflow:hidden; /*equal column fix*/
}

/*--------------------------------------------------------------
Sermon Styles
--------------------------------------------------------------*/
#sermonsTable {
  display: none;
	width:100%;
	height:auto;
	table-layout:auto;
	border:0;
	padding:0;
	margin:0;
}
#sermonsTable th { 
	padding:2px 5px;
	background-color:#EFE0C2;
	border-bottom:2px solid #387F0D;
	margin:4px 0 0 0;
	text-align:left;
	border-left:1px solid #EFE0C2;
	border-right:1px solid #EFE0C2;
	border-top:1px solid #EFE0C2;
	border-collapse:collapse;
}
#sermonsTable td {
	padding: 4px 5px;
	border-bottom:1px solid #F0DD8A;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	border-collapse:collapse;
}
#sermonsTable th.active {
	background:#E4D37B;
	border-left:1px solid #E4D37B;
	border-right:1px solid #E4D37B;
	border-top:1px solid #E4D37B;
	font-weight:bold;
	color:#000;
}
#sermonsTable td.active {
	background:#FFE99C;
	border-left:1px solid #FFE99C;
	border-right:1px solid #FFE99C;
	border-top:1px solid #FDF9EE;
	font-weight:bold;
	color:#000;
}
#sermonsTable caption {
	font-style:italic;
	font-size:11px;
	margin-top:15px;
	color:#CCCC99;
}
#sermonsTable td a:link, #sermonsTable td a:visited, #sermonsTable td a:active {
  font-weight:normal;
}
div.pager {
	margin:10px;
	text-align: center;
}
div.pager .first { background:url("images/sprite-pagination.gif") no-repeat 0 -50px;padding-left:20px }
div.pager .last { background:url("images/sprite-pagination.gif") no-repeat 0 -75px;padding-right:25px; }
div.pager .prev { background:url("images/sprite-pagination.gif") no-repeat 0 0;padding-left:15px  }
div.pager .next { background:url("images/sprite-pagination.gif") no-repeat 0 -25px;padding-right:15px; }
a.sortAsc {
	display:block;
	padding-left: 20px;
	background:url('images/template/sprite-tables.gif') 0 0 no-repeat;
}
a.sortDsc {
	display:block;
	padding-left:20px;
	background:url('images/template/sprite-tables.gif') 0 -15px no-repeat;
}
a.controlPlay {
	display:block; 
	padding-left:24px;
	height:18px;
	font-size:16px;
	font-weight:bold !important;
	background:url('images/template/sprite-player.gif') 0 0 no-repeat;
}
a.controlPause {
	display:block; 
	padding-left:24px;
	height:18px;
	font-size:16px;
	font-weight:bold !important;
	background:url('images/template/sprite-player.gif') 0 -18px no-repeat;
}
a.controlDownload {
	display:block; 
	margin-top:5px;
	font-size:11px;
	font-style:italic;
}


/* tablesorter */
table.tablesorter {

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {

}
table.tablesorter thead tr .header {
  background-image: url('/tablesorter/bg.gif');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {

}
table.tablesorter thead tr .headerSortUp {
  background-image: url('/tablesorter/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
  background-image: url('/tablesorter/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #E4D37B !important;
}

#sermonsTable .sermonDetail {
  display:none;
  position:relative;
  margin:3px 0px;
  padding: 5px;
}

.playerbox {
  position: absolute;
  background: #A6FF6F;
  left: 0px;
  top: 10px;
  padding: 10px;
  z-index: 10;
}

.playercontainer {
  height: 90px;
}

.pager INPUT {
  width: 30px;
}

.pager IMG {
  background: none;
  border: none;
}