﻿/* 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS Stylesheet: Master page 
This stylesheet defines:
1.  Styles for element ID's (header, bannertop, etc.) used on the master page. 
2.  Styles for classes (.leftspacer, .rightspacer, etc.) used on the master page. 
3.  Styles for the custom content used to replace content on the master page. 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
*/

/* Element ID's */
#header
{   background-color:#f5f5f5;
    width:100%;}
    
#bannertop, #bannerbottom
{   background-color:#ffffff;
    width:100%;}

#footer
{   background-color:#ff0000;
    width:100%;}
    
/* Class selectors */
td.leftsidebar
{   vertical-align: top;
    background-color: #f5f5f5;
    border-right:solid 1px #c0c0c0;
    margin:0px;
    padding:10px;
    width: 150px;}    
    
td.content
{   vertical-align: top;
    background-color: white;
    padding:10px 20px 20px 20px;}
    
td.rightsidebar
{   vertical-align: top;
    background-color:Transparent;
    border-left:solid 0px #c0c0c0;
    margin:0px;
    padding:10px 15px 10px 5px;
    width: 150px;}
    
/* Solid bar class*/
.solidbar {height: 20px; background-color: #b22222;
    padding:0px 10px 0px 10px;}
    
/* Spacer classes*/
.leftspacer {width:150px; height:1px; background-color:transparent;}
.middlespacer {width:620px; height:1px; background-color:transparent; margin-top:-10px;}
.rightspacer {width:150px; height:1px; background-color:transparent; }
