body
{
    margin: 0px;
    background-color: white;
    font-family: Arial,  Helvetica, Sans-serif;
}

a
{
    border: none;
    outline: none;
    color: #666;
}

img
{
    border: none;
}

p, li
{
    font-family: Arial, Helvetica, Sans-serif;
    color: white;
    padding: 0px 4px 4px 0px;
    font-size: 10pt;
}

.para
{
    font-family: Arial, Helvetica, Sans-serif;
    color: #333;
    padding: 0px 4px 4px 0px;
    font-size: 10pt;
}

span
{
    color: white;
}

li
{
    font-family: Arial, Sans-serif; /* Helvetica;*/
    color: #333;
    font-size: 10pt;
}

h1, h2, h3, h4, h5
{ 
    margin-left: 10px;
    color: #A4543E;
}

#mainDiv 
{
    width: 975px;
    height: 100%;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/mainBG_ltFadeLonger.png) no-repeat;
    background-position: left top;
    border: 1px solid white;
}

* html #mainDiv
{
    border: none;
    background: url(../images/mainBG_ltFadeLonger.jpg) no-repeat;
}

#leftCol 
{
    width: 150px;
    height: 700px;
    margin-left: 5px;
    float: left;
    clear: both;
    background: url(../images/leftColumn.jpg) no-repeat;
}

#serviceTimes
{
    color: #333;
    text-align:center;
    font-size:10pt;
    margin-left: 13px;
    margin-top:18px;
    /* width:120px; */
    height:80px;
}

* html #serviceTimes
{
    margin-top:23px;
    /* width:130px; */
}

#sideButtons
{
    margin-left: 10px;
    margin-top: 26px;
}

* html #sideButtons
{
    margin-top: 31px;
}

#elcaBadge
{
    margin-left:0px; 
    margin-top:24px;
    background: url(../images/elcaBadge.png) no-repeat;
    width: 164px;
    height: 64px;
}

* html #elcaBadge
{
    margin-left: 10px;
    background: url(../images/elcaBadge.jpg) no-repeat;
    width: 143px;
    height: 43px;
}

#rightCol
{
    float: right;
    top: 0px;
    width: 805px; /* making this too wide will push the whole right column down */
    height: 100%; /* 700px; */
    /* border: 1px solid blue; */
}

#aboutButton
{
    height: 35px;
    width: 142px;
    background: url(../images/aboutButton.png) no-repeat;
}

* html #aboutButton
{
    background: url(../images/aboutButton.gif) no-repeat;
}

#aboutButton:hover
{
    background: url(../images/aboutButtonLt.png) no-repeat;
}

#contactsButton
{
    height: 35px;
    width: 142px;
    background: url(../images/contactsButton.png) no-repeat;
}

* html #contactsButton
{
    background: url(../images/contactsButton.gif) no-repeat;
}


#contactsButton:hover
{
    background: url(../images/contactsButtonLt.png) no-repeat;
}

#calendarButton
{
    height: 35px;
    width: 142px;
    background: url(../images/calendarButton.png) no-repeat;
}

* html #calendarButton
{
    background: url(../images/calendarButton.gif) no-repeat;
}

#calendarButton:hover
{
    background: url(../images/calendarButtonLt.png) no-repeat;
}

#calendarContainer
{
    margin-top:-15px;
    margin-left:-14px;
    width: 775px;
}

* html #pageContentCalendar
{
    margin-top: 0px;
    margin-left: 0px;
}

* html #calendarContainer
{
    margin-top: 0px;
    margin-left: 0px;
}

#calendarIframe
{
    width: 775px;
    height: 600px;
}

#newsButton
{
    height: 35px;
    width: 142px;
    background: url(../images/newsButton.png) no-repeat;
}

* html #newsButton
{
    background: url(../images/newsButton.gif) no-repeat;
}

#newsButton:hover
{
    background: url(../images/newsButtonLt.png) no-repeat;
}

#donateButton
{
    height: 35px;
    width: 142px;
    background: url(../images/donateButton.png) no-repeat;
}

* html #donateButton
{
    background: url(../images/donateButton.gif) no-repeat;
}

#donateButton:hover
{
    background: url(../images/donateButtonLt.png) no-repeat;
}

#topRow
{
    /* border: 1px solid red; */
    float: left;
    margin-top: 7px;
    margin-left: -7px;
    width: 500px;
    height: 55px; /* 55px; */
    background: url(../images/topRow.png) no-repeat;
    /* background-position: right bottom; */
}

* html #topRow
{
    margin-left: -2px;
}

