/*  */

@import url(blueprint/screen.css);
@import url(thickbox.css);

html {
	background: #333 url(bg-body2.png) repeat-x;
}

body {
	margin: 0;
	min-height: 600px;
	font-family: Helvetica,Arial,sans-serif;
	background: #000 url(bg-body2.png) center top repeat-x;
}

h1,.hm {
	display: none;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
#main blockquote {
	text-indent: -9999px;
	overflow: hidden;
	height: 144px;
	margin-top: 40px;
	background: url(main-verse.png) center top no-repeat;
}

#main h4 {
	text-indent: -9999px;
	overflow: hidden;
	height: 109px;
	margin: 20px 0 40px;
	background: url(main-header.png) center top no-repeat;
}

#main #blurb {
	width: 690px;
	margin: 0 auto;
	padding: 20px 20px 20px;
	color: #fff;
	font-size: 1.15em;
	background: url(main-gradient.png) repeat-x;
}

#main #blurb .link-register {
	display: block;
	height: 40px;
	width: 190px;
	margin: 20px auto 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(btn-registeronline.png) center top no-repeat;
}

#main #blurb .link-register:hover {
	background-position: center bottom;
}

#about h3 {
	margin-top: 0px;
	height: 100px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(header-about.png) 50% 50% no-repeat;
}

#about ul, #about li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#about li {
	position: relative;
	float: left;
	width: 350px;
	height: 230px;
	overflow: hidden;
}

#about li em {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-indent: 0;
	text-align: center;
	font-size: 1.2em;
	background: none;
}

#about li.a {
	margin-right: 10px;
	background: url(confprofile-a.png) 50% 50% no-repeat;
}

#about li.b {
	margin-right: 0;
	background: url(confprofile-b.png) 50% 50% no-repeat;
}

#about p {
	margin-top: 70px;
	margin-left: 15px;
	color: #FFF;
}

#about li a {
	padding: 1px 3px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	background: url(bg-white30.png);
}

#about li a:hover {
	color: #fff;
	background: #333;
}

#hosts {
	position: relative;
	padding: 10px 10px 10px 90px;
	background: url(bg-hosts.png) 0 50% repeat-y;
}

#hosts h4 {
	height: 30px;
	margin: 0;
	text-indent: -99999px;
	overflow: hidden;
	background: url(header-hosts.png) 0 50% no-repeat;
}

#hosts p {
	margin: 0;
	color: #017eda;
}

#hosts p strong {
	color: #333;
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: -.07em;
}

#hosts a {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 70px;
	height: 20px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(btn-more.png) 50% 0 no-repeat;
}

#hosts a:hover {
	background-position: 50% 100%;
}

#creeds h3 {
	visibility: hidden;
	height: 30px;
	
}

.creed {
	position: relative;
	margin-bottom: 40px;
	
}

#apostles {
	background: url(pic-apostles.png) no-repeat;
}

#perez {
	background: url(pic-perez.png) no-repeat;
}

#stockstill1 {
	background: url(pic-stockstill1.png) no-repeat;
}

#stockstill2 {
	background: url(pic-stockstill2.png) no-repeat;
}

#lordprayer {
	background: url(pic-lordprayer.png) no-repeat;
}

#alexander {
	background: url(pic-alexander.png) no-repeat;
}

.creed h4 {
	height: 80px;
	margin: 0 0 0 80px;
	text-indent: -99999px;
	overflow: hidden;
}

#apostles h4 {
	background: url(header-apostles.png) 0 0 no-repeat;
}

#perez h4 {
	background: url(header-perez.png) 0 0 no-repeat;
}

#stockstill1 h4 {
	background: url(header-stockstill1.png) 0 0 no-repeat;
}

#stockstill2 h4 {
	background: url(header-stockstill2.png) 0 0 no-repeat;
}

#lordprayer h4 {
	background: url(header-lordprayer.png) 0 0 no-repeat;
}

#alexander h4 {
	background: url(header-alexander.png) 0 0 no-repeat;
}

.creed h4 span {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	height: 10px;
	text-indent: -99999px;
	overflow: hidden;
	background: #333;
}

