﻿

#bodyBackground-homepage 
{
	width:840px;
    margin:0 auto;
    padding:0 110px 0 60px;
	background:#E0BD97 none repeat scroll 0 5px; 
	padding-top:35px; 
}
.hiRes #bodyBackground-homepage { background-color:Transparent;  background-image:url(../images/bg-homepage-2.png); background-repeat:no-repeat; padding-top:135px; }
.page { position:relative; height:500px; }

#highResContainer { right:20px; top:-60px; }
#highResContainer a { color:#BA3B0C; }

#header { font-size:2.0em; width:600px; }
.hiRes #header { position:absolute; left:-9999px; font-size:2.0em; width:auto; }

h1 {
    font-size:2em; 
}

a
{
	font-weight:bold;
	/*background:url(../images/bg-opaque-brown-66.png);*/
}

h2 { background:url(../images/bg-separator.gif) repeat-x left bottom; padding:0 0 3px 0; margin:0; font-size:1.2em; }
h2 a { color:#461705; text-decoration:none; }



#mainPromo { position:relative; width:300px; padding:0; }
#mainPromo ul { list-style:none; padding:0; margin:0; width:61px; }
#mainPromo li { padding:5px; margin:-5px 0 0; cursor:pointer; height:49px; width:49px; overflow:hidden; }
#mainPromo li:hover { background:url(../images/bg-opaque-yellow-66.png); }
#mainPromo .selected { background:url(../images/bg-opaque-yellow-66.png); }
#mainPromo li img { max-height:49px; max-width:49px; height:100%; width:100%; }
#mainPromo div { clear:both; }
#mainPromo #mainDetails { left:75px; position:absolute; top:0; width:210px; }
#mainPromo h2,
#altPromo h2 { font-size:1.4em }

#mainImageLink { display:block; position:absolute; width:300px; height:225px; top:0px; left:18px; background:no-repeat center center; }
#mainImage { max-height:227px; max-width:303px; width:100%; height:100%; }
#mainTitle { font-size:1.2em; font-weight:bold; }
#mainDescription { font-size:1.2em;  }
#mainDescription strong { font-weight:normal; }
#mainDescription p { margin:0 0 0.5em 0; }
#mainLink { display:block; text-align:right; font-size:1.1em; }
#mainDate { text-align:right; }

#sidePromo { position:absolute; width:270px; right:0; text-align:right; font-size:1.2em; top:100px; }
#sidePromo div { margin: 0 0 2em 0; }
#sidePromo p { margin:0 0 0.7em; padding:0; }

#footer 
{
	bottom:20px;
	left:0;
	position:absolute;
	width:700px;
}
#footer ul
{
	margin:0;
	padding:0;
}
#footer li
{
	float:left;
	margin: 0 2em;
	list-style:none;
}


#homepageNavigation 
{
    font-size:1.4em; 
    height:2.5em;
    position:relative;
    left:-30px;
}
#homepageNavigation ul
{
    padding:0;
    margin:0;
}


#homepageNavigation li { list-style:none; float:left; margin:0 5px; position:relative; }
#homepageNavigation a { display:block; position:relative; z-index:20; }
#homepageNavigation .glow { top:0px; left:0; height:51px; width:100%; background-position:0 -51px; position:absolute; z-index:10; }



body .innerNavigation { z-index:1000; background:#fff; font-size:0.6em; position:absolute; }
body #homepageNavigation .innerNavigation li { position:static; height:auto; width:auto; margin:0.5em 0; }
body #homepageNavigation .innerNavigation a { display:block; height:auto; position:static; background:none; }
body #homepageNavigation .innerNavigation a span { position:static; left:auto; }

.AboutRekindling #homepageNavigation .AboutRekindling a,
.TheRekindlingProgram #homepageNavigation .TheRekindlingProgram a,
.TheFolds #homepageNavigation .TheFolds a,
.Calendar #homepageNavigation .Calendar a,
.Videos #homepageNavigation .Videos a,
#homepageNavigation li.selected a { background-position:left -51px; }

.sectionNavigation .selected a,
#homepageNavigation .sectionNavigation .selected a { background:url(../images/bg-opaque-yellow-66.png); }
.sectionNavigation .selected li a,
#homepageNavigation .sectionNavigation .selected li a { background:none; }


#altPromo
{
	width:200px;
	position:absolute;
	top:225px;
	left:320px; 
	font-size:1.2em;
}
