html {
	background: url(../images/layout/body-tile.gif) repeat;
}

body {
	background: #795e48 url(../images/layout/body-overlay.gif) repeat-x;
	font:  12px/16px "Lucida Grande", Arial, sans-serif;
	color: #3f2d18;
}

#wrapper {
	background: url(../images/layout/body-tile.gif) repeat;
}

a {
	color: #3f87a6;
	text-decoration: none;
}

a:hover {
	color: #964121;
	text-decoration: underline;
}

a:visited {
	color: #1b6788;
}

a:active {
	color: #964121;
}

#share {
	text-align: right;
	float: right;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	color: #672109;
	margin-bottom: 5px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	color: #963b1c;
}

em {
	font-style: italic;
}

.content-section h2 {
	margin-bottom: 8px;
}

#family .content-section h2 {
	margin-bottom: 1px;
}

#family .content-section p {
	margin-bottom: 10px;
}

.f-left, .img-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	clear: left;
}

.f-right, .img-right {
	float: right;
	margin: 0 0 15px 15px;
}

.content-section {
	clear: both;
	margin-bottom: 15px;
}

* html .content-section {
	display: inline-block;
}

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

#container {
	width: 979px;
	margin: 0 auto
}

#header {
	position: relative;
}

#logo a {
	display: block;
	text-indent: -9999px;
	width: 304px;
	height: 127px;
	background: url(../images/layout/logo.gif) no-repeat;
}

#top-links {
	position: absolute;
	top: 10px;
	right: 64px;
	background: url(../images/layout/top-links.gif) no-repeat;
	width: 264px;
	height: 61px;
	font-weight: bold;
	color: #8a4321;
}

#top-links a {
	color: #8a4321;
	padding: 0 10px;
	position: relative;
	top: 9px;
	left: 16px;
}

#top-links form input {
	background: #f4e2c7;
	border: none;
	font-size: 11px;
	color: #542d32;
	font-weight: normal;
	padding: 3px 0 3px 7px;
	width: 185px;
	float: left;
}

#top-links form {
	position: relative;
	top: 19px;
	left: 25px;
}

#top-links form #go {
	left: 0;
	top: 0;
	padding: 0;
	width: 25px;
	height: 21px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(../images/layout/search.gif) no-repeat;
	cursor: pointer;
}

#top-links form #go:hover {
	background-position: 0 -21px;
}

#nav {
	position: absolute;
	right: 9px;
	bottom: 0;
}

#navigation {
	background: url('../images/layout/nav.gif') no-repeat;
	width: 667px;
	height: 62px;
	position: relative;
}

#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#nav li, #nav a {
	display: block;
	height: 62px;
	text-indent: -9999px;
}

#nav-home a, #nav-family a, #nav-get-connected a, #nav-calendar a, #nav-messages a, #nav-about a, #nav-contact a {
	background: url('../images/layout/nav.gif') no-repeat;
	outline: none;
}

#nav-home {
	left: 0px;
	width: 80px;
}

#nav-home a:hover  {
	background-position: 0px -62px;
}

#nav-home .current {
	background-position: 0px -62px;
}

#nav-family {
	left: 80px;
	width: 82px;
}

#nav-family a {
	background-position: -80px 0px;
}

#nav-family a:hover, #nav-family .current  {
	background-position: -80px -62px;
}

#nav-get-connected {
	left: 162px;
	width: 136px;
}

#nav-get-connected a {
	background-position: -162px 0px;
}

#nav-get-connected a:hover, #nav-get-connected .current  {
	background-position: -162px -62px;
}

#nav-calendar {
	left: 293px;
	width: 98px;
}

#nav-calendar a {
	background-position: -293px 0px;
}

#nav-calendar a:hover, #nav-calendar .current  {
	background-position: -293px -62px;
}

#nav-messages {
	left: 391px;
	width: 96px;
}

#nav-messages a {
	background-position: -391px 0px;
}