.a h4 span {
	width: 10px;
	left: 55px;
	background: url(icon-a.gif) no-repeat;
}

.b h4 span {
	width: 10px;
	left: 55px;
	background: url(icon-b.gif) no-repeat;
}

.ab h4 span {
	width: 20px;
	left: 45px;
	background: url(icon-ab.gif) no-repeat;
}


.creed p {
	min-height: 5em;
	margin: 0;
	padding: 10px;
	color: #fff;
	border: 1px solid #fff;
	border-width: 0px 0 1px;
	background: url(bg-white30.png);
	
}

.pop,
.invite {
	display: none;
}

.creed ul {
	margin: 1px 0 0;
	list-style: none;
}

.creed li {
	float: left;
	height: 20px;
	width: 80px;
	padding: 5px;
	text-align: center;
	background: url(bg-white30.png);
}

.creed li.greeting {
	width: 209px;
	margin-left: 1px;
}

.creed li a {
	display: block;
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
}

.creed li a:hover {
	color: #000;
}

.creed li.greeting a {
	float: right;
	width: 110px;
	height: 20px;
	text-indent: -99999px;
	overflow: hidden;
}

.creed li.a a {
	background: url(btn-audiogreeting.png) 50% 0 no-repeat;
}

.creed li.v a {
	background: url(btn-videogreeting.png) 50% 0 no-repeat;
}

.creed li.greeting a:hover {
	background-position: 50% 100%;
}

#schedule h3 {
	margin-top: 0px;
	height: 100px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(header-readings.png) 50% 50% no-repeat;
}

#schedule .wrapper {
	width: 740px;
	padding: 40px 0 20px 30px;
}

#schedule table {
	width: 350px;
}

#schedule table.a {
	float: left;
	margin-right: 10px;
}

#schedule th {
	padding: 5px 0;
	font-size: 1.6em;
	color: #fff;
	letter-spacing: -.07em;
	border-color: #333;	
}

#schedule td {
	padding: 2px 0;
	color: #fff;
	border-color: #eee;
	border-style: solid;
	
	background: url(bg-white30.png);
	padding-left: 10px;
}

#schedule td strong {
	color: #fff;
	font-size: 1.2em;
}

#location h3 {
	height: 170px;
	margin: 0;
}

#location h3 + p {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

#location h3 + p strong {
	text-shadow: 0 0 3px #eee;
}

#location h4 {
	margin: 0 0 1em;
	padding-bottom: .5em;
	color: #333;
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: -.07em;
	border-bottom: 2px solid #333;
}

#location p {
	color: #333;
}

#location ul {
	list-style: none;
	margin: 0;
	border-top: 2px solid #fff;
}

#location li {
	padding: 3px 0;
	color: #333;
	text-align: right;
	border-bottom: 1px solid #fff;
}

#location li strong {
	display: block;
	float: left;
}

#prayer .location {
}

#address {
	text-align: center;
}

#location a {
	padding: 1px 3px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	background: url(bg-white30.png);
}

#location a:hover {
	color: #fff;
	background: #333;
}

#map {
	height: 300px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(map.png) 50% 0 no-repeat;
}

#media h3 {
	visibility: hidden;
	margin: 0;
}

#media h4 {
	margin: 0 0 1em;
	padding-bottom: .5em;
	color: #333;
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: -.07em;
	border-bottom: 2px solid #333;
}

#badges ul,
#wallpaper ul {
	margin: 0;
	padding: 1px;
	list-style: none;
	text-align: center;
	line-height: 1;
	background: url(bg-white30.png);
}

#badges li {
	text-align: right;
	margin: 10px;
}

#badges li img {
	vertical-align: top;
}

#wallpaper li {
	margin: 4px 0;
}

#media li img,
#media li a {
	margin: 0;
	padding: 0;
}

#media li a img {
	border: 1px solid #333;
}

#media li a:hover img {
	border: 1px solid #fff;
}

#media textarea {
	width: 200px;
	height: 90px;
	margin: 0;
	font: normal 10px/1.2 monaco,courier,mono-space;
	vertical-align: baseline;
}

#faq h3 {
	visibility: hidden;
	margin: 0;
}

