/* Generic stuff  */
body { 
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
background: #fc0 url(../i/pageback.png) repeat-x;
text-align: left;
color: #000;
}

#container {
position: relative;
border: 0px solid aqua;
}

img {
border: 0;
}	

a:link { 
text-decoration: none;
color: #00f;
}

a:visited { 
text-decoration: none;
color: #c03;
}
	
a:hover { 
text-decoration: underline;
}

a:active { 
color: #000;
text-decoration: underline;
}
	
.alt, .statcounter {
display: none;
}	

.hide, .hide a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
.hide a:focus {
position:static;
width:auto;
height:auto;
}	
  
.clearboth { clear: both; }
 
#bible {
font-style: italic;
}

#bible h2 {
font-style: normal;
}

#sister {
text-align: center;
background: #69f;
width: 80%;
padding: 20px;
font-size: 80%;
margin: 15px auto;
}
	
	
/* header bars */	

#head {
/* background: #c03; */
width: auto;
height: 110px;
z-index: 1;
}

/* gold search etc */

#utilbar {
/* background: #c90; */
height: 30px;
font-size: 75%;
font-weight: normal;
text-align: right;
}

#utilbar a {
color: #000;
text-decoration: none;
}

#utilbar a:hover {
color: #000;
text-decoration: underline;
}

#search	{
position: absolute;
top: 114px;
right: 0;
}

#search .email {
margin: 0 10px 0 15px;
padding-left: 22px;
background: url(/i/icons.gif) no-repeat 0 -36px;
}

#search .translate_me {
margin-right: 15px;
padding-left: 22px;
background: url(/i/icons.gif) no-repeat 0 -234px;
}

/*
#search .tell {
margin: 0 10px 0 0;
padding: 0 22px 0 0;
background: url(/i/icon_comments.png) no-repeat top right;
}

#search .bookmark {
margin: 0 20px 0 0;
padding: 0 0 0 22px;
background: url(/i/icon_share.gif) no-repeat top left;
}
*/

.stbutton {
border: 0px solid red;
}

ul.sideways {
list-style: none;
display: inline;
vertical-align: middle;
}

ul.sideways li {
list-style: none;
display: inline;
padding-right: 10px;
vertical-align: middle;
}
	
#search label	{
margin-left: 10px;
}

#search input#q {
font-size: 100%;
font-weight: normal;
border: 1px solid #000;
width: 150px;
padding: 1px 2px;
outline: none;
vertical-align: middle;
margin-bottom: 3px;
color: #000;
}

#search input.searchbutton {
vertical-align: middle;
width: 16px;
height: 16px;
background:  url(/i/icons.gif) no-repeat 0 -108px;
outline: none;
margin-bottom: 3px;
}


/*  top red nav bar  */
  
#topnavbar {
color: #000;
width: 100%;
height: 90px;
}
  
#topnav	{
height: 100px;
width: 785px;	
background: transparent;
position:absolute;
top:0;
left: 50%;
margin-left: -393px;
}

ul#menu{
list-style:none;
margin: 0;
}

#menu li,#menu li a {
height:110px;
width:157px;
position:relative;
display:block;
line-height:110px;
}

#menu li {
float: left;
display:inline;
background: none;
margin: 0;
padding: 0;
}

/* mac hide \*/
#menu li,#menu li a {	overflow:hidden;}
/* end hide*/

#menu a {
font-size: 80%;
color: #fff;
font-weight: bold;
text-decoration: none;
line-height: 0;
text-align: center;
}

#menu a:hover {
text-decoration: underline;
}

#menu li em {
position:absolute;
left:0;top:0;
display:block;
height:110px;
width:157px;
cursor: pointer;
border: 0;
}

li#homemenu em {
background: url(../i/topnavbar.png) no-repeat;
background-position: 0 0;
}

li#custmenu em {
background: url(../i/topnavbar.png) no-repeat;
background-position: 25% 0;
}

li#culmenu em {
background: url(../i/topnavbar.png) no-repeat;
background-position: 50% 0;
}

li#storymenu em {
background: url(../i/topnavbar.png) no-repeat;
background-position: 75% 0;
}