#nav-messages a:hover, #nav-messages .current  {
	background-position: -391px -62px;
}

#nav-about {
	left: 487px;
	width: 76px;
}

#nav-about a {
	background-position: -487px 0px;
}

#nav-about a:hover, #nav-about .current  {
	background-position: -487px -62px;
}

#nav-contact {
	left: 561px;
	width: 106px;
}

#nav-contact a {
	background-position: -561px 0px;
}

#nav-contact a:hover, #nav-contact .current {
	background-position: -561px -62px;
}

#main-content {
	background: #fffff6 url(../images/layout/content-back.png) no-repeat;
	position: relative;
	z-index: 100;
}

body#home #main-content {
	height: 609px;
}

#main-content-inner {
	width: 956px;
	margin-left: 10px;
	min-height: 550px;
}

/* body#interior #main-content-inner {
	background: url(../images/layout/body-interior-tile.gif) repeat-y;
	overflow: hidden;
	position: relative;
	left: -10px;
	width: 993px;
	padding-bottom: 40px;
} */

body #logo a {
	width: 314px;
	background-image: url(../images/layout/logo.png);
}

body #top-links {
	right:  53px;
}

body #nav {
	right: -2px;
}

body#interior #main-content {
	background: url(../images/layout/tiled-bg.png) repeat-y;
}

body#interior #main-content-top {
	background: url(../images/layout/main-bg-top.png) no-repeat;
	padding-top: 50px;
}

body#interior #main-content-bottom {
	padding-bottom: 114px;
}

body#interior #main-content-inner {
	background: #fffff6; /* url(../images/layout/main-bg-tiled.png) repeat-y */;
	min-height: 0;
}

body#interior #main-content-inner-top {
	background: url(../images/layout/main-bg-top-back.jpg) top center no-repeat;
}

body#interior #main-content-inner-bottom {
	background: url(../images/layout/main-bg-bottom.png) bottom center no-repeat;
	position: relative;
	top:  40px;
	min-height: 420px;
	padding-bottom: 20px
}

body#interior #content {
	padding-top: 0;
	position: relative;
	top: -40px;
}

body#interior #sidebar {
	top: -40px;
}

body#interior #footer {
	background: url(../images/layout/footer-outer-bg.png) center top no-repeat;
	top: -93px;
	position: relative;
	z-index: 100;
	padding:  25px 0 0;
	height: 87px;
}

#home-feature {
	width: 941px;
	height: 404px;
	background: url(../images/layout/home-back2.gif) no-repeat;
	position: relative;
	top: 11px;
	left: 6px;
	position: relative;
	z-index: 55;
}

#flash img {
	position: relative;
	top: 27px;
	left: 31px;
}

#tab-content {
	position: absolute;
	top: 75px;
	right: 40px;
	width: 300px;
}

#tab-content strong {
	display: block;
}

#tab-content em {
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #3f2d18;
	margin-top: 5px;
}

#home #map {
	margin-top: 26px;
	position: relative;
}

#home #map strong {
	position: relative;
	top: -6px;
}

#home #map img {
	margin-top: -2px;
}

#home #map a {
	display: block;
	position: absolute;
	bottom: 9px;
	right: -6px;
	background: url(../images/layout/directions.gif) no-repeat;
	width: 107px;
	height: 30px;
	text-indent: -9999px;
}

#featured-links {
	xoverflow: hidden;
	padding-top: 55px;
	background: url(../images/layout/footer-home-bg.gif) no-repeat 0% 100%;
	padding-bottom: 150px;
	position: absolute;
	width: 981px;
	left: 0px;
}


#xxxfeatured-links img {
	border: 1px solid #d2bc93;
	position: relative;
	top: 7px;
	left: 7px;
}

#xxxfeatured-links .col-1, #xxxfeatured-links li {
	float: left;
	width: 270px;
	height: 155px;
	background: url(../images/layout/i-border.gif) no-repeat;
	margin-left: 32px;
}