#faq h4 {
	margin: 0 0 1em;
	padding-bottom: .5em;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -.07em;
	border-bottom: 2px solid #333;
}

#faq p {
	color: #333;
}

#faq em {
	color: #000;
	background: none;
}

#faq a {
	padding: 1px 3px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	background: url(bg-white30.png);
}

#faq a:hover {
	color: #fff;
	background: #333;
}

#register {
	text-align: center;
}

#register h3 {
	display: none;
}

#register p {
	font-size: 18px;
	text-align: center;
	color: #555;
}

#register p a {
	display: block;
	width: 470px;
	height: 148px;
	margin: 9em auto 20px;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
	background: url(button-register_big.png) 0 -1px  no-repeat;
}

#register p a:active {
	background-position: 0 100%;
}


#footer {
	padding: 0px 0 0px;
	color: #000;
	padding: 20px;
	text-align: center;
	background: url(bg-white30.png);
}

#footer p {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	font-size: .9em;
}

#footer p a {
	padding: 1px 3px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#footer p a:hover {
	color: #fff;
	text-decoration: underline;
}

/* @group Coda-Slider Styles */

.slider-wrap {
	position: relative;
}

.csw {
	width: 100%;
	height: 540px;
	overflow: hidden;
}

.csw .loading {
	margin: 240px 0 300px;
	text-align: center;
}

.stripViewer {
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 950px;
	min-height: 540px;
	height: 45em;
	clear: both;
	overflow: hidden;
}

.panelContainer {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}

.panel {
	float: left;
	height: 100%;
	position: relative;
	width: 950px;
	overflow: hidden;
}

.wrapper {
	margin: 0 auto;
	overflow: hidden;
}

.stripNav ul {
	list-style: none;
	margin:0;
	padding: 0;
}

.stripNav ul li {
	float: left;
}

.stripNav a {
	list-style: none;
	display: block;
	float: left;
	width: 110px;
	height: 50px;
	margin-right: 10px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.tab1 a {
	background-image: url(nav-main.png);
}

.tab2 a {
	background-image: url(nav-about.png);
}

.tab3 a {
	background-image: url(nav-creeds.png);
}

.tab4 a {
	background-image: url(nav-schedule.png);
}

.tab5 a {
	background-image: url(nav-location.png);
}

.tab6 a {
	background-image: url(nav-media.png);
}

.tab7 a {
	background-image: url(nav-faq.png);
}

.tab8 a {
	background-image: url(nav-register.png);
}

.stripNav li a.current {
	background-position: 0 100%;
}

.stripNav li a:active {
	background-position: 0 0;
}

.stripNavL,
.stripNavR {
	position: absolute;
	top: 50%;
	text-indent: -999999px;
	z-index: 1;
}

.stripNavL a,
.stripNavR a {
	display: block;
	width: 40px;
	height: 40px;
	background-position: 50% 0 !important;
}

.stripNavL a:active,
.stripNavR a:active {
	background-position: 50% 100% !important;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL a {
	background: url(arrow-left.png) no-repeat;
}

.stripNavR a {
	background: url(arrow-righ

t.png) no-repea
t
;
}

        /* Bubble pop-up */
		.bubbleInfo {
            position: relative;
        }
 
        .popup {
        	position: fixed;
			margin-left:550px;
			margin-top: 500px;
        	display: none;
        	z-index: 90;
        	border-collapse: collapse;
        }
 
        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }
 
        .popup td#topleft { background-image: url(bubble-1.png); }
        .popup td.top { background-image: url(bubble-2.png); }
        .popup td#topright { background-image: url(bubble-3.png); }
        .popup td.left { background-image: url(bubble-4.png); }
        .popup td.right { background-image: url(bubble-5.png); }
        .popup td#bottomleft { background-image: url(bubble-6.png); }
        .popup td.bottom { background-image: url(bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(bubble-8.png); }
 
        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}
 
        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}
 
        table.popup-contents td {
        	text-align: left;
        	}
 
        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(starburst.gif) no-repeat top right;
        	height: 17px;
        	}
 
        tr#release-notes td a {
        	color: #333;
        }
        
     

/* @end */