﻿@import url(Skin.Editor.css);
@import url(TabStrip.css);
/* Include the editor CSS styles for end users */

body {
    margin: 0; padding: 0;
    background-color: black;    
}

br.ClearBoth {
    font-size: 0px;
    clear: both;
}

div#Centerer {
    text-align: center;
}

div#Container {
    margin: 0 auto;
    text-align: left;
    width: 800px;
    background-color: White;
}

    div#Header     
    {
        height: 110px;
    }
    
        div#Header,
        div#Header a
        {
        }
        
            div#Header a:hover
            {
                text-decoration: underline;
            }
            
        div#Logo {
            float: left;
            text-align: left;
        }
        
        div#Address {
            padding: 12px;
            float: right;
            width: 250px;
            text-align: right;
        }
        
    div#Tabs {
        padding-left: 12px;
        margin-top: 12px;
        border-bottom: 9px solid #BE1E2D;
    }
    
    div#ContentArea {
        clear: both;
        padding-top: 10px;
        padding-left: 23px;
        padding-right: 23px;
    }
    
        div#Breadcrumb {
            text-align: left;
            height: 33px;
            line-height: 33px;
            
            font-size: 12px;
            color: Black;            
        }
    
            div#Breadcrumb a {
                color: #2D2C2F;
                text-decoration: none;
            }
            
                div#Breadcrumb a:hover { text-decoration: underline; }
                
        div.Content {
            min-height: 300px;            
        }                               

    div#Copyright {
        border-top: 9px solid #BE1E2D;
        
        clear: both;
        padding-top: 10px;
        margin-bottom: 10px;
        padding-left: 23px;
        padding-right: 23px;

        height: 33px;
        line-height: 33px;
    
        font-size: 0.8em;
    }
    
        div#Copyright a,
        div#Copyright a:hover,
        div#Copyright a:link,
        div#Copyright a:visited,
        div#Copyright a:active
        {
            color: Black;
            text-decoration: none;
        }
        
            div#Copyright a:hover { text-decoration: underline; }

    /* bottom margin causing the background to not show.  make the container use padding instead */
	/* body tag used to give this selector priority over the container's CSS file selector */
    body div.Simple_Container {
        margin-bottom: 0px;
        padding-bottom: 24px;
    }