#xxxfeatured-links .col-2 {
	float: left;
	width: 270px;
	height: 155px;
	background: url(../images/layout/i-border.gif) no-repeat;
	margin-left: 40px;
}

#xxxfeatured-links .col-3 {
	float: left;
	width: 270px;
	height: 155px;
	background: url(../images/layout/i-border.gif) no-repeat;
	margin-left: 40px;
}

#sidebar {
	float: left;
	width: 219px;
	margin-left: 28px;
	background: url(../images/layout/sidebar-top.png) no-repeat;
	position: relative;
	top: 50px;
}

#sidebar #heading {
	display: block;
	margin: 20px 0 0 25px;
}

#sidebar .wrapper {
	padding-bottom: 30px;
	background: url(../images/layout/sidebar-bottom.png) no-repeat 0 bottom;
	position: relative;
}

#sidebar ul {
	margin: 0;
	background: url(../images/layout/sidebar-tile.png) repeat-y left top;
	padding: 25px 0 0 45px;
	margin-top: -20px;
}

#sidebar ul li {
	background: url(../images/layout/bullet-alt.gif) no-repeat 0% 5px;
	padding-left: 15px;
	margin: 5px 0;
}

#sidebar ul li a {
	color: #753614;
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 90px;
	padding-right: 20px;
}

#sidebar ul li a:hover {
	color: #1b6788;
}

#sidebar ul ul {
	margin: 0;
	padding: 0 0 0 5px;
	background: none;
}

#sidebar ul ul li {
	background: none;
	padding-left: 0;
}

#sidebar ul ul a {
	font-size: 12px;
	width: 100px;
}

#sidebar ul li a.current {
	background: url(../images/layout/sub-nav-hover.gif) no-repeat 100% 50%;
	text-decoration: none;
}

#content {
	float: left;
	width: 610px;
	margin-left: 46px;
	padding-top: 50px;
}

#content p, #tab-content p {
	margin-bottom: 20px;
}

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

#content ol {
	margin: 0 0 20px 20px;
}

#content ul li {
	background: url(../images/layout/bullet.gif) no-repeat 0% 50%;
	padding-left: 15px;
	margin: 5px 0;
}

#content ol li {
	list-style-type: decimal;
	margin: 5px 0;
}

/* @group Contact */

#contact-left {
	width: 412px;
	float: left;
}

#contact-right {
	float: right;
	width: 130px;
}

label {
	font-weight: bold;
	margin-bottom: 2px;
	display: block;
}

input.text, textarea {
	display: block;
	width: 400px;
	border: 1px solid #cdbdaa;
	padding: 5px;
	color: #5F4422;
}

textarea {
	height: 250px;
}

#send-btn {
	width: 52px;
	height: 29px;
	padding-left: 52px;
	text-indent: -999px;
	background: url(../images/layout/send-btn.png);
	display: block;
	cursor: pointer;
	border: none;
}

#send-btn:hover {
	background-position: 0 -29px;
}

form .error {
	color: #7d2c0d;
	font-style: oblique;
	font-size: 11px;
	padding-left: 28px;
	background: url(../images/layout/error-icon.png) 0 center no-repeat;	
}

form .error ~ .error {
	margin-top: -18px;
	margin-bottom: 18px;
}

/* @end */

#footer {
	clear: both;
	position: relative;
	z-index: 10;
	text-align: center;
	background: url(../images/layout/footer.png) no-repeat;
	height: 82px;
	padding: 140px 0 0px;
	margin-bottom: 40px;
	font-size: 11px;
	color: #af9473;
}

#interior #footer {
	padding-top: 170px;
	margin-left: -1px;
}

#home #footer {
	background: none !important;
	position: relative;
	top: -40px;
	z-index: 200;
	padding-top: 125px !important;
	padding-bottom: 0px !important;
}

#footer a {
	color: #d4c885;
}

