/* Global Styles */

html, body { height: 100%; }

body {
	background: #fff url(/images/site/body-bg.png) repeat-y left top;
	color: #333 ;
}

#container {
	min-height: 100%;
	position: relative;
	width: 485px;
	margin-left: 41px;
	margin-top: 41px;
	padding-top: 80px;
	padding-left: 185px;
	padding-right: 228px;
	padding-bottom: 40px;
	min-height: 360px;
}

#branding {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(/images/site/branding-bg.png) no-repeat left top;
	width: 162px;
	height: 183px;
}

#homelink {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#alternatehomelink {
	position: absolute;
	left: 835px;
	top: 80px;
	height: 18px;
	width: 59px;
	padding: 0 0 0 4px;
	line-height: 1.8;
	color: #34C6E9;
	background: #d2fcfb;
}

#sitedesc {
	background: transparent url(/images/site/sitedesc.jpg) no-repeat left top;
	margin-top: 30px;
	width: 116px;
	height: 125px;
	text-indent: -9999px;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 50px;
	line-height: 1.4;
	font-size: 0.9em;
}

/* Navigation */

#navmain {
	position: absolute;
	left: 185px;
	top: 0;
	background: transparent url(/images/site/navmain-bg.png) no-repeat left top;
	width: 713px;
	height: 63px;
}

#navmain ul { list-style: none; }
#navmain li {
	float: left;
	margin-left: 2px;
}
#navmain li.first { margin: 0; }

#navmain li a {
	display: block;
	width: 63px;
	height: 63px;
	text-indent: -9999px;
}
#navmain li#navfind_texts.active { background: transparent url(/images/site/navmain-bg.png) no-repeat 0 -63px; }
#navmain li#navfind_tunes.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -65px -63px; }
#navmain li#navfind_liturgy.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -130px -63px; }
#navmain li#navabout.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -195px -63px; }
#navmain li#navpeople.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -260px -63px; }
#navmain li#navpublications.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -325px -63px; }
#navmain li#navnews.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -390px -63px; }
#navmain li#navlinks.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -455px -63px; }
#navmain li#navcopyright.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -520px -63px; }
#navmain li#navsubscriber.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -585px -63px; }
#navmain li#navcontact.active { background: transparent url(/images/site/navmain-bg.png) no-repeat -650px -63px; }

/* Sidebar */

#content-supp {
	position: absolute ; right: 0; ; top: 110px ; width: 191px ; 
}

#content-supp legend {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4;
	margin-bottom: 5px;
	border-bottom: none;
}

#content-supp fieldset p {
	overflow: auto;
	padding-bottom: 5px;
	line-height: 1.5;
}
#content-supp label {
	width: 70px;
	clear: left;
}
#content-supp input.txt {
	float: left;
	width: 106px;
	margin-top: 1px;
	border: 1px solid #b2e5e9;
	font-size: 1.2em;
	font-family: Tahoma;
	padding: 0 4px;
}
#content-supp input.btn {
	float: right;
	color: #3fbed6;
	border: none;
	background: none;
	font-size: 1.2em;
	font-family: Tahoma;
	padding: 0;
}

#content-supp ul {
	border-top: 1px solid #92d7dd;
	padding-top: 5px;
	line-height: 1.4;
	list-style: none;
	font-size: 1.1em;
}

#content-supp .promobox {
	margin-top: 43px;
}
#content-supp .promobox p {
	margin-top: 4px;  
}

#content-supp .promobox a {
	color: #000;
	font-size: 1.2em;
	line-height: 1.3;
}

/* Free songs box */

#content-supp #freesongsbox {
	margin: 2em 0 1em ; 
	font-size: 1.1em ; 
	line-height: 1.3 ; 
}

#content-supp #freesongsbox img { margin: 0 0 0.5em ; }

#content-supp #freesongsbox a { font-size: 1em ; }
#content-supp #freesongsbox p { margin: 0.5em 0 ; }
#content-supp #freesongsbox p.player { padding: 3px 5px 4px 20px ; background: #D2FCFB url(/images/site/icon-player.png) no-repeat 3px 4px ; color: #03b7e3 ; font-size: 1em ; }
#content-supp #freesongsbox p.player a:hover { color: #333 ; text-decoration: none ; }
#content-supp #freesongsbox p.note { color: #555 ; font-style: italic ; }
#content-supp #freesongsbox ul { border: none ; margin: 0.5em 1em 1em ; }

#content-supp #freesongsbox h3 a {
	display: block ; 
	margin: 2px 0 0 ;  
	background-color: #03b7e3 ;
	padding: 2px 5px 3px ; 
	font-size: 0.909em ; 
	font-weight: normal ;
	color: #fff ; 
}

