/* COLORS
----------------------------------------------
RED: #eb5d33;
GRAY: #333333;
YELLOW: #FCD408;
BLUE: #1B75BC;
GREEN: #8CC63F;
----------------------------------------------
*/


body {
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	background: #3b3c3d;
	color: #333;
}

body.index_iframe {
	background-color: #313131;
	background-image: none;
}

div.width {
	width: 960px;
	margin: 0 auto;
}

div#container {
	background: #fff url(../_img/bkg-container.png) repeat-x top left;
}

div#header {
	position: relative;
	height: 120px;
}

h1 {
	position: absolute;
	top: 7px;
	left: 0;
	width: 289px;
	height: 103px;
}

h1 a {
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 103px;
	background: url(../_img/bkg-h1-logo.png) no-repeat top left;
}

div#top-bar {
	width: 900px;
	float: right;
	margin-top: 11px;
}

div#service-times {
	float: right;
	margin: 6px 12px 0 0;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: right;
	color: #fff;
}

ul#nav {
	width: 650px;
	position: absolute;
	top: 80px;
	left: 300px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

ul#nav li {
	float: left;
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #dedede;
}

ul#nav li#nav_contact {
	border-right: 0px;
}

ul#nav li a {
	font-size: 1.2em;
	line-height: 1em;
	text-decoration: none;
	color: #333;
}

ul#nav li a:hover {
	color: #eb5d33;
}

ul#nav li#nav_withoutwalls, ul#nav li#nav_bacww {
	display: none;
}

div#content-wrap {
	
	padding-bottom: 20px;
	background: #fff;
}

div#footer-wrapper {
	padding: 12px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background: #3b3c3d;
	color: #fff;
}

div#footer strong {
	text-transform: uppercase;
	color: #fcd408;
}

div#footer a {
	color: #fff;
	text-decoration: none;
}

div#footer a:hover {
	color: #fcd408;
}

div#footer p#plow {
	float: right;
}

div#footer p#plow a strong {
	text-transform: none;
	color: #fff;
}

div#footer p#plow a:hover strong {
	color: #fcd408;
}

address {
	float: left;
	font-style: normal;
}


/* SIDEBAR MENU
----------------------------------------------------------------- */

div#sidebar {
	width:210px;
	float: left;
	clear: left;
	margin-top: 55px;
}

#toggleList {
	width: 210px;
}

#toggleList div {
	margin-left: 9px;
	margin-top: 0px;
	padding: 0px 8px 8px 14px;
	font-size: 1.2em;
	line-height: 1.2em;
	background: #dedede;
}

#toggleList h4 {
	padding: 8px 16px 22px 26px;
	height: 10px;
	cursor: pointer;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
	color: #fff;
}

#toggleList h4 span {
	display: block;
	width: 12px;
	position: absolute;
	top: 8px;
	left: 11px;
}

#toggleList li:first-child {
	margin: 0px 0px 6px;
}

#toggleList li {
	margin: 6px 0px;
}

#toggleList a {
	font-weight: bold;
	text-decoration: none;
	color: #1b75bc;
}

#toggleList a:hover {
	color: #eb5d33;
}

#sidebar p.caption {
	text-align: right;
}

#sidebar p.moreLink {
	text-align: right;
}

li#sidebar1 h4 {
	background: #3b3c3d url(../_img/bkg-togglelist-h4.png) no-repeat bottom left;
}

li#sidebar2 h4 {
	background: #575859 url(../_img/bkg-togglelist-h4.png) no-repeat bottom left;
}

li#sidebar3 h4 {
	background: #6b6c6d url(../_img/bkg-togglelist-h4.png) no-repeat bottom left;
}

li#sidebar4 h4 {
	background: #838485 url(../_img/bkg-togglelist-h4.png) no-repeat bottom left;
}

li#sidebar5 h4 {
	background: #959697 url(../_img/bkg-togglelist-h4.png) no-repeat bottom left;
}

#sidebar h5 a {
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar h6 {
	font-weight: normal;
}

#sidebar ul#sidebarEventList h6{
	font-size: .9em;
	line-height: 1.1em;
	width: 130px;
}

#sidebar li.sermon-item {
	margin-bottom: 8px;
}

#sidebar h6#sermon-listen a {
	float: left;
	display: inline;
	margin: 3px 20px 0 3px;
	padding-left: 14px;
	background: url(../_img/sermon-sidebar-listen.png) no-repeat 0 1px;
}

#sidebar h6#sermon-download a {
	float: left;
	display: inline;
	margin-top: 3px;
	padding-left: 18px;
	background: url(../_img/sermon-sidebar-download.png) no-repeat 0 0;
}

ul#sidebarSermonList p, ul#sidebarEventList p {
	margin-top: 10px;
	clear: left;
}

#toggleList div#flickr, #toggleList div#twitter {
	margin: 0 0 0 2px;
	padding: 0;
}