/* NEW STYLES */
/* #content h2 {
	font-size: 18px;
	font-weight: bold;
	color: #672109;
	margin-bottom: 40px;
} */
.cal-event {
	overflow: hidden;
	margin-top: 20px;
}

.cal-head {
	overflow: hidden;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.cal-head h3 {
	color: #963b1c;
	font-size: 14px;
	font-weight: bold;
}

.cal-date {
	font-weight: bold;
	background: url(../images/layout/clock-icon.gif) no-repeat 0 3px;
	width: 100px;
	padding: 0 11px 0 22px;
	float: left;
	border-right: 1px solid #b38959;
	margin-right: -1px;
}

.cal-content {
	border-left: 1px solid #b38959;
	float: left;
	width: 443px;
	padding-left: 23px;
}

#content .cal-content .contact {
	margin-bottom: 0;
	padding-left: 15px;
	background: url(../images/layout/contact-icon.png) no-repeat left center;
	font-weight: bold;
}

#content .cal-content a {
	color: #3f87a6;
}

.cal-content p {
	/*
	float: left;
	width: 455px;
	*/
}

#pagination {
	padding-top: 10px;
	background: url(../images/layout/calendar-bottom.png) 0 top no-repeat;
	margin-left: -10px;
	padding-left: 10px;
	margin-top: 20px;
}

#pagination .current {
	font-weight: bold;
	color: #3F2D18;
}

#pagination span, #pagination a {
	float: left;
	padding: 0 5px;
	line-height: 12px;
}

#pagination span {
	padding-left: 0;
}

#pagination a + a {
	border-left: 1px solid #3f2d18;
}

/*.cal-content a {
	float: right;
	display: block;
	background: url(../images/layout/register-btn.gif) no-repeat;
	width: 115px;
	height: 42px;
	text-indent: -9999px;
}*/

.sideblock {
	border: 5px solid #b78f60;
	padding: 5px;
}

.sideblock-inner {
	border: 3px solid #b78f60;
	padding: 32px 16px 16px;
	background: #f6ebbf;
	position: relative;
}

.sideblock-innertop {
	border: 3px solid #b78f60;
	padding: 16px 16px 16px;
	background: #f6ebbf;
	position: relative;
}

.sideblock strong {
	display: block;
	font-size: 13px;
	font-weight: bold;
}

#sidebar .sideblock ul {
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar .sideblock li ul {
	padding-left: 14px;
}

.sideblock li {
	background: none !important;
	margin: -1px 0 0 0 !important;
	padding: 6px 0px !important;
	border-top: 1px solid #c09d6d;
	border-bottom: 1px solid #c09d6d;
}

.sideblock li a, .sideblock li.closed a {
	background: transparent url(../images/layout/arr-right-bull.gif) no-repeat 0% 50% !important;
	padding-left: 14px;
}

.sideblock li a.open {
	background: transparent url(../images/layout/arr-down-bull.gif) no-repeat 0% 50% !important;
}

.sideblock li li li a {
	background: none !important;
}

.sideblock li a {
	width: 150px !important;
}

.sideblock li li a {
	font-size: 12px !important;
}

.sideblock li li li a {
	font-weight: normal !important;
}

.sideblock li li li a:hover {
	background: none !important;
}

.sideblock a:hover {
	background: transparent url(../images/layout/arr-right-bull.gif) no-repeat 0% 50% !important;
}

.sideblock li li, .sideblock li li li {
	border: none !important;
}

.hide-bg {
	background: none !important;
}

.ads {
	margin-top: 22px;
}

.ad {
	margin-bottom: 16px;
}

.ad img {
	border: 5px solid #f1d8b2;
}

#itunes-banner {
	width: 220px;
	height: 104px;
	display: block;
	background: url(../images/layout/bnr_itunes.jpg);
}