li#funmenu em {
background: url(../i/topnavbar.png) no-repeat;
background-position: 100% 0;
}

ul#menu li a:hover{visibility:visible}/* needed for ie to work*/

li#homemenu a:hover em{background-position:0 -110px}
li#custmenu a:hover em{background-position:25% -110px}
li#culmenu a:hover em{background-position:50% -110px}
li#storymenu a:hover em{background-position:75% -110px}
li#funmenu a:hover em{background-position:100% -110px}

	
/* Main Content   */

#main {
margin-top: 30px;
background: url(/i/colback_960.png) repeat-y top left;
}

#content {
padding-bottom: 20px;
text-align: left;
}

h1, h2, h3, h4 {
font-family: "Trebuchet MS", verdana, sans-serif;
letter-spacing: -.5px;
}

h1 { 
margin: 15px 0 30px 0;
font-size: 140%; 
color: #000;
font-weight: normal;
text-align: center;
}

.flag {
margin: 5px auto;	
display: block;
}

h2 {
font-size:120%;
font-weight: normal;
margin: 15px 0 5px 10px;
clear: both;
}

h3 {
margin: 10px 0 5px 10px;
font-size: 110%;
font-weight: normal;
clear: both;
}

h4 {
margin: 10px 0 5px 10px;
font-size: 90%;
font-weight: normal;
}

p { 
margin: 0 10px 20px 10px;
font-size: 80%; 
line-height: 1.4em;
}

p.b2t {
text-align: right;
margin-bottom: 20px;
}

p.backtotop {
text-align: right;
margin-bottom: 20px;
}

p.backtotop a {
padding: 2px 25px 2px 20px;
background: url(/i/icons.gif) no-repeat 0 -250px;
color: #036900;
}

.imgr {
float: right;
margin: 0 0 20px 20px;
font-size: 65%;
}

.imgl {
float: left;
font-size: 65%;
margin: 0 20px 20px 10px;
}

.imgrc {
float: right;
margin: 0 0 20px 20px;
clear: both;
}

#donateright {
float: right;
width: 230px;
margin: 0 0 45px 40px;
padding: 5px 15px 0 10px;
background: #390 url(/i/sidenav_back.png) repeat-x top left;
border: 0px solid blue;
color: #ffc;
}

#donateright a, #donateright h2 a {
color: #ffc;
}

.quote {
margin: 5px 0;
display: block;
line-height: 1.4em;
text-align: center;
}	

.small {
font-size: 70%;
}	

.error {
color: #f00;
}
	
ul.pagesubnav, ul {
margin: 10px 10px 40px 10px;
padding: 0;
list-style-type: none;
font-size: 80%;
} 

ul.pagesubnav li, ul li {
margin-bottom: 10px;
background: url(/i/ornament-sml.gif) no-repeat 0 0;
padding-left: 22px;
line-height: 1.4em;
} 

/*
#search .translate_me {
margin-right: 15px;
padding-left: 22px;
background: url(/i/icons.gif) no-repeat 0 -234px;
}

background: url(/i/icon_ornament.gif) no-repeat 0 5px;

.sprite-icon_ornament { background-position: 0 -144px; } 
.sprite-icon_tree { background-position: 0 -252px; } 
*/

/*
#content ul {
margin: 20px;
padding: 0;
font-size: 80%;
} 
*/

ul.nobullet {
margin: 20px 0 40px 10px;
padding: 0;
font-size: 80%;
list-style-type: none;
} 

ul.nobullet li {
margin: 0 0 5px 0;
line-height: 1.4em;
background: none;
padding: 0;
} 

ul ul {
margin: 5px 20px 20px 20px;
padding: 0;
font-size: 100%;
} 

ul ul ul {
margin: 5px 20px 0 20px;
padding: 0;
font-size: 100%;
} 
 
ul.cols li {
margin: 0 0 20px 0;
background: none;
}

ol {
margin: 20px 20px 20px 40px;
padding: 0;
font-size: 80%;
} 

ol li {
margin: 0 0 8px 0;
} 
 
.spacel {
margin-left: 10px;
}