#contentBorder /* deprecated */
{
    margin-top:103px;
    height:590px;
    width:775px;
}

* html #contentBorder /* deprecated */
{
    margin-top: 0px;
    width: 764px;
}

#contentWrapper /* this is the new wrapper with content border/title divs removed */
{
    position: absolute;
    margin-top: 134px;
    width: 775px;
    background-color: white;
}

* html #contentWrapper
{
    margin-top:0px;
    float:left;
    clear:left;
    margin-left: 0px;
}

#pageContentWrapper /* deprecated */
{
    position: absolute;
    margin-top: 0px;
    width: 775px;
    background-color: white;
}

#pageContent
{
    height: 100%;
    margin-top: 15px;
    background-color: white;
    margin-right: 14px;
    margin-left: 14px;
}

#pageContentCalendar
{
    height: 100%;
    margin-top: 15px;
    margin-left: 14px;
    background-color: white;
}

* html #pageContentCalendar
{
    height: 100%;
    background-color: white;
}

#pageContent p
{
    color: #333;
}

#pageContentFull
{
    height: 100%;
    margin-top: 0px;
    background-color: white;
    margin-right: 0px;
    margin-left: 0px;
}

#pageContent .imageRight
{
    float: right;
    margin-right: 6px;
}

#pageContent .imageLeft
{
    float: left;
    margin-right: 6px;
    margin-left: 6px;
}

#pageContent img
{
    margin: 4px;
}

#pageContent ul
{
    margin-left:20px;
}

.contentTitleDiv /* deprecated */
{
    background: white; /* url(../images/titleBG2.png) center center repeat-x ; */
    height: 31px; /* this controls how far the main content gets pushed down */
    z-index: 0;
}

* html .contentTitleDiv /* deprecated */
{
    height: 0px;
}

.contentLeft
{
    width: 500px;
    float: left;
    margin-right: 16px;
}

.contentLeftFull
{
    width: 525px;
    height: 460px;
    float: left;
}

.contentRightFull
{
    background: white;
    padding-left: 5px;
    color: white;
    width: 242px;
    height: 460px;
    float:right;
    min-height:100%;
   position:relative;}

* html .contentRightFull
{
    width: 246px;
}

#contentRightFullHeader p
{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
}
#contentRightFullHeader
{
    padding-top: 20px;
}


* html #contentRightFullHeader
{
    margin-top: 10px;
}

#contentRightFullBody
{
   padding-bottom:50px;   /* Height of the footer */
}

#contentRightFullBody a
{
    color: white;
}

#contentRightFullFooter
{
   position:absolute;
   bottom:15;
   height:50px;   /* Height of the footer */
}

#contentRightFullFooter a
{
    color: white;
}

.contentTitle
{
    z-index: 0;
    position: relative;
    top: -9px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 16pt;
}

* html .contentTitle
{
    top: 2px;
}

.contentSectionHeading
{
    clear:left;
    font-size: 14pt;
    font-style: italic;
    margin: 0px;
    margin-top: -3px;
    padding: 0px;
    /* 
    font-size: 12pt;
    font-family: Zapfino, Arial;
    */
}

.contentSummary
{
    margin-top: 3px;
    clear:left;
    font-size: 10pt;
    font-style: italic;
}