div#flickr li {
	margin: 0 10px 5px 0;
	float: left;
	display: inline;
}

div#twitter {
	font-size: 1.0em;
}


/* SEARCH FORM
----------------------------------------------------------------- */

div#header form  {
	width: 167px;
	height: 21px;
	float:right;
	padding: 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../_img/bkg-search-input.png) no-repeat top left;
}

div#header form label {
	float: left;
	margin-right: 3px;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 21px;
	color:  #BCBEC0;
}

div#header form input  {
	width: 112px;
	float: left;
	margin-top: 4px;
	border: 0 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333;
}

div#header form button  {
	width: 15px;
	height: 15px;
	float: right;
	display: block;
	overflow: hidden;
	cursor: pointer;
	margin-top: 3px;
	padding-top: 15px;
	border: 0 none;
	background: url(../_img/bkg-search-button.png) no-repeat center top;
}



/* HOME PAGE
----------------------------------------------------------------- */

div#home-slideshow {
	width: 726px;
	height: 400px;
	float: right;
	margin-bottom: 14px;
	padding: 11px;
	background: #fff;
	border: 1px solid #ccc;
}

div#light-reading, div#newsfeed {
	clear: both;
	width: 858px;
	margin: 14px auto;
	padding: 15px 48px;
	background: #f3f9eb;
	border-top: 2px dotted #8cc63f;
	border-bottom: 2px dotted #8cc63f;
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
}

div#light-reading a, div#newsfeed a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #8cc63f;
}

div#light-reading a:hover, div#newsfeed a:hover {
	color: #333;
}

div#newsfeed {
	text-align: left;
}

div#newsfeed div.date {
	display:none;
}

div#newsfeed a {
	width: 130px;
	display: block;
	float: left;
	clear: left;
}

div#newsfeed a.targetblank {
	max-height: 30px;
	overflow: hidden;
	margin-bottom: 3px;
	font-size: 1.1em;
	line-height: 1.2em;
}

div#newsfeed div.description {
	width: 685px;
	float: right;
	padding-left: 20px;
	border-left: 2px solid #e5efd8;
}

div#home-buttons {
	margin: 12px 0;
	clear: both;
}

div#home-buttons ul li {
	width: 317px;
	float: left;
	display: inline;
	margin: 0 1px;
}

div#home-buttons ul li:first-child {
	margin-left: 0px;
}

div#home-buttons ul li:last-child {
	margin-right: 0px;
}

div#home-buttons ul li a img {
	border: 0px;
}


/* GENERIC INSIDE PAGE
----------------------------------------------------------------- */

div#page-content {
	width: 726px;
	min-height: 500px;
	float: right;
	margin-bottom: 8px;
	padding: 11px;
	background: #fff;
	border: 1px solid #ccc;
}

div#page-content h3.title {
	margin: 18px 0 14px 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	font-weight: normal;
	color: #333;
}

div#page-content h4.subhead {
	font-size: 1.7em;
	margin: 0 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e1e7eb;
}

div#text {
	padding: 0 32px 24px 32px;
	font-size: 1.4em;
	line-height: 1.4em;
}

div#text h2, div#text h3, div#text h4, div#text h5, div#text h6, div.dateInfo h5, h4.subhead  {
	margin: 18px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #eb5d33;
}

div#text p {
	margin-bottom: 8px;
}

div#text ul, div#text ol {
	margin: 0 32px 8px 32px;
}

div#text ul {
	list-style: disc;
}

div#text ol {
	list-style: decimal;
}

div#text li {
	margin: 4px 0;
}

div#text a {
	color: #eb5d33;
}

div#text a:hover {
	color: #1B75BC;
}

div#text img {
	margin: 10px;
}

div#text td {
	padding: 5px 4px 10px;
	vertical-align: top;
}

div#text td h2, div#text td h3, div#text td h4, div#text td h5, div#text td h6 {
	margin: 0 0 4px;
}


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

#eventList {
	margin: 20px 32px 40px;
}

#eventList li {
	margin: 20px 0px;
}

#eventList .dateLabel {
	font-size: 1.2em;
	line-height: 20px;
	text-align: center;
	border: 1px solid #cfcfcf;
	display: block;
	float: left;
	width: 30px;
}

#eventList .dateLabel strong {
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 20px;
	text-transform: lowercase;
}

#eventList .dateLabel em {
	color: #333;
	display: block;
	width: 30px;
	height: 20px;
	padding-top: 1px;
	font-style: normal;
}

#eventList .dateInfo {
	margin: 0px 0px 0px 40px;
}

#eventList p.eventtime {
	margin: 2px 0px;
}

#eventList h4 {
	font-size: 1.6em;
	line-height: 20px;
	text-transform: none;
}

#eventList p {
	font-size: 1.2em;
	line-height: 16px;
	font-style: italic;
}