.center {
text-align: center;
margin: 0 auto 20px auto;
}

.pcent {
text-align: center;
}

dl {
margin: 15px 10px; 
padding: 15px 0 30px 0; 
text-align: left;
border-bottom: 1px dotted #ffc;
}

dl dt {
margin-bottom: 5px; 
text-align: left;
font-size: 100%;
font-family: "Trebuchet MS", verdana, sans-serif;
}

dl dd {
text-align: left;
padding-top: 5px; 
font-size: 80%;
line-height: 1.4em;
}

p.redstar {
padding: 10px 0 10px 55px;
background: url(/i/star-red-sml.png) no-repeat 0 50%;
font-size: 90%;
}

.highlight {
font-size: 90%;
margin-bottom: 10px;
}

.highlight img {
vertical-align: middle;
margin-right: 10px;
}

/* links display  */

dl.link dd.image img {
width: auto; 
}

dl.link dd.url  {
text-align: left;
margin-top: 5px;
}
 
 
/* link to us buttons etc */

dl.linktous {
padding: 10px; 
background: #fff;
border:1px solid #960;
}

dl.linktous dd.image img {
width: auto; 
padding: 10px 0; 
}

dl.linktous dd.code  {
text-align: left;
margin-top: 5px;
padding: 10px;
border: 1px solid #bbb;
font-family: "Courier New", Courier, monospace;
font-size: 80%;
}

 
/* karaoke */

dl.song dd.lyrics {
padding-top: 20px;
}

dl.song dd p {
font-size: 100%;
margin-left: 0;
}

dl.song dd p.chorus {
font-style: italic;
}

dl.song dd.player {
float: left;
margin-right: 30px;
}
 

/* simple tables */

.simple {
width: auto;
border: 0;
font-size: 80%;
line-height: 1.4em;
margin: 0 10px 20px 10px;
}

.simple p {
font-size: inherit;
margin-left: 0;
}

.simple tr.head {
font-weight: bold;
color: #000; 
}

.simple tr td {
padding: 10px 20px 5px 0;
vertical-align: top;
}

.simple tr td.flag {
padding-top: 0;
}

.simple ul {
margin: 0 30px 15px 0;
padding: 0;
list-style-type: none;
}

.simple ul li {
margin: 0;
padding: 0 0 5px 0;
font-size: 125%;
background: none;
}

.type {
font-style: italic;
}


/* home page */	

#content.home {
margin-top: 30px;
border:0;
width: 100%;
}

.homemain {
padding-top: 15px;
}

.homepanel {
float: left;
width: 290px;
margin: 15px 20px 0 0;
display:inline;
}

.homepanel2 {
float: left;
width: 290px;
margin: 15px 0 0 10px;
display:inline;
}

#content.home ul {
margin: 0 0 10px 10px;
padding: 0;
list-style: none;
}

#content.home ul li {
margin: 0;
padding: 0 0 4px 8px;
list-style: none;
font-size: 105%;
background: none;
}

#content.home h2 {
margin: 0 0 10px 10px;
}

#content.home h2 a {

}

.homepanel h2, .homepanel2 h2 {
padding-left: 8px;
margin-left: 0;
font-size: 125%;
}

.homepanel h2 a, .homepanel2 h2 a {
color: #c03;
display:block;
}

#featured {
width: 600px;
height: 250px;
margin-bottom: 10px;
}

.slide {
height: 250px;
width: 100%;
}

#indicator {
margin-left: 230px;
margin-bottom: 40px;
}

#indicator a { 
color: red;
text-decoration: none; 
margin: 0 5px; 
padding: 7px 9px;  
font-size: 1px;
background: url(/i/light-circle-red.gif) no-repeat 50% 50%;
}

#indicator a.activeSlide { background: url(/i/light-circle-green.gif) no-repeat 50% 50% }
#indicator a:focus { outline: none; }

#featured p {
line-height: 1.8em;
font-size: 95%;
padding-left: 20px;
}

#featured h1 {
text-align: left;
margin-top: 0;
margin-bottom: 15px;
}

#featured h1 a {
color: #000;
}