.contentSectionTitle
{
    color: white;
    background-color: #555;
    font-size: 14px;
    padding: 4px 8px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.contentSectionTitleFixed
{
    color: white;
    font-size: 14px;
    padding: 4px 8px;
    margin-bottom: 6px;
    width: 215px;
    text-align: center;
}

* html .contentSectionTitleFixed
{
    width: 100%;
}


.staffBox
{
    border: 1px solid #B3AA8D;
    background-color: #DFDAC3;
    height: 150px;
    width: 700px;
    margin-top:10px;
    margin-left: 30px;
    padding: 10px;
}

#spacer
{ 
background-color: red;
clear: both; 
padding: 0px 0px; 
} 

#footer
{
    height: 50px;
    font-size: 10pt;
    text-align-center; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    padding-top: 5px;
}

#footerText
{
}

#footerText span, span a
{
    color: #222;
}

#copyright
{
    margin-top: 6px;
}

#copyright span
{
    font-size: 8pt;
    color: #999;
}

#submenu
{
    color: white;
    text-decoration: none;
    display: inline;
    margin-left: 0px;
    padding: 0;
    padding-bottom: 8px;
    float: left;
    width: 775px; /* total width of submenu */
    margin-top: -33px;
}

* html #submenu
{
    margin-top: 0px;
    padding-bottom: 0px;
}

.submenuItem
{
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    float: left;
}

.submenuItem a
{
    color: white;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
    font-size: 11pt;
    font-style: normal;
    margin-right: auto;
    margin-left: auto;
}

* html .submenuItem a
{
    padding-bottom: 9px;
    font-size: 11pt;
}

.submenuItem a:hover 
{
    background-color:#242c54;
    padding-top: 8px;
    padding-bottom: 8px;
}

* html .droplinebar{
overflow: visible;  /* sub menu doesn't show up in IE without this */
}

* html #submenu
{
    width: 775px;
}



/***************** Worship *********************/
.worship, .worshipBorder .contentSectionTitle, .worshipBorder .contentSectionTitleFixed
{
    background-color: #A4543E;
}

#worshipTab
{
    background: url(../images/worshipMenu.png) center center no-repeat ;
}

* html #worshipTab
{
    background: url(../images/worshipMenuIE.png) center center no-repeat ;
}

.worshipMenu
{
    background-color: #A4543E;
    padding-right: 30px;
    padding-left: 30px;

}

#worshipItemSelected
{
    color: #A4543E;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}


#worship li a
{
    padding-right: 30px;
    padding-left: 30px;
}


.worshipBorder
{
}

.worshipBorder .contentTitle, .worshipBorder .contentSectionHeading
{
    color: #A4543E;
}

#worshipFooter
{
    clear:both;
    height:2px;
    border-bottom: 2px solid #A4543E;
}


/***************** Involvement *********************/
.involvement, .involvementBorder .contentSectionTitle
{
    background-color: #CCA01C;
}

.involvementMenu
{
    background-color: #CCA01C;
    padding-right: 12px;
    padding-left: 12px;

}

#involvementItemSelected
{
    color: #CCA01C;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

#involvement li a
{
    padding-right: 12px;
    padding-left: 12px;
}

.involvementBorder
{
}

.involvementBorder .contentTitle
{
    color: #CCA01C;
}

.involvementBorder .contentSectionHeading
{
    color: #CCA01C;
}

#involvementFooter
{
    height:2px;
    border-bottom: 2px solid #CCA01C;
    clear: both;
}

/***************** Learning *********************/
.learning, .learningBorder .contentSectionTitle, .learningBorder .contentSectionTitleFixed
{
    background-color: #A17351;
}

.learningMenu
{
    background-color: #A17351;
    padding-right: 10px;
    padding-left: 10px;

}

#learningItemSelected
{
    color: #A17351;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

#learning li a
{
    padding-right: 10px;
    padding-left: 10px;
}

.learningBorder .contentSummary, .learningBorder .contentTitle, .learningBorder .contentSectionHeading
{
    color: #A17351;
}

.learningSeparatorLine
{
    background-color: #A17351;
    height: 1px;
}

* html .learningSeparatorLine  /* IE screws it up, so it gets none */
{
    display: none;
}

.learningNoteBox
{
    font-size: 10pt;
    text-align: center;
    background-color:#FFF4EC;
    border: 1px solid #A17351; 
    padding:4px;
    margin-left:40px;
    margin-right:40px;
}

#learningFooter
{
    clear: both;
    height:2px;
    border-bottom: 2px solid #A17351;
}

/***************** Music *********************/
.music, .musicBorder .contentSectionTitle, .musicBorder .contentSectionTitleFixed
{
    background-color: #896D72;
}

.musicMenu
{
    background-color: #896D72;
    padding-right: 28px;
    padding-left: 28px;

}

#musicItemSelected
{
    color: #896D72;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

#music li a
{
    padding-right: 28px;
    padding-left: 28px;
}

.musicBorder .contentSummary, .musicBorder .contentTitle, .musicBorder .contentSectionHeading
{
    color: #896D72;
}

.musicSeparatorLine
{
    background-color: #896D72;
    height: 1px;
}

* html .musicSeparatorLine  /* IE screws it up, so it gets none */
{
    display: none;
}

.musicNoteBox
{
    font-size: 10pt;
    text-align: center;
    background-color:#FAF1FF;
    border: 1px solid #896D72; 
    padding:4px;
    margin-left:40px;
    margin-right:40px;
}

#musicFooter
{
    clear: both;
    height:2px;
    border-bottom: 2px solid #896D72;
}

/***************** Children *********************/
.children, .childrenBorder .contentSectionTitle, .childrenBorder .contentSectionTitleFixed
{
    background-color: #A3A341;
}

.childrenMenu
{
    background-color: #A3A341;
    padding-right: 8px;
    padding-left: 8px;

}

#childrenItemSelected
{
    color: #A3A341;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

#children li a
{
    padding-right: 10px;
    padding-left: 10px;
}

.childrenBorder .contentSummary, .childrenBorder .contentTitle, .childrenBorder .contentSectionHeading
{
    color: #A3A341;
}

.childrenSeparatorLine
{
    background-color: #A3A341;
    height: 1px;
}

* html .childrenSeparatorLine  /* IE screws it up, so it gets none */
{
    display: none;
}

.childrenNoteBox
{
    font-size: 10pt;
    text-align: center;
    background-color:#FAFFED;
    border: 1px solid #A3A341; 
    padding:4px;
    margin-left:40px;
    margin-right:40px;
}

#childrenFooter
{
    clear: both;
    height:2px;
    border-bottom: 2px solid #A3A341;
}

/***************** Youth *********************/
.youth, .youthBorder .contentSectionTitle
{
    background-color: #678A94;
}

.youthMenu
{
    background-color: #678A94;
    padding-right: 32px;
    padding-left: 32px;

}

#youthItemSelected
{
    color: #678A94;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

#youth li a
{
    padding-right: 32px;
    padding-left: 32px;
}

.youthBorder
{
}

.youthBorder .contentTitle
{
    color: #678A94;
}

#youthFooter
{
    clear: both;
    height:2px;
    border-bottom: 2px solid #678A94;
}

/***************** Preschool *********************/
.preschool, .preschoolBorder .contentSectionTitle
{
    background-color: #525B42;
}

#preschoolTab
{
    width:104px;
    height:37px;
    background-image: url(../images/preschoolMenu.png);
    background-repeat: no-repeat;
    background-position: top left;
}

* html #preschoolTab
{
    width:104px;
    height:39px;
    background-image: url(../images/preschoolMenuIE.png);
    background-repeat: no-repeat;
    background-position: top left;
}

/* static menu */
.preschoolMenu
{
    background-color: #525B42;
    padding-right: 19px;
    padding-left: 19px;

}

#preschoolItemSelected
{
    color: #525B42;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* hover menu */
#preschool li a
{
    padding-right: 19px;
    padding-left: 19px;
}


.preschoolBorder
{
}

.preschoolBorder .contentTitle
{
    color: #525B42;
}


#preschoolFooter
{
    clear: both;
    height:2px;
    border-bottom: 2px solid #525B42;
}

#preschoolMenu
{
    width:104px;
}

@-moz-document url-prefix() 
{
    #preschoolTab 
    {
        margin-top:-16px;
    }    
}

* html #preschoolMenu
{
    width:103px;
}

/*********************************************************/
#dropmenu
{
    float: left;
    margin-top: -12px;
    padding: 0px;
    width: 775px;
}

* html #dropmenu
{
    margin-top: 4px;
    width: 800px;
}

.droplinebar{
overflow: hidden;
z-index: 100;
}

* html .droplinebar{
overflow: visible;  /* sub menu doesn't show up in IE without this */
}

.droplinebar ul
{
margin-left: 0px;
padding: 0;
float: left;
width: 775px; /* total width of submenu */
}

* html .droplinebar ul
{
    width: 775px;
}

.droplinebar ul li{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
    display: inline;
}

.droplinebar ul li div 
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.droplinebar ul li a{
float: left;
color: white;
/* padding-top: 8px;
padding-bottom: 8px; */
text-decoration: none;
/* font-family:Helvetica; */
font-size: 13pt;
font-style: normal;
text-align:center;
/* border-right: 1px solid #B4AB90; */
}

* html .droplinebar ul li a
{
    font-size:13pt;
    /* padding: 8px 20px; */
    /* padding-left: 21px; */
}

.droplinebar ul li a:visited
{
color: white;
}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
}

/* Sub level menus*/
.droplinebar ul li ul
{
position: absolute;
z-index: 100;
left: 0;
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font-size: 11pt;
font-style: normal;
padding: 8px 2px;
margin-right: auto;
margin-left: auto;
border: none;
}

* html .droplinebar ul li ul li a{
padding: 9px 2px;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}

/************* slideshow **************/
#slideshow 
{
	float: left;
	width: 775px;
	height: 455px;
	overflow: hidden;
    background: url(../images/photoBGstrip2.jpg) center center repeat-x ;
    margin-top: -20px;
}

* html #slideshow
{
    margin-top: 9px;
}

.slide
{
    display: none;
}

#slideshow img 
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
}