/* Core Styles */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px;}
input,select{margin:0; padding:0;}
body{background: #FCEDB7 url(/Docs/Images/bkgd.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #050000;}
a{color: #050000; outline-style:none; outline-width:medium; text-decoration: none;}
a:hover{color: #751512; text-decoration: underline;}
.clear0{clear:both; height: 0; font-size: 0; overflow: hidden;}
.clear5{clear:both; height: 5px; font-size: 0;}
.clear10{clear:both; height: 10px;}
.clear15{clear:both; height: 15px;}
.clear20{clear:both; height: 20px;}
.clear30{clear:both; height: 30px;}
.clear90{clear:both; height: 90px;}
.clear190{clear:both; height: 190px;}
.left{float: left;}
.right{float: right;}
#earleStreet{background: #fff; width: 1035px;}
#earleStreet .site{background: #fff url(/Docs/Images/cross.gif) top left no-repeat;}
#earleStreet .top{background: url(/Docs/Images/topGradient.gif) top left no-repeat; width: 532px; height: 129px; float: left;}
#earleStreet .church{background: url(/Docs/Images/church.gif) top left no-repeat; width: 176px; height: 129px; float: left;}
#earleStreet .flash{width: 312px; height: 129px; float: left; margin: 0 6px;}
/* Navigation */
#earleStreet .navigation{background: #FBE287; height: 25px; width: 813px; margin: 2px 0 0 222px;}
#earleStreet .navigation img{float: left;}
#earleStreet .navigation .spacer{width: 90px; height: 25px; float: left;}
#earleStreet .navigation .home{background: url(/Docs/Images/homeBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.home{width: 56px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .homeActive{background: url(/Docs/Images/homeBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.homeActive{width: 56px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .about{background: url(/Docs/Images/aboutBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.about{width: 81px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .aboutActive{background: url(/Docs/Images/aboutBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.aboutActive{width: 81px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .ministries{background: url(/Docs/Images/ministriesBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.ministries{width: 81px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .ministriesActive{background: url(/Docs/Images/ministriesBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.ministriesActive{width: 81px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .events{background: url(/Docs/Images/eventsBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.events{width: 58px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .eventsActive{background: url(/Docs/Images/eventsBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.eventsActive{width: 58px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .resources{background: url(/Docs/Images/resourcesBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.resources{width: 79px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .resourcesActive{background: url(/Docs/Images/resourcesBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.resourcesActive{width: 79px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .contact{background: url(/Docs/Images/contactBTN.gif) top left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.contact{width: 72px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation .contactActive{background: url(/Docs/Images/contactBTN.gif) bottom left no-repeat; float: left; margin: 0 6px;}
#earleStreet .navigation a.contactActive{width: 72px; height: 25px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .navigation a:hover{background-position: bottom left;}
/* End */
/* Sub Navigation */
#earleStreet .subNavigation{background: url(/Docs/Images/subNavBkgd.gif) top left repeat-x; height: 29px; width: 812px; margin: 3px 0 0 222px; text-align: center; font-family: ItcEras Medium, Arial, Helvetica, sans-serif;}
#earleStreet .subNavigation p{padding: 8px 0 0 0;}
#earleStreet .subNavigation a{color: #050000; padding: 0 10px;}
#earleStreet .subNavigation a:hover{color: #751512;}
#earleStreet .subNavigation a.active{color: #751512;}
/* End */
#earleStreet .mailingListBTN{background: url(/Docs/Images/joinTheChurchMailingList.gif) top left no-repeat;}
#earleStreet a.mailingListBTN{width: 197px; height: 49px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet a.mailingListBTN:hover{background-position: bottom left;}
/* Left Rail */
#earleStreet .leftRail{width: 222px; float: left;}
#earleStreet .leftRail .line{width: 170px; background: #134184; height: 1px; font-size: 0; overflow: hidden; margin: 0 0 0 30px;}
#earleStreet .leftRail .involved{background: url(/Docs/Images/wantToGetInvolved.gif) top left no-repeat; margin: 15px 0 0 45px;}
#earleStreet .leftRail a.involved{width: 133px; height: 17px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .leftRail .departments{background: url(/Docs/Images/viewAllOfOurDepartments.gif) top left no-repeat; margin: 15px 0 0 26px;}
#earleStreet .leftRail a.departments{width: 180px; height: 17px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .leftRail .preschool{background: url(/Docs/Images/weekdayPreschool.gif) top left no-repeat; margin: 15px 0 0 50px;}
#earleStreet .leftRail a.preschool{width: 121px; height: 17px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .leftRail .video{background: url(/Docs/Images/viewOurVideo.gif) top left no-repeat; margin: 15px 0 0 60px;}
#earleStreet .leftRail a.video{width: 99px; height: 12px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .leftRail .mission{background: url(/Docs/Images/viewOurChurchMissionStatement.gif) top left no-repeat; margin: 15px 0 15px 52px;}
#earleStreet .leftRail a.mission{width: 118px; height: 26px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .leftRail a:hover{background-position: bottom left;}
/* End */
/* Center Rail */
#earleStreet .centerRail{width: 493px; float: left; margin: 2px 0 0 0; background: url(/Docs/Images/introGradient.gif) top left repeat-x;}
#earleStreet .centerRail .text{padding: 18px 20px 18px 30px; text-align: justify;}
#earleStreet .centerRail .text img{margin: 18px 0 10px 0;}
#earleStreet .centerRail .text .name{font-weight: bold; color: #134184;}
#earleStreet .centerRail .text .name a{color: #134184; text-decoration: none;}
#earleStreet .centerRail .text .name a:hover{color: #134184; text-decoration: underline;}
#earleStreet .centerRail .text .nav a{margin: 0 15px 0 0; font-weight: bold;}
#earleStreet .centerRail .text .nav a:hover{color: #4d6fa5;}
#earleStreet .centerRail .text .nav .active{color: #4d6fa5;}
#earleStreet .title{margin: 0; color: #751512;}
#earleStreet .centerRail .box{background: #e5e8f7; padding: 18px 10px 18px 30px; overflow: auto; height: 292px; width: 450px;}
#earleStreet .centerRail .box .newsBTN{background: url(/Docs/Images/newsAndEvents.gif) top left no-repeat;}
#earleStreet .centerRail .box a.newsBTN{width: 196px; height: 10px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .centerRail .box table{font-size: 10px;}
#earleStreet .centerRail .box .set{padding: 0 10px 0 0; color: #751512;}
#earleStreet .centerRail .box .moreBTN{background: url(/Docs/Images/more.gif) top left no-repeat;}
#earleStreet .centerRail .box a.moreBTN{width: 38px; height: 6px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .centerRail .box a:hover{background-position: bottom left;}
#earleStreet .centerRail .scheduleBTN{background: url(/Docs/Images/times.gif) top left no-repeat;}
#earleStreet .centerRail a.scheduleBTN{width: 320px; height: 68px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .centerRail a:hover{background-position: bottom left;}
/* End */
/* Right Rail */
#earleStreet .rightRail{width: 319px; float: left; margin: 2px 0 0 0;}
#earleStreet .rightRail .intro{background: url(/Docs/Images/introGradient.gif) top left repeat-x;}
#earleStreet .rightRail .intro .links{height: 129px;}
#earleStreet .rightRail .intro .spacer{height: 97px;}
#earleStreet .rightRail .intro .links .videos{background: url(/Docs/Images/videosIcon.gif) top left no-repeat;}
#earleStreet .rightRail .intro .links a.videos{width: 41px; height: 57px; float: left; margin: 39px 0 0 38px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .rightRail .intro .links .music{background: url(/Docs/Images/musicIcon.gif) top left no-repeat;}
#earleStreet .rightRail .intro .links a.music{width: 34px; height: 57px; float: left; margin: 39px 0 0 20px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .rightRail .intro .links .photos{background: url(/Docs/Images/photosIcon.gif) top left no-repeat;}
#earleStreet .rightRail .intro .links a.photos{width: 45px; height: 57px; float: left; margin: 35px 0 0 22px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .rightRail .intro .links .events{background: url(/Docs/Images/eventsIcon.gif) top left no-repeat;}
#earleStreet .rightRail .intro .links a.events{width: 47px; height: 57px; float: left; margin: 38px 0 0 17px; display:block; text-decoration:none; text-indent:-900em;}
#earleStreet .rightRail .intro .links a:hover{background-position: bottom left;}
#earleStreet .rightRail .image .lightBlueGradient{background: url(/Docs/Images/lightBlueGradient.gif) top left no-repeat; width: 317px; height: 138px;}
#earleStreet .rightRail .image img{border: 0; margin: 0 3px 0 0; padding: 0;}
/* End */
/* Footer */
#earleStreet .footer{width: 811px; height: 35px; background: #e5e8f7; margin: 2px 0 0 222px;}
#earleStreet .footer p.title{color: #751512; padding: 13px 0 0 10px;}
/* End */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
padding: 0;
margin: 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 15px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {
color: #666666;
}
#TB_window a:visited {
color: #666666;
}
#TB_window a:hover {
color: #000;
}
#TB_window a:active {
color: #666666;
}
#TB_window a:focus {
color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {
background: url(/Docs/Images/macFFBgHack.png) repeat;
}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #786D5E;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption {
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow {
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeWindowButton{background: url(/Docs/Images/thickboxClose.png) top left no-repeat; height:31px; width: 31px; position: absolute; top: -17px; right: -15px; outline-style:none; outline-width:medium;}
#TB_closeAjaxWindow {
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle {
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title {
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent {
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
padding:15px;
}
#TB_ajaxContent p {
padding:5px 0px 5px 0px;
}
#TB_load {
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}