#content-supp #freesongsbox h3 a:hover {
	text-decoration: none ;
	background-color: #00e6ed ; 
}

#content-supp #freesongsbox h3 a strong { font-weight: strong ; font-size: 1.1em ; } 

#content-supp #freesongsbox #accordion div { margin: 0 5px 0.7em 5px ; }
/* Form Styles */

#main form {
	line-height: 1.5;
	border-top: 1px solid #92d7dd; 
	border-bottom: 1px solid #92d7dd; 
	padding-top: 1.5em;
	margin-bottom: 1.5em;
}

legend {
	font-size: 1.3em;
	font-weight: bold;
	clear: left ; 
	margin-bottom: 0.5em ;
}

label {
	float: left;
	margin-right: 4px;
	font-size: 1.2em;
}
.txt label, .sel label, .chk label {
	width: 178px;
	margin-top: 1px;
}
.txt input,
.txt select,
.txt textarea,
.sel input,
.sel select {
	font-size: 1.2em;
	border: 1px solid #cbf1fa;
	background: #cbf1fa;
	color: #666;
	float: left;
	padding: 2px 3px;
	width: 264px;
	margin-left: 10px;
}
.txt input,
.txt textarea,
.sel input {
	padding: 2px 6px;
	width: 250px;
}

.txt textarea {
	height: 75px;
	font-family: "Lucida Grande", "Lucida Sans", Geneva, Arial ;
}
.chk input {
	float: left ;
	margin: 3px 0 0 10px;
}

.txt select,
.sel select {
	border: none;
}

.btn input {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	color: #3FBED6;
	float: right;
}

#content-main #backAStep { float: left; font-size: 1.1em; margin-top: 4px; }

div.txt, div.sel, div.chk, div.btn {
	clear: both;
	overflow: auto;
	padding-bottom: 6px;
	margin-left: 10px;
}

select#biblebook {
	width: 171px;
}
input#biblechapter {
	width: 69px;
}

/* Text Styles */

#content h1 {
	background: transparent url(/images/site/header-default.jpg) no-repeat left top;
	padding: 50px 10px 12px;
	font-size: 2.0em;
	color: #18bee6;
	line-height: 1.0;
	font-weight: normal;
	margin-bottom: 15px;
}
#find_texts #content h1 { background: transparent url(/images/site/header-find.jpg) no-repeat left top; }
#find_tunes #content h1 { background: transparent url(/images/site/header-find.jpg) no-repeat left top; }
#find_liturgy #content h1 { background: transparent url(/images/site/header-find.jpg) no-repeat left top; }
#people #content h1 { background: transparent url(/images/site/header-people.jpg) no-repeat left top; }
#publications #content h1 { background: transparent url(/images/site/header-publications.jpg) no-repeat left top; }
#news #content h1 { background: transparent url(/images/site/header-news.jpg) no-repeat left top; }
#links #content h1 { background: transparent url(/images/site/header-link.jpg) no-repeat left top; }
#subscriber #content h1 { background: transparent url(/images/site/header-subscribe.jpg) no-repeat left top; }
#contact #content h1 { background: transparent url(/images/site/header-contact.jpg) no-repeat left top; }

#home #content h1,
#news #content h1.subsection {
	background: none;
	padding: 0;
	font-size: 1.0em;
	color: #000;
	line-height: 1.0;
	font-weight: normal;
	margin-bottom: 0;
}

#news #content h1.subsection img { margin-left: 0 ; margin-bottom: 15px ; }

#news.subeaster #content {
	background: transparent url(/images/site/easter.jpg) no-repeat left top;
	padding-top: 82px;
}

#content h2,
#content h3,
#content h4,
#content h5 { 
	font-size: 1.2em; 
	line-height: 1.4;
	margin-left: 10px;
}

#content h2 { font-size: 1.4em ; margin-bottom: 0.5em ; }

#content p  {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 1em;
	margin-left: 10px;
}

#content ul,
#content ol {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 2.0em;
	margin-left: 23px;
}

#content li p, #content li ul, #content li ol { margin-top: 0.5em ; font-size: 100% ; }

blockquote {
	font-style: italic;
}

#content img { float: left; margin-right: 15px; margin-bottom: 5px; margin-left: 10px; }

a { color: #03b7e3; text-decoration: none; }
a:hover { color: #92dd28; text-decoration: underline; }

/* Home page */

#home h1 img {
	padding-bottom: 5px;
}
#home #content img {
	margin-left: 0;
	margin-right: 5px;
}
.homebox {
	clear: left;
	overflow: auto;
	padding-bottom: 5px;	
}
.homebox img {
	border: 1px solid #34C6E9;
	margin-bottom: 3px ; 
}
.homebox .homeboxdesc {
	margin-left: 113px;
	min-height: 83px;
}