p.eventtime {
	font-size: 1.2em;
	line-height: 16px;
}

#eventList p.eventtime {
	font-style: normal;
	font-size: 1.2em;
}

div.dateInfo h5 a {
	font-size: 1.1em;
	color: #eb5d33;
}

div.dateInfo h5 a:hover {
	color: #1B75BC;
}

div#text p.eventtime {	
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
}



/* SERMONS
----------------------------------------------------------------- */

div#text ul#byline {
	margin: 0;
}

li#bl_date, li#bl_preacher, li#bl_series {
	float: left;
	margin-bottom: 10px;
	padding: 0 10px;
	display: inline;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 2px solid #eee;
	color: #999;
}

div#text ul#byline li:first-child {
	padding-left: 0px;
}

div#text ul#byline li:last-child {
	border-right: 0px;
}

div#text ul#mediabox, div.sermonbox ul {
	margin: 10px 0 20px 0;
	padding: 10px;
	border: 1px solid #eee;
	border-bottom: 2px solid #eee;
}

ul#mediabox li, div.sermonbox ul li {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}

ul#mediabox li a, div.sermonbox ul li a {
	padding-left: 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
}

ul#mediabox li#mb_jukebox a {
	background: url(../_img/sermon-play.png) no-repeat 0 3px;
}

ul#mediabox li#mb_download a {
	padding-left: 22px;
	background: url(../_img/sermon-save.png) no-repeat 0 2px;
}

ul#mediabox li#mb_notes a {
	background: url(../_img/sermon-download.png) no-repeat 0 2px;
}

ul#mediabox li#mb_podcast a {
	padding-left: 22px;
	background: url(../_img/sermon-subscribe.png) no-repeat 0 2px;
}

div.sermonbox li.sl_listen a {
	background: url(../_img/sermon-play.png) no-repeat 0 0;
}

div.sermonbox li.sl_download a {
	padding-left: 22px;
	background: url(../_img/sermon-save.png) no-repeat 0 0;
}

div.sermonbox li.sl_notes a {
	background: url(../_img/sermon-download.png) no-repeat 0 0;
}

div.sermonbox {
	margin-bottom: 5px;
	padding: 0 32px 10px 32px;
}

div.sermonbox h5 {
	margin-bottom: 5px;
}

div.sermonbox h5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-decoration: none;
	color: #eb5d33;
}

div.sermonbox h5 a:hover {
	text-decoration: underline;
	color: #1B75BC;
}

div.sermonbox p {
	margin-bottom: 5px;
	font-size: 1.4em;
}

div.sermonbox ul {
	width: 350px;
	font-size: 1.3em;
}

div.sermonbox a {
	color: #eb5d33;
}

div.sermonbox a:hover {
	color: #1B75BC;
}

p#pagination {
	margin: 0 32px 30px;
}

p#pagination a {
	margin-right: 6px;
	padding: 1px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #ccc;
}

p#pagination a:hover {
	border: 1px solid #eb5d33;
	background-color: #eb5d33;
	color: #fff;
}

p#pagination a#current {
	cursor: default;
	border: 1px solid #eb5d33;
	background-color: #eb5d33;
	color: #fff;
}


/* FORMS
----------------------------------------------------------------- */
form#newsletter label {
	display: none;
}

form.monkForm, form#newsletter {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

form#newsletter {
	margin-bottom: 40px;
	padding-top: 0px;
}

form.monkForm div.text p.data input, form#newsletter input#newsletter_text {
	width: 200px;
	border: 1px solid #ccc;
	line-height: 12px;
	font-size: 12px;
	padding: 4px;
	font-family: "palatino linotype", palatino, Georgia, "Times New Roman", Times, serif;
	color: #333;
}

form.monkForm fieldset legend {
    display: none;
}

form.monkForm div {
	margin-bottom: 15px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

textarea {
    width: 400px;
    height: 80px;
    border: 1px solid #ccc;
}

div.text {
	margin-bottom: 15px;
}

form.monkForm div fieldset legend {
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

div.text p.data label {
	font-weight: bold;
}

div.radio p.data {
	padding-left: 10px;
}

div.radio p.data input {
	margin-right: 4px;
}

div.checkbox p.data {
	padding-left: 10px;
}

div.checkbox p.data input {
	margin-right: 4px;
}

div.select p.data label {
	margin: 10px 0 5px;
	font-weight: bold;
}

div.textarea label {
	font-weight: bold;
	margin-bottom: 8px;
}

form.monkForm p#formsubmit input, form#newsletter button {
	display: block;
	width: 80px;
	height: 24px;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	background: #333;
	border: 1px solid #000;
	border-bottom: 2px solid #1c1c1c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin: 20px 0px 6px 10px;
	cursor: pointer;
}

form#newsletter button {
	display: inline;
}