BODY
    {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px;
    background-color:#7b859a;
    }

    H1
    {
    FONT-SIZE: 16pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    H2
    {
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    
    }
    H3
    {
    FONT-SIZE: 12pt;
    COLOR: #353599;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    margin-top:15px;
    margin-bottom:5px;
    }
    H4
    {
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    a
    {
    FONT-SIZE: 9pt;
    COLOR: #191970;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    a.bolded
    {
    FONT-SIZE: 9pt;
    COLOR: #191970;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    }
    a:hover
    {
    COLOR: #6C6CB5;
    }
    hr
    {
    color: #191970;
    background-color: #191970;
    border: 0;
    height: 1px;
    }
    /* Nifty Corners: Tabs */
    .EventTabs
    {
    display: none;
    border: solid 0 #353599; 
    border-width: 1px; 
    padding: 3px;
    width: 578px; 
    clear: left;
    }

    div#tabs
    {
    width:578px;
    margin:0px;
    padding-top:20px;
    }


    ul#tab,ul#tab li
    {
    list-style-type:none;
    margin:0;
    padding:0;
    }
    ul#tab li
    {
    float:left;
    width:7em;
    margin-right:10px;
    text-align: center;
    }
    ul#tab a
    {
    display:block;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration:none;
    padding:2px 0 5px;
    background: #ededf8;
    color: #353599;
    }
    ul#tab li.activelink a,ul#tab a:hover
    {
    background-color: #ffffff;
    color: #9e9ed1;
    }
    ul#tab .activeTab
    {
    background-color: #ffffff;
    color: #9e9ed1;
    }
    ul#tab .inactiveTab
    {
    background-color: #ededf8;
    color: #353599;
    }
    .galleryDiv
    {
    border: solid;
    border-width: 1px;
    border-color: #353599;
    clear: both;
    }

    /* Panelbar Classes */
    .childclicked
    {
    /* **for IE** 
    filter:alpha(opacity=30);*/
    /* **CSS3 standard** 
    opacity:0.3; */
    background-image: url(/Skins/SFCCSkin/PanelBar/PBack.png);
    background-repeat: repeat;
    
    }

    .clicked

    {
    color: Red;   
    }
    /* End Panelbar Classes */
    .contentbody

    {
    width: 570px;
    padding: 5px 5px 5px 5px ;
    background-color: #ffffff;
    }

    .GreyBorder
    {
    border: 2px solid #F5F5F5; 
    }
    .multicontent
    {
    padding-top: 0px;
    padding-bottom: 10px;       
    border: 0px;   
    width: 100%;
    min-height: 275px;
    }


    /* Table Styles */
    .TblBorder
    {
    border-Color: #d3d3d3;
    }
    .SFCCGold
    {
    background-color: #ffe086;
    }    
    .TblBGColor
    {
    BACKGROUND-COLOR: #ededf8
    }
    .TintBGColor
    {
    BACKGROUND-COLOR: #ededed;
    }
    .TableRowHover
    {
    BACKGROUND-COLOR: #ffffff;
    }
    .TableRowHover:hover
    {
    BACKGROUND-COLOR: #ededf8;
    }
    .noteText
    {
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: small-caps
    }
    .noteLinkText
    {
    FONT-SIZE: 7pt;
    COLOR: #353599;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: small-caps
    }
    .redText
    {
    COLOR: red;
    }

    .plainText
    {
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .footerText
    {
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: small-caps;
    }
    .announceText
    {
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .h3Text
    {
    FONT-WEIGHT: bolder;
    FONT-SIZE: medium;
    COLOR: #353599;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .columnHeaderText
    {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    background-color:#191970;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .listItemSpacing
    {
    padding-bottom: 10px;
    }
    /* breadcrumbs styles */
    .SiteMap
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    }

    .BreadcrumbsNode
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    } 

    .BreadcrumbsNode a
    { 
    COLOR: #191970;
    } 

    .BreadcrumbsNode a:hover
    { 
    COLOR: #6C6CB5;
    }



    /* treeview styles */

    .TreeNodeLink
    {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #191970;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    cursor: pointer;
    }
    .TreeNodeDiv
    {
    padding: 0px 0px 5px 5px;
    }
    .TreeNodeText
    {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    /*Custom Master Menu Styles */
    .customMenuUL
    {
    list-style-type:none;
    margin-left:7px;
    padding:0px;
    }
    .customMenuLI
    {
    padding:0px 2px 4px 0px;
    }

    /* html Menu Bar Style */
    .htmlMenuItem
    {
    background-color:#0f318b;
    color:#ffe134;
    border: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:11px;
    font-weight:bolder;
    text-decoration: none;
    cursor: pointer;
    }


    /* Club Pages Contact Info */

    #contact
    {
    background-color:transparent;
    float: right;
    width: 220px;
    padding: 4px;
    margin-right:6px;
    }

    .contact_top
    {
    border: 1px;
    position: relative;
    background-color: #b3cee9;
    color: #000;
    width: inherit;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    }

    .contact_bottom
    {
    border: 1px;
    position: relative;
    background-color: #ccdef1;
    color: #000;
    width: inherit;
    padding: 5px;
    }
    /* Skip Navigation */
    #skipnav a
    { 
    position:absolute; 
    left:-10000px; 
    top:auto; 
    width:1px; 
    height:1px; 
    overflow:hidden;
    } 
 
    #skipnav a:focus 
    { 
    position:static; 
    width:auto; 
    height:auto; 
    } 

    /* Tabs */


    #tablist{
    padding: 3px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 12px Verdana;
    border-bottom: 1px solid #6C6CB5;
    }

    #tablist li{
    list-style: none;
    display: inline;
    margin: 0;
    }

    #tablist li a{
    text-decoration: none;
    padding: 3px 0.5em;
    margin-right: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #ffffff;
    }

    #tablist li a:link, #tablist li a:visited{
    color: navy;
    }

    #tablist li a:hover{
    color: black;
    background: #FFECB4;
    border-color: #6C6CB5;
    }

    #tablist li a.current{
    /*background: #FFECB4;*/
    background: #ffffff;
    border-bottom: solid thin #ffffff;
    }

    /* Div Styles */

    #contentfull 
    {
    width: 585px;

    }   
    
    #contentfull .contentpadding {
    
    padding: 0px 15px 0px 0px;
    }
    
    #contentmed {
    
    
    }
    #contentmed .contentpadding{
    
    padding: 0px 15px 0px 0px;
    
    }
    
    .rightside
    {
    float: right; 
    padding-right: 5px;
    }
 
    .leftside
    {
    padding-left: 5px;
    }

    .rightside1
    {
    float: right; 
   
    }

    .leftside1
    {
    margin-right: 250px; 
    width: 320px;

    }
    .leftside2
    {
    margin-right: 250px; 
    width: 300px;

    }

    /* Contact Table */
    
    .cheader
    {
    font-weight: bolder;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    }
    .cphone
    {
    vertical-align: top;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    }
    .carea{
    width: 40px;
    }


    /*  SITE MASTER PAGES - KC - December 9, 2009 */
    /*  The master container holds all other divs.
    The master container is divided into three major divs from top to bottom.
    1. The Header div contains the corner photo, banner, and cascading menu.
    2. The Content div contains two panels, left for navigation and right for content.
    3. The Footer div contains the horizontal rule and the footer text.
    */ 
    #divAnnouncement td p
    {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    #divMasterContainer
    {
    width:785px;
    background-color:#ffffff;
    margin: auto;
    }
 
    #divHeader
    {
    width: 785px;
    height:106px;
    }
    #divCornerPhoto
    {
    width: 160px;
    height: 106px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:#fce283;
    background-image:url(/_images/corner_Background.jpg);
    background-repeat:no-repeat;
    }
    #divContentHeader
    {
    width:625px;
    height: 83px;
    background-image:url(/_images/Banner_H1_Background.jpg);
    background-repeat:no-repeat;
    background-color:#0f318b;
    float: right;
    }
    #divBanner
    {
    background-color: #0f318b;
    }
    #divText
    {
    height: 83px;
    }
    #divSFCC
    {
    width:470px; 
    height:47px;
    }
    #divH1
    {
    width:470px; 
    height:36px;
    } 
    #divClocktower
    {
    background-image:url(/_images/Banner_Icon.jpg);
    width:155px;
    height:83px;
    float: right;
    }
    #divCascadeMenu
    {
    background-color: #0f318b;
    width: 625px;
    height: 23px;
    float: left;
    }
 
     
    #divContent
    {
    background-color:#ffffff;
    height: auto;
    min-height: 500px;
   
    }
    #divRightPanel
    {
    float:right;
    height: auto;
    background-color:#f0f0f0;
    width:625px;
    }
    #divPage
    {
    width: 591px;
    margin-top:0px;
    margin-right: 10px;
    margin-left: 17px;
    margin-bottom:20px;
    background-color: #ffffff;
    padding:2px 2px 5px 5px;    
    height: auto;
    text-align:left;
    }

    #divPage p
    {
    margin-top: 15px;
    }
    #divBreadcrumbs
    {
    margin-left:17px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    height: 20px;
    width:594px;
    background-color: #f0f0f0;
    }
    #divLeftPanel
    {
    width: 160px;
    background-color:#ffffff;
    }
    #divMenu
    {
    background-image:url(/_images/bgMenu.jpg);
    background-repeat: no-repeat;
    padding-left: 5px;
    min-height: 500px;
    }
    #divSearchForm
    {
    margin-top: 10px;
    margin-bottom: 5px;
    }
    #divPrintPage
    {
    margin-top: 10px;
    margin-bottom: 5px;
    }
    #divAllMenus
    {
    margin-top: 10px;
    margin-bottom: 5px;
    }
    #divMenu p
    {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    #divFooter
    {
    clear:left;
    padding-left: 160px;
    padding-right: 5px;
    background-color:#ffffff;
    }
    #divFooterText
    {
    padding-top: 5px;
    margin: auto;
    text-align:center;
    border-top-width: 1px;
    border-top-color: #353599;
    border-top-style: solid;
    }
    /* Status Icon Classes */
    .StatusGood
    {
        
    width: 50px; 
    height: 50px; 
    background: url(_images/Status.png) 0px 0px ;
    background-repeat: no-repeat;
    border: none;
    }  
  
    .StatusWarning
    {        
    width: 50px; 
    height:50px; 
    background: url(_images/Status.png) 0px -50px ;
    background-repeat: no-repeat;
    border: none;
    }  
    .StatusError
    {        
    width: 50px; 
    height: 50px; 
    background: url(_images/Status.png) 0px -100px ;
    background-repeat: no-repeat;
    border: none;
    } 
    .StatusGoodSmall
    {        
    width: 25px; 
    height:25px; 
    background: url(_images/StatusSmall.png) 0px 0px ;
    background-repeat: no-repeat;
    border: none;
    }  
    .StatusWarningSmall
    {        
    width: 25px; 
    height:25px; 
    background: url(_images/StatusSmall.png) 0px -25px ;
    background-repeat: no-repeat;
    border: none;
    }  
    .StatusErrorSmall
    {        
    width: 25px; 
    height:25px; 
    background: url(_images/StatusSmall.png) 0px -50px ;
    background-repeat: no-repeat;
    border: none;
    }  
    .success 
    {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px dashed #06BC2A;
    } 
    .warning
    {
    color: #9F6000;
    background-color: #FEEFB3;
    border: 1px dashed #B3920C;
    }
    .error   
    {
    color: #D8000C;
    background-color: #FFBABA;
    border: 1px dashed #F74848;
    }
    .StatusPadding
    {
    margin: 0px 0px 0px 60px;
    padding: 5px 0px 0px 0px;
    }