a.homeboxlink {
	color: #000;
	display: block;
	height: 100%;
	width: 100%;
}
a.homeboxlink:hover {
	text-decoration: none;
}
a.homeboxlink:hover img {
	border: 1px solid #92dd28 ; 
}


#content .homebox p, #content .homebox ul { margin-bottom: 5px ; }

#content .homebox h2 { font-size: 1.2em ; margin-bottom: 0.5em ; } 

/* People Page */

#people #main {
	overflow: auto;
	padding-bottom: 5px;
}

#people #main ul {
	float: left;
	width: 240px;
	list-style: none;
	margin-left: 2px;
	border-top: 1px solid #92dd28;
}

#people #main li {
	line-height: 15px;
	padding: 0 6px;
	height: 30px;
	border-bottom: 1px solid #92dd28;
	clear: right;
}
#people #main li span.name { float: left; margin-top: 8px; height: 13px; }

span.personlink { position: relative ; padding-right: 36px ; }
a.find_texts { background: transparent url(/images/site/people-texts.gif) no-repeat left top ; }
a.find_tunes { background: transparent url(/images/site/people-tunes.gif) no-repeat left top ; }
a.find_texts,
a.find_tunes {
	display: block ;
	position: absolute ;
	right: 3px ; top: 0 ;
	width: 15px ;
	height: 15px ;
	text-indent: -9999px;
	margin-left: 3px ; 
	background-color: #03b7e3 ;
}
a.find_texts { right: 21px ; }
a.find_texts:hover,
a.find_tunes:hover { background-color: #92dd28 ; } 

#people #main li a.find_texts,
#people #main li a.find_tunes { position: relative ; right: auto ; float: right ; margin: 8px 0 0 3px ; }

/* Publications & News */

.publication,
.newsitem {
	border-top: 1px solid #81dcf1;
	padding-top: 15px;
}

#content .publication h4,
#content .newsitem h3 {
	font-size: 1.2em;
}

/* Search Results */

#content h4.searchcount {
	font-size: 1.2em;
	margin-bottom: 1em;
}

#content p#searchpage {
	border-top: 1px solid #81dcf1;
	border-bottom: 1px solid #81dcf1;
	line-height: 25px;
	text-align: center;
	letter-spacing: 2px;
	margin-left: 0;
}
#content p#searchpage #page {
	letter-spacing: 0;
}

/* Musicplayer */

#musicplayer {
	width: 142px;
	height: 70px;
	padding: 82px 10px 10px;
	background: transparent url(/images/site/player-bg.jpg) no-repeat left top;
	color: #fff;
	line-height: 1.4;
	position: relative;
}

#musicplayer #trackname {
	font-size: 1.5em;
}

#musicplayer .controls a {
	height: 20px;
	width: 20px;
	text-indent: -9999px;
	position: absolute;
	right: 5px;
	top: 104px;
}

#musicplayer .controls a#playplayer { background: transparent url(/images/site/player-play.png) no-repeat left top; right: 30px; }
#musicplayer .controls a#pauseplayer { background: transparent url(/images/site/player-pause.png) no-repeat left top; right: 30px; }
#musicplayer .controls a#stopplayer { background: transparent url(/images/site/player-stop.png) no-repeat left top; }
#cbjMP3.playing .controls a#playplayer { display: none; }
#cbjMP3.stopped .controls a#pauseplayer { display: none; }

/* Misc styles */

hr { display: none; }
:focus { outline: 0; }

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* 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+ */
 font: normal normal 1em/1.4 Arial, helvetica, sans-serif ;
 padding: 2em 1em 1em ; 
 background-color: #E5FFFE ;
 margin-bottom: 1em ; 
 zoom: 1 ; 
}

pre.nomarkup { font-size: 1.2em ; }

#content pre p { margin-bottom: 0 ; }

#scorch #container {
	padding-top: 0;
}

div.error {
	border: 1px solid #900 ;
	padding: 1em 1em 0.5em ;
	margin-bottom: 1em ;
	background: #fee ;
}

#content div.error p, #content div.error ul { color: #900 ; margin-bottom: 1em ; }

p#subscriptiondates { margin: 5px 0 ; padding: 5px 0 0 ; border-top:1px solid #92D7DD ; font-size: 1.1em ; line-height: 1.4 ; }

p#subscriptiondates .hasexpired { color: #d00 ; }