﻿/* Use beginning and end tags To comment code */
/* Use padding:0px 0px 0px 0px; to offset inside item NOTE: this tag does not work with tables*/
/* Use margin:0px 0px 0px 0px; to offset outside item */
#ContactUs {
    text-align: center;
    /*background-color: #E3C45D;*/  
    margin-left: auto;
    margin-right: auto;
    padding:5px 5px 5px 5px; /*to offset inside item*/
}

.layout{
    width: 100%;
    height: auto;
    border-width:0px;
    font-family: Tahoma, Sans-Serif, Times New Roman;
}
/*********************** TABLE CELLS START HERE***********************/   
.layout .tblCell{
    border-bottom: #949494 thin dotted;
}
.layout .tblCellLeft{
    width:210px;
}
.layout .tblCellRight{
    width:430px;
}

/*********************** PICTURE FRAMES***********************/ 
.divPicFrameLeft{
    margin: 5px 15px 0px 0px; 
    float:left;
    text-align:left;
}
.divPicFrameRight{
    margin: 5px 0px 0px 15px;
    float: right;
    text-align:right;
}

/*********************** GENERAL ALIGNMENTS***********************/ 
.divAlignCenter{
    width: 100%; 
    text-align: center;
}
.divAlignRight{
    text-align:right;
}
/**********************HEADERS *********************************/
.divPageHeader{
	height: auto;
    font-size: 20px;
    font-weight: bold;
    float:none;
    clear:both;
    text-align: Center;/*Aligns the content within the item*/
    text-transform: uppercase;
    width: 100%;  
    margin:5px 5px 5px 5px;
    /*border-bottom: solid 1px silver;*/
}

/**********************LEFT CONTENT *********************************/
.divLeftPlaceHolder{
    width:200px;
    margin: 5px 5px 5px 5px;
}
.divLC{
    text-align: justify;
    font-size: 14px;
}

/**********************CENTER CONTENT *********************************/
.divCenterPlaceHolder{
    margin: 5px 5px 5px 5px;
    width:auto;
}
.divCC{
    letter-spacing: 0;
    line-height: 150%;
    margin: 10px 0px 10px 0px;  
    text-align:justify;
    font-size: 14px;
}
/**********************RIGHT CONTENT*********************************/
.divRightPlaceHolder{
    width:200px;
    margin: 5px 5px 5px 5px;
}
.divRC{
    letter-spacing: 0;
    line-height: 150%;
    margin: 10px 0px 10px 0px;  
    text-align:justify;
    font-size: 14px;
}
#divRC p{}

/**********************BOTTOM CONTENT HOLDER*********************************/
.divBottomPlaceHolder{
    padding:5px 5px 5px 5px; /*to offset inside item*/
}
.divBC{
    letter-spacing: 0;
    line-height: 150%;
    margin: 10px 0px 10px 0px;  
    text-align:justify;
    font-size: 14px;
}
/**************************GENERAL TAG************************/
.divUpdateDTGFooter{
    text-align: Right;
    padding:5px 5px 5px 5px; /*to offset inside item*/
    font-size:10px;
}
#wrapper{
    width:100%;
}

#sermonMediaPlayer{
    margin-left: auto;
    margin-right: auto;
}
/****************************ADMIN *********************************************/
.divAdminLC{
    float:left;
    width:200px;
    clear:none;
}
.divAdminRC{
    float:none;
    margin-left:220px;
    margin-right:0px;
    margin-bottom:0px;
    clear:none;
    background-image: url(Images/contentBk_fade.png);
    background-repeat:repeat-x;
    background-position: bottom;
    background-color: #f7f5e4;
    border: solid 1px silver;
}
#adminLogo{
    width:100%;
    height: 83px;
    background-image: url(Images/admin_menu_bottom.png);
    background-repeat: no-repeat;
    background-position: right bottom; 
}

/*****************************************FORM**************************************************/
#divFormWrapper{
    /*background-image: url(Images/FormWrapperBk.png);
    background-repeat:repeat;
    padding:5px 5px 5px 5px;
    text-align: justify;
    font-size: 14px;
    border: solid 2px #775C24;*/
    
}
#divForm{
    text-align: center;
    width: 100%;
}

/*****************************************CONTENT***********************************************/
.divFormContent{
    background-image: url(Images/contentBk_fade.png);
    background-repeat:repeat-x;
    background-position: bottom;
    background-color: #f7f5e4;
    margin: 5px 5px 5px 5px;
    border: solid 1px silver;
    padding:5px 5px 5px 5px;
    text-align: justify;
    font-size: 14px;
}
.divContentWrapper{
    background-image: url(Images/contentBk_fade.png);
    background-repeat:repeat-x;
    background-position: bottom;
    background-color: #f7f5e4;
    margin: 4px 0px 4px 0px;
    border: solid 1px silver;
    padding:5px 5px 5px 5px;
    overflow:hidden;
}
.divContentHeader{
    background-image: url(Images/contentBk_Header.png);
    background-repeat:repeat-x;
    background-position: top;
    padding: 3px;
    border: solid 1px silver;
    height: auto;
    background-color: #d9d5b5;
    font-weight: bold; 
    font-size: 16px;
    text-align: Center;/*Aligns the content within the item*/
    text-transform: uppercase;
    width: auto;  
    color: #000000;
    margin-bottom: 3px;
}
.divContent{
    float:none;
    padding:10px 8px 8px 8px;
    clear:none;
}

/********************************************CALENDAR EVENTS*******************************************/
.divCalendarEvent{
    width: auto;
    border: solid 1px #000000; 
}
.divCalendarEvent .CEHeader {
	background-image: url(Images/CEHeaderBG.gif);
	background-repeat: repeat-x;
	text-align: center;
	height: 16px;
	width: auto;
}
.divCalendarEvent .CETitle{
    background-color: #767164;
    text-align: Center;
    width: 100%;
    border-bottom: solid 1px #696659;
    display: block;      
}
.divCalendarEvent .CETitle:hover{
    background-color: #867F74;
}
.divCalendarEvent .rowA{
    background-color: #767164;
    border-bottom: solid 1px #696659;
}
.divCalendarEvent .rowC{
    background-color: #767164;
}
.lblCELeftColumn{
    font-weight: bolder;
    font-size: 11px;
    color: White;
    width: 75px;
    text-align: right;
    margin-right: 10px;
}
.lblCERightColumn{
    font-size: 11px;
    color: White;
    width: auto;
    text-align: left;
}
#divCalendarEvent a:hover{
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
    color: blue;
    text-align:center;
}
.divCalendarEvent a{
    font-weight: bold;
    font-size: 12px;
	text-decoration: none;
	color: white;
	text-align:center;
}
.divCalendarEvent a:visited {
    font-weight: bold;
    font-size: 12px;
	text-decoration: none;
	color: white;
	text-align:center;
}
.divCalendarEvent a:active {
    font-weight: bold;
    font-size: 12px;
	text-decoration: none;
	color: white;
	text-align:center;
}
/********************************************OLD PAPER SCROLL *******************************************/
.paperCenter{
    width:100%;
    height: auto;
    background-image: url(Images/paperScroll-mid-x-.png);
    background-repeat: repeat;
     
}
.paperContent{
    width: 413px;
    margin-left: 60px;
    margin-right: 60px;
}
.paperScrollTop{
    width:533px;
    height: 101px; 
    background-image: url(Images/paper_scroll_01.png);
    background-repeat: no-repeat;
    background-position:center;
}
.paperScrollBottom{
    width:533px;
    height: 101px; 
    background-image: url(Images/paper_scroll_03.png);
    background-repeat: no-repeat;
    background-position:center;
    
}
