@charset "utf-8";

body, html {
    background-color:           #222222;
    margin:                     0;
    padding:                    0.5em;
    font-family:                "Arial", "Helvetica", sans-serif;
    color:                      #eeeeee;
}

img {
    border-style:           none;
    
}

a, a:visited, a:hover {
    color:                  #b23b1e;
}

#bodyDiv {
    border-style:           solid;
    border-color:           #b23b1e;
    border-width:           0.1em;
    margin:                 0;
    padding:                0;
    min-width:              80em;
    
    /* Sidebar colour */
    background-color:       #333333;
    
    
    
/*
    background-image:       url( "images/metal_background_dark.jpeg" );
    background-repeat:      repeat;
    background-attachment:  fixed;
    background-position:    center;
*/
}

#headerDiv {
    background-color:       #000000;
    width:                  100%;
    margin:                 0;
    padding:                0;
    min-height:             81px;
    
    /* Bottom border is needed to avoid rendering bug */
/*
    border-bottom-style:           solid;
    border-bottom-color:           #b23b1e;
    border-bottom-width:           0.2em;
*/
    
}

#sidebarDiv {
    float:                  left;
    width:                  15em;
    margin:                 0;
    padding:                0;
    height:                 100%;
    
    
/*
    border-style:           solid;
    border-color:           red;
    border-width:           0.1em;
*/
}

#outerContentDiv {
/*
    border-style:           solid;
    border-color:           #cccccc;
    border-width:           0.1em;
*/
    margin:                 0;
    padding:                0;
    margin-left:            15em;
    height:                 100%;
    min-height:             120em;
 /*   background-color:       #333333;*/
    
 /*   background-image:       url( "images/orange_background.jpeg" );
    background-repeat:      repeat-y;*/
/*
    background-attachment:  fixed;
*/
    background-position:    right;
    
    
/*
    border-left-style:           solid;
    border-left-color:           #b23b1e;
    border-left-width:           0.2em;
*/
/*
    color:                  #333333;
*/
    
}

#contentDiv {
/*
    border-style:           solid;
    border-color:           #cccccc;
    border-width:           0.1em;
*/
    margin:                 0;
    padding:                1em;
    padding-right:          100px;
/*
    margin-left:            15em;
*/
    height:                 100%;
    min-height:             20em;
    
/*
    color:                  #333333;
*/
/*
    border-style:           solid;
    border-color:           green;
    border-width:           0.1em;
*/
}

#footerDiv {
/*
    border-style:           solid;
    border-color:           #000000;
    border-width:           0.1em;
*/
    padding:                1em;
    padding-right:          100px;
    font-size:              small;
}



#franchiseDiv {
    float:                  right;
/*    float:                  none;*/
    
    background-color:       #b23b1e;
    height:                 140px;
    
    display:                inline;
    
    background-image:       url( "images/orange_header_background.jpeg" );
    background-repeat:      repeat-y;
    background-position:    left;
    
    padding-left:           200px;
    
}
    

#absLogoDiv {
    height:                 140px;
/*
    padding-top:            20px;
    padding-left:           20px;
    padding-right:          20px;
*/
    
}



#absLogoImg {
    margin:                     20px;
/*
    margin:                     20px;
*/
}

#franchiseLogoImg {
    margin:                     20px;
    margin:                     20px;
}

.SSCW3CBadges {
    margin-top:                 0.5em;
}

.contentImg, #previewImg {
    padding:                    0.2em;
    border-style:               solid;
    border-color:               #b23b1e;
    border-width:               0.1em;
    margin:                     1em;
}

h1, h {
    color:                  #b23b1e;
}

h2, section h {
    color:                  #b23b1e;
}

h3, section section h {
    color:                  #b23b1e;
}

#contentHeightDiv {
    margin:                 0;
    padding:                0;
    width:                  0;
    height:                 0;
    
    float:                  right;
    
/*
    border-style:           solid;
    border-color:           purple;
    border-width:           0.1em;

*/
}

/* ** Main Menu ** */

#headerDiv ul, .EmptyMainMenu {
    background-color:       #999999;
/*
    height:                 2em;
*/
    text-align:                 center;
/*
    padding-top:                0.5em;
    padding-bottom:             0.5em;
*/
    border-top-style:           solid;
    border-top-color:           #b23b1e;
    border-top-width:           0.2em;
    border-bottom-style:        solid;
    border-bottom-color:        #b23b1e;
    border-bottom-width:        0.2em;
    padding-top:                0.5em;
    padding-bottom:             0.5em;
    
    margin:              0;
    
    background-image:       url( "images/metal_background.jpeg" );
    background-repeat:      repeat;
/*
    background-attachment:  fixed;
*/
    background-position:    center;
    
}
#headerDiv ul li {
    display:                inline;
    padding-left:           1em;
    padding-right:          1em;
    padding-top:                0.5em;
    padding-bottom:             0.5em;
}

#headerDiv ul .SSCMenuCurrentPage {
    background-color:       #ffffff;
    
    
    background-image:       url( "images/metal_background_light.jpeg" );
    background-repeat:      repeat;
/*
    background-attachment:  fixed;
*/
    background-position:    center;
}

#headerDiv ul li a {
    font-weight:            bolder;
    text-decoration:        none;
    color:                  #333333;
    
}

#headerDiv ul li a:hover {
    text-decoration:        underline;
    color:                  #000000;
    
}

#headerDiv ul li span {
    font-weight:            bolder;
    color:                  #000000;
    
}
/* ** End Main Menu ** */

/* ** Sidebar Menu ** */

#sidebarDiv ul li {
    list-style-type:        none;
    
}

#sidebarDiv ul .SSCMenuCurrentPage {
    color:                  #eeeeee;
}

#sidebarDiv ul li a {
    text-decoration:        none;
    color:                  #999999;
    font-weight:            lighter;
}

#sidebarDiv ul li a:hover {
    text-decoration:        underline;
    color:                  #cccccc;
    
}

#sidebarDiv ul li span {
    color:                  #cccccc;
    
}

#sidebarDiv ul li ul {
/*
    margin-left:            -1em;;
*/
    
}
/* ** End Sidebar Menu ** */

/* ** Footer Menu ** */


#footerDiv ul, .EmptyMainMenu {
/*
    text-align:                 center;
*/
/*
    padding-top:                0.5em;
    padding-bottom:             0.5em;
    
*/
    margin-top:              0.5em;
    margin-bottom:           0.5em;
    padding:            0;
    
}

#footerDiv ul li {
    display:                inline;
    padding-right:          1em;
/*
    
    padding-left:           1em;
    
    padding-top:                0.5em;
    padding-bottom:             0.5em;
*/
}

#footerDiv ul .SSCMenuCurrentPage {
    
}

/*
#footerDiv ul li a {
    
}

#footerDiv ul li a:hover {
    
}

#footerDiv ul li a:active {
    
}
*/

#footerDiv ul li span {
    
}
/* ** End Footer Menu ** */

/* ** Footer Menu ** */
#siteMapDiv ul li ul {
    margin-bottom:          1.5em;
}

#siteMapDiv ul {
    list-style-type:        none;
    
}

/* ** End Footer Menu ** */

.SSCDebugMessageOutput {
    background-color:           #000000;
    color:                      #009900;
    border-color:               #ffffff;
    border-style:               outset;
    border-width:               0.2em;
    padding:                    1em;
    margin-top:                 1em;
    font-family:                "Courier", monospace;
    font-size:                  medium;
    overflow:                   scroll;
    height:                     20em;
    white-space:                pre;
}