#divPageBanner
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:316px;
    border-bottom: solid 5px gold;
    background-color: #585758;
}
/*
#divImgSlide
{
    position:relative;
    top:0px;
    right:0px;
    width:420px;
    height:315px;
    background-color: Black;
    float:right;
}
*/
#divBulletinSection
{
    position:relative;
    top:0px;
    right:0px;
    width: 410px;
    height:100%;
    min-width: 300px;
    float:right;
    margin: 0px;
    /* background-color : #ffff99; */
    background-color: #333333;
}

#divBannerImages
{
    position:absolute;
    width:45%;
    display: inline;
    float:left;
}

#divQuickMenu
{
    position:relative;
    top:0px;
    /*
    left:270px;
    */
    width:15%;
    height:100%;
    z-index:2;
    border-left:solid 5px gold;
    border-right:solid 5px gold;
    float:right;
}

#tblQuickMenu td
{
   background-image:url('../images/indexcontent_18.jpg');
}

#tblQuickMenu td.clsQuickMenuOpt
{   
    text-align:center;
    background-color: #000000;
    color: black;
    border-bottom:solid 2px gold;
    font-size:20px;
    height: 50px;
    width: 100%;
    padding:3px;
}

#tblQuickMenu td.clsQuickMenuOpt:hover
{
    background-color:#FAFAD2;
    color: red;
    cursor:pointer;
    width:33%;
    padding:3px;
    border-bottom:solid 2px red;
}

/*
#divBulletinSection
{
    width: 40%;
    float:left;
    min-width: 300px;
}
*/

#divLeftSidebar
{
    position:relative;
    width: 60%;
    display: inline;
    float: left;

}

#divRightSidebar
{
    position: relative;
    width: 38%;
    display: inline;
    float: right;
    margin-right: 2px;
}


#divScheduleSection
{
    position: relative;
    width: 350px;
    display: block;
}

#divDeskPreviewSection
{
    width: 100%;
    height: auto;
    float:left;
}

#divMinistrySection
{
    position:relative;
    top: 5px;
    width: 100%;
    height: auto;
    display: block;
    float:left;
    
}

#divJoinUsSection
{
    position:relative;
    top: 5px;
    width: 100%;
    display: block;
    float: left;
}

.clsNewsTitle
{
    font-size:large;
    display: block;
}

.clsNewsDateTime
{
    font-size:larger;
    display:block;
}



/*
=======================================================
             Content Slider Style 
=======================================================
*/

/* #jFlowSlide{ background:#808080; font-family: Georgia; color:#ffffff; } */
#jFlowSlide{ background:#ffffff; font-family: Georgia; color:#000000; }
#myController { font-family: Georgia; padding:2px 0;  width:100%; background:#6A6A5A; }
#myController span.jFlowSelected { background:#CCCCCC;margin-right:0px; color:#666633 }

.slide-wrapper { padding: 5px; }
/* .slide-thumbnail { width:300px; float:left; } 
.slide-thumbnail img {max-width:300px; } 
.slide-details { width:290px; float:right; margin-left:10px;} */
.slide-details { width:350px; }
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }


/*
=======================================================
             Vertical Tabs Style 
=======================================================
*/

.ui-tabs-vertical { width: 33em; height: 400px; border: none; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 8em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 25em; font-family: Verdana; font-size: .90em;}