/*
.home-1 {
background: url(/i/ornament-red.png) no-repeat 100% 45px;
}

.home-2 {
background: url(/i/tree.png) no-repeat 95% 10px;
}

.home-3 {
background: url(/i/globe-blue.png) no-repeat 100% 70px;
}

.home-4 {
background: url(/i/star-5points.png) no-repeat 100% 30px;
}

.home-5 {
background: url(/i/cooking.png) no-repeat 100% 25px;
}
*/

img.homepic {
float: right;
}

/* home sidebar */

.homeside {
margin-top: 20px;
padding-bottom: 20px;
background: #390 url(/i/sidenav_back.png) repeat-x top left;
color: #ffc;
}

#content.home .homeside h2 {
margin: 20px 0 0 20px;
}

#content.home .homeside ul {
margin: 10px 0 10px 15px;
}

#content.home .homeside ul li {
font-size: 100%;
margin-left: 0;
}

#content.home .homeside p {
margin: 10px 0 10px 20px;
}

#content.home .homeside a, #content.home .homeside h2 a {
color: #ffc;
}

#content.home .homeside ul.space li {
margin: 10px 0;
}

#content.home ul.sidefloat li {
display: inline;
}

#content.home .adcal {
background: url(../i/calendar-sml.png) no-repeat 0 50%;
padding: 15px 0 8px 55px;
margin: 5px 0;
display: block;
}

#content.home .lswc {
background: url(../i/itunes-sml.png) no-repeat 0 50%;
padding: 15px 0 8px 55px;
margin: 5px 0;
display: block;
}

/*
#content.home .homeside a.canyouhelp {
padding: 10px 0 10px 30px;
background: url(/i/side_help.png) no-repeat 0 50%;	
}

#content.home .homeside a.facebook {
padding: 10px 0 10px 30px;
margin: 5px 0;
background: url(/i/side_facebook.png) no-repeat 0 50%;	
}

#content.home .homeside a.twitter {
padding: 10px 0 10px 30px;
background: url(/i/side_twitter.png) no-repeat 0 50%;	
}

#content.home .homeside a.feed {
padding: 10px 0 10px 30px;
background: url(/i/side_feed.png) no-repeat 0 50%;	
}

#content.home .date_sml {
background: url(/i/icon_date_sml.png) no-repeat 0 50%;
padding: 10px 0 10px 40px;
margin: 5px 0;
}

#content.home .adcal_sml {
background: url(/i/icon_advent_sml.png) no-repeat 0 50%;
padding: 10px 0 10px 40px;
margin: 5px 0;
}

#content.home .lswc_sml {
background: url(/i/icon_itunes_xmas_sml.png) no-repeat 0 50%;
padding: 10px 0 10px 40px;
margin: 5px 0;
}
*/

#cent {
padding: 60px 0 0 0;
clear: both;
text-align: center;
font-size: 80%;
}	

#cent img, #center img {
margin: 0;
padding: 0;
vertical-align: middle;
}	

#cent ul {
display: inline;
margin: 30px 0 30px 0;
}

#cent ul li {
display: inline;
margin: 0 5px;
padding: 0;
}

#center {
height: 144px;
margin: 0 100px;
padding: 0;
}

#center img {
float: left;
margin: 0 15px 15px 0;
padding: 0;
}

p.fbsubscribelink {
margin: 0 0 30px 0;
}

#creditfooter {
display: none;
}


/* full width tables */

table.full {
width: 100%;
padding: 0;
font-size: 80%;
margin: 0 10px;
}

table.full td {
padding: 0 30px 15px 0;
vertical-align: top;
}

table.full ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
} 


/* contact form */

#contactform input, #contactform textarea {
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 2px 5px 2px;
border: 1px solid #c03;
background: #fff;
color: #000;
padding: 2px;
width:300px;
}

#contactform input:focus, #contactform textarea:focus {
border: 1px solid #390;
}

#contactform p {
margin:5px 0 10px 10px !important;
text-align: left;
}

#contactform label {
width:165px; 
margin:4px 10px 0 0; 
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:left;
vertical-align:top;
font-family: "Trebuchet MS", verdana, sans-serif;
font-size: 120%;
}