#itunes-banner a {
	float: left;
	width: 104px;
	height: 104px;
	text-indent: -999em;
	overflow: hidden;
	display: block;
	outline: none;
}

#itunes-banner #itunes-audio {
	float: right;
}

#sort, #event-header {
	position: absolute;
	top: -27px;
	left: 14px;
}

.sort-list {
	padding-top: 25px;
}

.clear {
	clear: both;
}

.message {
	overflow: hidden;
	padding-bottom: 16px;
	border-bottom: 1px solid #b38959;
	margin-bottom: 26px;
}

.message strong, .message span, .message em {
	display: block;
}

.message strong {
	font-weight: bold;
}

.message span {
	font-size: 11px;
}

.message em {
	font-style: italic;
	font-size: 11px;
}

.mess-left {
	float: left;
	width: 43px;
}

.mess-middle {
	float: left;
	width: 390px;
}

.mess-right {
	float: left;
	width: 174px;
}

.play-btn {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/layout/play-btn.gif) no-repeat;
	text-indent: -9999px;
}

.mess-actions {
	overflow: hidden;
}

.full-sermon {
	display: block;
	width: 54px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/layout/full-service.gif) no-repeat;
	float: left;
}

span.full-sermon {
	background-image: url(../images/layout/full-service-dim.gif);
}

.sermon-only {
	display: block;
	width: 54px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/layout/sermon-only.gif) no-repeat;
	float: left;
}

span.sermon-only {
	background-image: url(../images/layout/sermon-only-dim.gif);
}

.study-guide {
	display: block;
	width: 54px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/layout/study-guide.gif) no-repeat;
	float: left;
}

span.study-guide {
	background-image: url(../images/layout/study-guide-dim.gif);
}

.more-downloads {
	display: block;
	width: 124px;
	height: 9px;
	text-indent: -9999px;
	background: url(../images/layout/more-downloads.gif) no-repeat;
	margin: 6px 0 0 15px;
	outline: 0;
}

.message h4 {
	margin-top: 22px;
	font-weight: bold;
}

.message a {
	font-size: 11px;
}

#content h5 {
	font-size: 14px;
	font-weight: bold;
	color: #963b1c;
	background: url(../images/layout/h3-bg.gif) repeat-x 0% 100%;
	padding-bottom: 10px;
	margin: 10px 0 20px;
}

#key {
	margin-top: -25px;
}

#content p a strong {
	font-weight: bold;
}

#content strong {
	font-weight: bold;
}

.side-header {
	position: absolute;
	top: -45px;
	left: 15px;
}

#leadership_titles .col {
	width:  33%;
	float: left;
}

#leadership_titles strong {
	display: block;
}

#leadership_list {
	width:  100%;
}

#leadership_list th {
	font-weight: bold;
	color: #963b1c;
	font-size:  14px;
}

#leadership_list tr.main td {
	border: 1px solid #b38959;
	border-width: 1px 0 0;
	padding:  8px 3px;
	background: #f6ebbf;
	font-weight: bold;
	font-size: 14px;
}

#leadership_list tr.main td.name {
	color: #753614;
	padding-left: 27px;
	background: #f6ebbf url(../images/layout/leadership_list_closed.png) 9px center no-repeat
}

#leadership_list tr.main td.open {
	background-image:  url(../images/layout/leadership_list_open.png);
}

#leadership_list .info {
	padding: 10px 0;
}

#leadership_list thead tr th {
	padding: 8px 3px;
	background: none;
}

#leadership_list tbody tr {
	cursor: pointer;
}

#leadership_list .info li {
	background: none;
	margin-bottom: 12px;
}

#leadership_list .content {
	margin-left: 170px;
}

#leadership_list img {
	float: left;
	margin: 20px 20px 0 0;
}

#leadership_list strong {
	font-size: 13px;
	color: #753614;
	display: block;
}

#leadership_list 

dl.volunteer dt a {
	font-size: 110%;
}

