﻿body
{
    background: #5f788c url(/sites/familycc.org/files/page-background.jpg) repeat-x;
    font-family: "Lucida Grande" , "Lucida Sans" , Verdana, Helvetica, Sans-Serif;
    font-size: 11pt;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #ffffff;
}

#header-above
{
    color: #Afc2cf;
    background-color: #5f788c;
    text-align: center;
    padding-bottom: 5px;
    margin-top: 8px;
}
#header-above a
{
    color: #c2ccc8;
    font-weight: bold;
}

#footer
{
    margin-top: 15px;
    background-color: #5f788c;
    clear: both;
    text-align: center;
    font-size: 8pt;
    padding-top: 10px;
}

h1.title
{
    margin-top: 5px;
}

h1
{
    font-size: 18pt;
}

h2
{
    font-size: 16pt;
}
h3
{
    font-size: 13pt;
}

#page
{
    width: 750px;
    text-align: left;
    margin: 0 auto;
    background: #ffffff;
}
.page-inner
{
    position: relative;
}

#main
{
    background: #ffffff;
    color: #111111;
    position: relative;
}

#content
{
    width: 750px;
}

body.sidebar-left #content
{
    width: 575px;
}
.content-inner
{
    padding: 8px;
}

#sidebar-left
{
    width: 175px;
}

.sidebar-left-inner
{
}
#header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks
{
    overflow: visible;
}

table#content-with-sidebars td
{
    vertical-align: top;
}

.clear-block
{
    display: block;
    clear: both;
}

#login-panel
{
    background-color: #33485D;
    width: 168px;
    padding: 4px;
    margin-bottom: 8px;
}
#login-panel .inner
{
    width: 160px;
    border: solid #000033 1px;
    background-color: #4f5c69;
    color: #eeeeee;
    display: block;
    padding: 3px;
    vertical-align: middle;
    font-size: 11px;
}

.pagetitle
{
    font-size: 18px;
    font-weight: bold;
}

p.pagetitle
{
    margin-top: 0px;
}

.pagetitle_right
{
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.darkgraybox
{
    background-color: #585552;
    color: #F9F3F3;
}

.lightgraybox
{
    color: #1A1919;
}

.greenbox
{
    color: #FFFFFF;
    background-color: #72A858;
}

.bluebox
{
    color: #FFFFFF;
}

.quotedText
{
    font-family: Georgia, Times New Roman, Times, Serif;
    font-style: italic;
    font-size: 140%;
}

.fancyText
{
    font-family: Georgia, Times New Roman, Times, Serif;
    font-style: italic;
    line-height: 1.4em;
    color: #333333;
}

.errormessage
{
    color: #CC0000;
    font-weight: bold;
    font-size: 120%;
}
.requiredmessage
{
    color: #ff0000;
}

.successmessage
{
    font-size: 200%;
    font-weight: bold;
}
.whiteLink
{
    color: #FFFFFF;
}
.whiteLinkNoUnderline
{
    color: #FFFFFF;
    text-decoration: none;
}

.NavMenu
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    background-color: #CCCCCC;
}

.NavMenuItem
{
    background-image: url(/_images/navigation/nav_bg.gif);
    height: 19px;
    color: #000000;
}

.NavMenuItemHover
{
    background-image: url(/_images/navigation/nav_bg_hover.gif);
    height: 19px;
    color: #FFFFFF;
}

.DynamicNavMenuItem
{
    background-color: #eeeeee;
    height: 19px;
    color: #000000;
}
.DynamicNavMenuItemHover
{
    background-image: url(/_images/navigation/nav_bg_hover.gif);
    height: 19px;
    color: #FFFFFF;
}

.sermonTitle
{
    font-weight: bold;
}

.sermonLink
{
    text-decoration: none;
    color: #333300;
}

.sermonDetails
{
    /*height: 40px;*/
    padding: 5px;
}

.spotlightThumbnail
{
    padding-right: 8px;
}

.livestreamPopup
{
    background: #000000;
    color: #eeeeee;
    border: solid 2px black;
    padding: 0px;
}
.livestreamPopup A
{
    color: #9999FF;
}

a.topLink
{
    text-decoration: none;
    color: #c5ddf6;
}
a.topLink:hover
{
    text-decoration: underline;
}

#navPastor
{
    font-weight: bold;
}

.PasswordStrengthText
{
    display: inline-block;
    border: #cccccc;
    background: #ffeeee;
    padding: 3px;
    font-weight: bold;
    font-style: italic;
}
.PasswordStrengthDescription
{
}



#welcome-letter
{
    font-size: 11pt;
    line-height: 1.3em;
    background: #e7eef4;
    border: 1px solid #cccccc;
    margin: 8px;
}

#welcome-letter .inner
{
    padding: 10px;
}
#welcome-letter p
{
    font-family: Georgia, Times New Roman, Serif;
}

#page-main
{
    font-size: 11px;
}

.password-reset-welcome
{
    font-weight: bold;
    font-style: italic;
}

#video-wrapper
{
    text-align: center;
}

#kcm-partners
{
    font-size: 8pt;
    margin-top: 15px;
    padding: 8px;
    text-align: center;
}

.eventTitle
{
    font-weight: bold;
    color: #444444; /*font-size: 13px;*/
}

.eventDate
{
    font-style: italic;
    color: #444444;
}

.eventDetailsBtn
{
}
.eventDetails
{
    background: #eeeeee;
    color: #444444;
    border: 1px solid #cccccc;
    padding: 8px;
    widows: 400px;
    margin: 5px 0px 5px 0px;
}

.eventRow
{
    padding-left: 12px;
    padding-bottom: 8px;
}

.eventLink
{
    text-decoration: none;
    color: #333300;
}
.eventGroupHeader
{
}
.eventGroupHeader TD
{
    padding: 8px 0px 8px 0px;
}
.eventGroupHeaderText
{
    font-weight: bold;
    font-size: 15px;
    color: #444444;
    border-bottom: 1px solid #eeeeee;
}
.opportunityheader {
    font-size: 13px;
    font-weight: bold;
}