#contactform label span {
width:165px; /* must be the same as above!*/
display:block; 
}

#contactform p.buttons {
padding-left:180px;
}

input.but, #contactform input.but {
color: #fff;
background: #390;
font-family: "Trebuchet MS", verdana, sans-serif;
font-size: 120%;
border: 1px solid #c03;
width: 80px;
}

input.but:hover, #contactform input.but:hover {
text-decoration: underline;
cursor: pointer;
}

input.tick, #contactform input.tick {
border: 0;	
}

div#email4 {
display: none;
}

#sidenav .contact_side {
text-align:center; 
margin: 30px auto 90px auto; 
font-size: 80%;
}

.contact_side img {
text-align:center; 
margin: 0 auto; 
}

.contact_side a {
color: #ffc;
}


/* donate form */

#donateform {
margin-left: 10px;
}

#donateform input {
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 2px 5px 0;
border: 1px solid #fc0;
background: #fff;
color: #000;
padding: 2px;
}

#donateform p {
margin:5px 0 10px 0!important;
text-align: left;
}

#donateform select {
display: inline;
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 2px 2px 0;
padding: 2px;
background: #fff;
color: #000;
border: 1px solid #fc0;
width: 125px;
}

#donateform input.but {
color: #390;
background: #fff;
font-size: 80%;
border: 1px solid #fc0;
width: 75px;
}

#donateform input.but:hover {
border: 1px solid #c03;
}

#donateform input:focus, #donateform select:focus {
border: 1px solid #c03;
}


/* left green sidebar subnav */

#sidenav {
background: #390 url(/i/sidenav_back.png) repeat-x top left;
color: #000;
border: 0;
}

#sidenav h2 {
padding: 0;
margin: 20px 0 0 20px;
font-size: 120%; 
color: #ffc; 
font-style: normal;
font-weight: normal;
font-family: "Trebuchet MS", verdana, sans-serif;
}

#sidenav h2 a, #sidenav h2 a:hover, #sidenav h2 a:visited {
color: #ffc; 
}

#sidenav ul {
list-style: none;
margin: 0;
padding: 20px;
display:block;
color: #ffc;
}

#sidenav li {
margin: 0;
padding: 0 0 15px 0;
text-align: left;
position:relative;
display:block;
background: none;
}

#sidenav a {
line-height: 1.3em;
text-decoration: none; 
color: #ffc;
}
 
#sidenav a:hover {
text-decoration: none; 
color: #00f;
}

#sidenav a:visited {
color: #ff6;
}

#sidenav li a {
display:block;
}

#sidenav ul ul {
margin: 0;
padding: 10px 0 0 15px;
}

#sidenav ul ul li {
font-size: 100%;
list-style: none;
}

#sidenav ul.info {
border-top: 1px solid #ffc;
}

#sidenav ul.info img {
margin-top: 3px;
} 

#sidenav p {
margin: 20px;
font-size: 80%;
}

#sidenav p.sidep {
margin: 20px 0;
text-align: center;
}

#merry {
margin: 0 0 10px 0;
padding: 10px 0;
border-top: 1px solid #ffc;
text-align:center;
font-size: 70%;
color: #ffc;
}

#merry a, #merry a:hover {
color: #ffc;
}


/* rudolph nose anim */

#rudolph { 
width: 140px;
height: 180px;	
background: url(/i/rudolph01.gif) no-repeat;
margin: 15px auto; 
position:relative; 
top:0; 
}

#rnose {
display: block;
width: 20px;
height: 21px;	
position: absolute;
top: 78px;
left: 58px;
text-indent: -9999px; 
background: none;
}

#rnose:hover {
background:url(/i/rudolphnose.gif); 
text-decoration: none;
}

.reindeer {
font-size: 100%;
}


/* footer */

#footer {
margin-top: 30px;
padding-bottom: 30px;
}

#footer p {
padding-top: 30px;
font-size: 70%;
text-align: center;
border-top: 0px solid #c90;
color: #036900;
vertical-align: middle;
}