#home-tabs {
	overflow: hidden;
	position: absolute;
	top: -56px;
	left: -16px;
	width: 349px;
}

#home-tabs #new a {
	display: block;
	background: url(/_media/images/layout/weekends.png) no-repeat;
	text-indent: -9999px;
	float: left;
	width: 125px;
	height: 27px;
	overflow: hidden;
	outline: none;
}

#home-tabs #attending a {
	display: block;
	background: url(../images/layout/followus.png) no-repeat;
	text-indent: -9999px;
	float: left;
	width: 126px;
	height: 27px;
	overflow: hidden;
	outline: none;
}

#home-tabs #new {
	float: left;
	width: 125px;
}

#home-tabs #attending {
	float: left;
	width: 126px;
}

#twitter_update_list li {
	margin-bottom: 8px;	
}

#twitter_div {
	margin-bottom: 8px;
}

li.active-home-tab a {
	background-position: 0px -27px !important;
}

#feature-controls {
	position: absolute;
	top: 358px;
	left: 38px;
	background: url(../images/layout/home-feature-bg.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/layout/home-feature-bg.png', sizingMethod='scale');
	width: 513px;
	height: 61px;
	z-index: 60;
}

#fc {
	background: url(../images/layout/home-feature-nav.gif) no-repeat;
	width: 478px;
	height: 33px;
	position: relative;
	top: 16px;
	left: 22px;
}

#fc li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#fc li, #fc a {
	display: block;
	height: 33px;
	text-indent: -9999px;
}

#fc-live a, #fc-watch a, #fc-audio a, #fc-notes a, #fc-transcript a, #fc-psg a {
	background: url(../images/layout/home-feature-nav.gif) no-repeat;
	outline: none;
}

#fc-live {
	left: 0px;
	width: 85px;
}

#fc-live a {
	background-position: 0px 0px;
}

#fc-live a:hover  {
	background-position: 0px -33px;
}

#fc-live .current {
	background-position: 0px -33px;
}

#fc-watch {
	left: 86px;
	width: 78px;
}

#fc-watch a {
	background-position: -86px 0px;
}

#fc-watch a:hover  {
	background-position: -86px -33px;
}

#fc-watch .current {
	background-position: -86px -33px;
}

#fc-audio {
	left: 163px;
	width: 115px;
}

#fc-audio a {
	background-position: -163px 0px;
}

#fc-audio a:hover  {
	background-position: -163px -33px;
}

#fc-audio .current {
	background-position: -163px -33px;
}

#fc-notes {
	left: 278px;
	width: 66px;
}

#fc-notes a {
	background-position: -278px 0px;
}

#fc-notes a:hover  {
	background-position: -278px -33px;
}

#fc-notes .current {
	background-position: -278px -33px;
}

#fc-transcript {
	left: 344px;
	width: 96px;
}

#fc-transcript a {
	background-position: -344px 0px;
}

#fc-transcript a:hover  {
	background-position: -344px -33px;
}

#fc-transcript .current {
	background-position: -344px -33px;
}

#fc-psg {
	left: 440px;
	width: 38px;
}

#fc-psg a {
	background-position: -440px 0px;
}

#fc-psg a:hover  {
	background-position: -440px -33px;
}

#fc-psg .current {
	background-position: -440px -33px;
}

#this-week {
	background: url(../images/layout/this-week.png);
	width: 150px;
	height: 53px;
	text-indent: -999em;
	display: block;
	position: relative;
	left: 28px;
	top:  20px;
}

#content #events, #content #events li {
	list-style: none;
	background: none;
}

#events li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

#events h3 {
	font-weight: bold;
}

#content #events .meta {
	float: right; 
	width: 150px; 
	margin: 0 0 0 10px;
}

.qtip {
	padding: 0 5px 10px 0;
	background: url(../images/layout/tip-bg.png) right bottom no-repeat;
}

.qtip-content {
	text-align: center;
	font-weight: bold;
}



.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 */

