* {margin:0;padding:0;}
html {overflow-y:scroll;}

body {background:#016600 url(/_img/bg.jpg) no-repeat center top;text-align:center;line-height:1.4;font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;color:#000;font-family:Arial, Helvetica, sans-serif;}
#wrap {text-align:left;width:960px;padding:0;margin: 0 auto;}

/* ========== LINKS =========== */
a { outline:none; border:none;}
a:link, a:visited {color:#006600;text-decoration:none;font-weight:bold;}
a img {border:none; outline:none;}
*html #wide a:link, #wide a:visited {border-bottom:1px solid;}
#wide a.itunes img {border-bottom:none;background:#fff;border:2px solid #d7d7d7; border-right-color:#c7c7c7;border-bottom-color:#c7c7c7;}

#wide a:link, #wide a:visited, #l-foot a:link, #l-foot a:visited, #footer-bottom a:link, #footer-bottom a:visited, #r-main a:link, #r-main a:visited, #mid-main a:link, #mid-main a:visited { border-bottom:1px dotted; }
#wide a:hover, #mid-main a:hover { background:#006600; color:#fff; border-bottom-style:solid;}
#wide a img { border-bottom:none; }
#wide a.stacey:hover, #wide a.malcolm:hover { color:#006600; }


#mid-main h3 a { border-bottom:1px dotted; }
#r-main a:link, #r-main a:visited  {color:#005dae;text-decoration:none;font-weight:bold;}
#r-main a:hover {background:#005dae; color:#fff; border-bottom-style:solid; }

#player a img {margin:10px 0pt 0pt 40px;}
#wide a.itunes:hover img { border-bottom:1px solid; }

#header {background: url(/_img/header.jpg) no-repeat;position:relative;color:#333;width:960px;padding:0;margin:0;height:131px;}
#header h1 {color:#fff;font-size:120%;font-family:Georgia, "Times New Roman", Times, serif;padding-top:35px;}
#header h1 a {display:block;height:60px;overflow:hidden;text-indent:-9999px;width:375px;margin:0;}
#header p {font-family:"Trebuchet MS", arial, sans-serif;font-size:85%;top:50px;right:10px;position:absolute;background:#000;padding:0 0 5px;}
/*
#header h1 a:hover {
background-position:0 -100px;
} */

ul#top-nav { position: absolute; top: 55px; right: 10px; list-style: none; z-index: 10px; }
ul#top-nav li { display: inline; float: left; height: 68px; }
ul#top-nav li.active { background: transparent url(/_img/triangle.gif) center bottom no-repeat; }
ul#top-nav li a { display: block; text-indent: -5000px; text-decoration: none; height: 36px; background-position: top; }

a.nav-devotionals {	background: url(/_img/hnav_devotionals.gif) no-repeat; width: 105px; }
a.nav-musicministry { background: url(/_img/hnav_musicministry.gif) no-repeat; width: 125px; }
a.nav-extras { background: url(/_img/hnav_extras.gif) no-repeat; width: 68px; }
a.nav-myspace { background: url(/_img/hnav_myspace.gif) no-repeat; width: 87px; }
a.nav-facebook { background: url(/_img/hnav_facebook.gif) no-repeat; width: 92px; }

ul#top-nav li.active a.nav-devotionals, ul#top-nav li.active a.nav-musicministry, ul#top-nav li.active a.nav-extras {background-position:bottom; cursor:default;}

ul#top-nav a:hover { background-position: bottom; }


/*  Side Navigation  */
#side-nav {float:left; position:relative; width: 224px; margin:20px 16px 0 0;}
#side-nav ul {background: url(/_img/side-nav-bg.gif) repeat-y left; margin:0;padding:0;list-style:none;width:225px;}
#side-nav a {display: block;width: 186px;height: 40px;text-indent: -5000px;margin-left: 20px; border-bottom:none; background-position:top left;}
*html #side-nav a { float:left; }


a.aboutus { background: url(/_img/nav-aboutus.jpg); }
a.purpose { background: url(/_img/nav-purpose.jpg); }
a.prayer { background: url(/_img/nav-prayer.jpg); }
a.salvation { background: url(/_img/nav-salvation.jpg); }
a.calendar { background: url(/_img/nav-calendar.jpg); }
a.resources { background: url(/_img/nav-resources.jpg); }
a.getconnected { background: url(/_img/nav-getconnected.jpg); }
a.contactus { background: url(/_img/nav-contact.jpg); }

a.bio { background: url(/_img/mnav-bio.jpg); }
a.vision { background: url(/_img/mnav-vision.jpg); }
a.disc { background: url(/_img/mnav-disc.jpg); }
a.store { background: url(/_img/mnav-store.jpg); }
a.press { background: url(/_img/mnav-press.jpg); }
a.booking { background: url(/_img/mnav-booking.jpg); }
a.lyrics { background: url(/_img/mnav-lyrics.jpg); }

a.sermons { background: url(/_img/enav_sermons.jpg); }
a.missionjournal { background: url(/_img/enav_missionjournal.jpg); }
a.mdownloads { background: url(/_img/enav_mdownloads.jpg); }
a.videos { background: url(/_img/enav_videos.jpg); }
a.wallpaper { background: url(/_img/enav_wallpaper.jpg); }
a.webbanners { background: url(/_img/enav_webbanners.jpg); }

#side-nav a:hover { background-position: bottom left; }

.top { background: url(/_img/side-nav-top.gif) top repeat-x; height: 40px; padding-top: 4px; margin-right: 5px; }
.bottom { background: url(/_img/side-nav-bottom.gif) bottom repeat-x; height: 40px; padding-bottom: 4px; margin-right: 5px; }

.tr-corner { background: url(/_img/side-nav-tr.gif) no-repeat;width:20px;height:20px;position:absolute;top:0;right:0; }
.br-corner { background: url(/_img/side-nav-br.gif) no-repeat;width:20px;height:20px;position:absolute;bottom:0;right:0; }

#main { background: url(/_img/main-bg.png) repeat-y center;width:941px;padding:0 10px;float:left;}
*html #main { width:960px;w\idth:940px; }
*+html #main { width:940px; }

#mid-main {background:#fff;float:left;width:360px;padding:25px 20px 0;}
#mid-main h3 {color:#005dae;font-family:Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;}
#mid-main p, #wide p {font-family:Arial, Helvetica, sans-serif;font-size:90%;padding-bottom:15px;}
#wide {position:relative;background:#fff;width:640px;padding:20px 40px 20px 20px;float:left;}

#r-main {background:#fff;float:left;width:260px;padding:25px 20px 0;}
#mid-main h2, #r-main h2 {font-size:120%;color:#000;margin-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:-0.5px; font-size:140%;}
#r-main ul {margin:0;padding:0;list-style:none;font-size:90%;}
#r-main li { background: url(/_img/calendar.gif) no-repeat; padding-left:22px;margin-bottom:15px;}

h2.mail {margin-top:30px;}

a {outline:none;}

#footer {background:url(/_img/footer-top.png) no-repeat top center;margin:0;padding:70px 0 0;width:960px;float:left;}
#footer-wrap {background:url(/_img/footer-bg.png) repeat-y center;width:960px;padding:0;overflow:auto;}
*+html #footer-wrap { overflow:visible; }

#footer-wrap h3 {color:#d9e558;font-size:120%;margin-bottom:10px;}

#l-foot {background:#011A01;border:2px solid #000D00;float:left;width:175px;padding:15px 20px;margin-left:20px;display:inline;}
#l-foot p {line-height:1.9;font-size:90%;color:#bbb;}
#l-foot a:link, #l-foot a:visited {color:#bac838;}
#mid-foot {background:#011a01;border:2px solid #000d00;float:left;width:329px;padding:15px 20px;margin-left:10px;display:inline;height:187px;}
#r-foot {background:#011a01;border:2px solid #000d00;float:left;width:263px;padding:15px 20px;margin-left:10px;display:inline;height:187px;}

#footer-bottom {background:url(/_img/footer-bottom.png) no-repeat center top;width:960px;height:66px;display:block;}
#footer-bottom p {text-align:center;color:#fff;font-size:85%;font-weight:bold;padding-top:31px;}
#footer-bottom a:link, #footer-bottom a:visited {color:#fff;text-decoration:none;}

fieldset#contact-us {background:#f7f7f7;border:2px solid #e8e8e8;padding:15px;margin:0;}
fieldset#contact-us input {border:2px solid #e8e8e8;padding:4px;float:none;}
fieldset#contact-us label {display:block;margin-top:10px;font-size:110%;font-weight:bold;}
fieldset#contact-us ul {margin:0;padding:0;list-style:none;}
fieldset#contact-us textarea {border:2px solid #e8e8e8;padding:4px;width:300px;height:200px;margin-bottom:10px;}
fieldset#contact-us input.smt {background:#6aa917;border:2px solid #5b9511;color:#fff;font-weight:bold;width:auto;overflow:visible;}

fieldset {border:0 solid transparent;margin-top:15px;}
*+html #contact-form-footer fieldset {margin-top: -30px; }
legend {display:none;}
label {display:none;}
input.mail {width:175px;padding:2px 4px;}
input {border:1px solid;float:left;}
input.submit {margin-left:10px;border:none;}

input.name {margin:0 10px 10px 0;}
input.name, input.email {padding:2px 4px;background:#fff;width:114px;}
textarea {overflow:auto;width:248px;height:60px;border:1px solid;padding:2px 4px;}
fieldset#contact input.submit {float:right;margin:10px 3px 0 0;}

/* =========== ZEM CONTACT FORM ============= */

#mailing-list label, #contact-form-footer label {display:none;}
#contact-form-main {background:#F7F7F7;border:2px solid #F0F0F0;margin:0pt 0pt 15px;padding:15px; width:450px;}
#contact-form-main p {margin: 12px 0;} 	
#contact-form-main label {display: block;padding: 3px 0;margin: 7px 0;width: 120px;float: left;}
#mailing-list input#email-signup {width:175px;padding:3px 4px; float:left;}
#contact-form-main input, #contact-form-main select {border:1px solid #82b0d7;margin: 7px 0;padding: 3px;float:left;width: 315px;}
#contact-form-main textarea {font-family: Arial, Helvetica, sans-serif;font-size: 100%;width: 315px;height:100px;border:1px solid #82b0d7;padding:2px 4px;margin: 7px 0;}
#contact-form-main input {width:317px; }
#contact-form-main select {width: 325px;}
#contact-form-main fieldset {margin-top:0;}
#mailing-list input, #contact-form-footer input {border:1px solid #82b0d7;float:left;}
#mailing-list input.zemSubmit {margin:1px 0 0 10px;border:none;float:left;}
#contact-form-footer input#Name {margin:0 10px 10px 0;}
#contact-form-footer input#Name, #contact-form-footer input#Email {padding:2px 4px;background:#fff;width:114px;}
#contact-form-footer textarea {font-family: Arial, Helvetica, sans-serif;font-size: 100%;width:248px;height:60px;border:1px solid #82b0d7;padding:2px 4px;}
#contact-form-main input.zemSubmit {float:right;margin-top: 12px;padding: 0;width: 63px;height: 22px;border: none;}
#contact-form-footer input.zemSubmit {float:right;margin:10px 3px 0 0;border: none;}
#contact-form-footer .zemThanks {color: #fff;}
#mailing-list .zemThanks, #contact-form-main .zemThanks {color: #000;}

/* ========== END ZEM CONTACT FORM ============ */

.vid {
margin:10px 0 20px 0;
}
ul {margin:0;padding:0; list-style:none;}

#wide ul {list-style-type:disc;margin:0 0 20px 20px;}
#wide h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:180%;letter-spacing:-1px;color:#042a02;padding-bottom:10px;}
#wide h2 {font-family: Georgia, "Times New Roman", Times, serif;letter-spacing:-1px; margin-bottom:0;}

ol {background:#1f431f;border:3px solid #002800;color:#fff;margin:0 0 15px;padding:20px 20px 10px 35px;}
ol li {margin-bottom:10px;}
ol a:link, ol a:visited {color:#cfdb4a;}

.alb {background:#ddd;float:left;width:600px;padding:20px;margin-bottom:15px;border-bottom:2px solid #c7c7c7;border-right:2px solid #c7c7c7;position:relative;}
.alb img {float:left;margin:0 15px .5em 0;padding:4px;border:1px solid #bbb;background:#fffff9;}
.alb h2 {margin-bottom:10px;color:#222;}
.alb p {color:#000;}

.green {
color:#006600;
font-weight:bold;
}
img.logo {float:right;margin:10px 0 .5em 15px;}

#wide img.fam {padding:5px;background:#f7f7f7;border:1px solid #d7d7d7;float:left;margin:0 15px .5em 0;}
#wide ul#malcolm {margin-left:170px;}

blockquote {background: #f6f6f6;border:2px solid #f2f2f2;padding:15px;width:300px;margin:0 0 10px 0;}
#wide blockquote p {font-family:"Trebuchet MS", arial, verdana;padding-bottom:0;}
#wide p.author {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:85%;padding-top:10px;}
blockquote.right {float:right;margin-left:15px;}

.right {float:right;}
.left {float:left;}
img.left {float:left; margin:0 15px 15px 0; }

address {background:#f7f7f7;border:2px solid #e8e8e8;font-weight:bold;font-style:normal;margin-bottom:15px;padding:15px;
width:180px;
}
span.about a:link, span.about a:visited { font-size:100%;color:#006600;}
#wide a.itunes {padding:none;margin:10px;border:none;}
p.option {position:absolute;bottom:10px;right:10px;}
strong.green {color:#006600;font-weight:bold;}
form.paynow input {border:none; margin-right:10px;}

.disco {width:665px;display:block;float:left;padding:0;}
.disco h2 {color:#e8e8e8;font-family:Georgia, "Times New Roman", Times, serif;font-size:400%;}
.disco a img {display:inline;float:left;margin:0 10px 10px 0;position:relative;}
.disco a:hover img {cursor: default; color:#FF0000; }
#wide-disc {background:#fff;width:665px;padding:20px 20px 20px 15px;float:left;}
*html #wide-disc {width:700px;w\idth:665px;}

#wide span.more {
font-family:georgia;
font-size:140%;
letter-spacing:-1px;
position:absolute;
right:50px;
top:26px;
font-weight:normal;
}
#wide span.mal-stac {
font-family:georgia;
font-size:140%;
font-weight:normal;
letter-spacing:-1px;
position:absolute;
right:36px;
top:18px;
}

em.amp {color:#74A050;font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-size:130%;font-style:italic;font-weight:normal;margin:0 3px;}

#wide a.malcolm {background: url(/_img/malcolm-tiny.jpg) no-repeat 0 50%;padding:5px 0 5px 38px;border-bottom:none;}
#wide a.stacey {background: url(/_img/stacey-tiny.jpg) no-repeat 0 50%;padding:5px 0 5px 38px;border-bottom:none;}

#wide span img {margin:0;padding:5px 5px 0 0;background:none;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{background: url(/_img/arrow_left.gif) no-repeat left top;position: absolute;z-index:101;left:-12px;height:23px;width:10px;top:-3px;}
#JT_arrow_right{background: url(/_img/arrow_right.gif) no-repeat left top;position: absolute;z-index:101;height:23px;width:11px;top:-2px;}
#JT {position: absolute;z-index:100;border: 2px solid #ccc;background-color:#fff;}
#JT_copy{padding:10px;color:#333;}
.JT_loader{background: url(/_img/loader.gif) no-repeat center center;width:100%;height:12px;}
#JT_close_left{background-color: #CCC;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;}
#JT_close_right {background-color: #ccc;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;}
#JT_copy p {text-align:left;margin:3px 0;}
#JT_copy ul {text-align:left;}
#JT_copy img{padding: 1px;border: 1px solid #CCC;}
.jTip{cursor:help;}
.tooltip{ width: 200px; color:#fff; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none;text-align:center;}
.tooltip span.top{padding: 30px 8px 0; background: url(/_img/bubble.gif) no-repeat top;}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912;background: url(/_img/bubble.gif) no-repeat bottom;}

.bold {font-weight:bold;}
.clear { clear:both;}
.dl {display:block;}

/* Flickr Styles */
ul.flickritems { list-style: none; margin: 0; padding: 0; }
ul.flickritems li { float: left; margin: 0 12px 10px 0; }
ul.flickritems li a img { width: 60px; height: 60px; border: 5px #ccc solid; }
ul.flickritems li a:hover img { border: 5px #999 solid; }
ul.flickritems a:link, ul.flickritems a:visited { border-bottom: none;}

#flashplayer {margin:15px 15px 15px 0;}

pre {background:#F7F7F7;border:2px solid #E8E8E8;margin-bottom:15px;padding:15px;white-space: pre-wrap;/* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#booking { float:right; background:#f7f7f7; border:3px solid #e8e8e8; padding:15px; margin:0 0 10px 15px; }
body#music #mid-main ul li a { font-family:Georgia, "Times New Roman", Times, serif; font-size:300%; color:#ddd; text-decoration:none; }
body#music #mid-main ul li a:hover {color:#333;}
body#music #mid-main ul li {margin:0;}

body#devo #r-main {padding-top:0;}

body#music #mid-main { padding:25px 20px 0 15px; }
body#music #r-main {width:265px; padding-left:15px; }

/* Slider Styles */
#slider {background:#e8e8e8;width:530px;padding:15px 20px 20px 20px;border:3px solid #d8d8d8;}
#slider h2 { padding-left:0; }
.header {width:488px; font-weight:bold; margin-top:5px; cursor:pointer; /*background:url(images/header.gif)*/}
.header:hover {/*background:url(images/header_over.gif)*/}
.content {overflow:hidden}
.text {width:474px; border-top:none; padding:5px 15px}
#wide .text ul {margin:0 0 5px;float:left;}
.text li {float:left;clear:left;}


/* MOOTOOLS TOOLTIP */


div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
	}

div.tooltip h4 {
	background: url(/_img/balloon.png) top left no-repeat !important;
	background: url(/_img/balloon.gif) top left no-repeat;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	font-size: 11px;
	}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(/_img/balloon.png) bottom left no-repeat !important;
	background: url(/_img/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}

body#extras #mid-main ul#section-list li a {
background:#F9F9F9;
border-bottom:1px dotted;
color:#b7b7b7;
font-family:georgia;
font-size:242%;
letter-spacing:-1px;
padding:0pt 5px;
text-decoration:none;
}
*+html body#extras #mid-main ul#section-list li a {
font-size:235%; }
body#extras #mid-main ul#section-list li a:hover {
color:#006600;
border-bottom-color:#006600; }

#wide ul ul {
margin-bottom:0px; }

span.sitemap {
background: url(/_img/sitemap.png) no-repeat 0 50%;
padding-left:20px;
}
span.rss {
background: url(/_img/FeedIcon-32.png) no-repeat 0 50%;
padding:10px 0 10px 40px;
margin:0 0 10px;
}
#mailing-list {
margin-bottom:30px;
}
#wide ul.lyrics {
margin:0 0 30px;
padding:0;
list-style:none;
}
ul.lyrics li a {
background:#F9F9F9;
border-bottom:1px dotted;
color:#b7b7b7;
font-family:georgia;
font-size:242%;
letter-spacing:-1px;
padding:0pt 5px;
text-decoration:none;
}
*+html ul.lyrics li a {
font-size:235%; }
#wide ul.lyrics li a:hover {
background:#F9F9F9;
color:#006600;
border-bottom-color:#006600; }

#wide h2#lib, #wide h2#inc, #wide h2#tfe, #wide h2#vp {
font-size:320%;
color:#444
}

div#qTip {
 padding: 10px 15px;
 border:3px solid #222;
 display: none;
 background: #333;
 color: #FFF;
 font: 90% arial;
 text-align: left;
 position: absolute;
 z-index: 1000;
 width:200px;
}