#footer a {
color: #036900;
padding:2px 0;
line-height: 2.2em;
}

#footer a.about {
background: url(/i/icons.gif) no-repeat 0 -214px;
padding-left: 20px;
margin:0;
}

#footer a.blog {
background: url(/i/icons.gif) no-repeat 0 -16px;
padding-left: 20px;
margin:0;
}

#footer a.feed {
background: url(/i/icons.gif) no-repeat 0 -52px;
padding-left: 20px;
margin:0;
}

#footer a.links {
background: url(/i/icons.gif) no-repeat 0 -88px;
padding-left: 18px;
margin:0;
}

#footer a.awards {
background: url(/i/icons.gif) no-repeat 0 2px;
padding-left: 18px;
margin:0;
}

#footer a.sitemap {
background: url(/i/icons.gif) no-repeat 0 -178px;
padding-left: 20px;
margin:0;
}

#footer a.mobile {
background: url(/i/icons.gif) no-repeat 0 -124px;
padding-left: 17px;
margin:0;
}

#footer a.copy {
background: url(/i/icons.gif) no-repeat 0 -196px;
padding-left: 19px;
margin:0;
}

#footer a.merrynetwork {
background: url(/i/icons.gif) no-repeat 0 -70px;
padding-left: 20px;
margin:0;
}

#footer a.support {
background: url(/i/icons.gif) no-repeat 0 -160px;
padding-left: 20px;
margin:0;
}

#printfooter {
display: none;
}


/* translations */

#translate {
position: absolute;
top:22px;
left:0;
z-index: 100;
}

#translatelinks {
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
background: #fff;
border: 1px solid #000;
text-align: left;
color: #000;
font-size: 100%;
width: 450px;
z-index: 100;
}

#translatelinks h2 { 
background: #ac6b05;
font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0 0 10px 0;
padding: 10px;
}

#translatelinks img { 
margin: 0 5px 0 0;
}

#translatelinks ul { 
float: left;
display: inline;
width: 210px;
margin: 0 0 10px 10px;
font-size: 95%;
padding: 0;
}

#translatelinks ul li { 
margin: 0 10px 8px 0;
padding: 0;
list-style: none;
background: none;
}

#translatelinks a { 
color: #00f;
padding: 5px;
text-decoration: none;
}

#translatelinks a:hover { 
color: #00f;
text-decoration: none;
background: #ddd;
}

#google_t {
clear: both;
margin: 10px 0 0 0;
padding: 10px;
border-top: 1px solid #666;
color: #666;
font-size: 90%;
}

#google_t a {
padding: 0;
color: #666;
text-decoration: underline;
}

#google_t a:hover {
background: none;
color: #666;
text-decoration: underline;
}

#close_t {
float:right;
margin: 10px 10px 0 0;
color: #fff;
}

#close_t a {
color: #fff;
}


/* interview panel */

#interview {
width: 250px;
float: right;
display: inline;
margin: 0 0 40px 20px;
padding: 0 0 125px 10px;
background: url(../i/icon_record_big01.png) no-repeat 50% 100%;
border-left: 2px dotted #390; 
}


/* image zoomer */

a.nivoZoom {
border:0 !important;
text-decoration: none;
}
a.nivoZoom img {

}
a.nivoZoom img.nivoLarge {
-moz-box-shadow:0px 0px 10px #111;
-webkit-box-shadow:0px 0px 10px #111;
box-shadow:0px 0px 10px #111;
}
.nivoZoomHover {
background:url(../i/zoom.png) no-repeat 50% 50%;
position:absolute;
top:0px;
left:0px;
z-index:9;
width:100%;
height:100%;
cursor:pointer;
}

.nivoZoomHover.loading {
background:url(../i/loading.gif) no-repeat 50% 50%;
border:4px solid #000;
width:16px;
height:16px;
top:43%;
left:43%;
opacity:0.8;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.nivoCaption {
display:none;
position:absolute;
z-index:110;
text-align:center;
background:#010101;
color:#fff;
padding:3px 0;
overflow:hidden;
font-family: "Trebuchet MS", Helvetica, Arial, Serif;
font-size: 120%;
}
