/*Diamond Pool & Spa, Inc.*/
    /*Website Edition 4.0*/
    /*Last Updated 4/26/10*/
    /*  
    Note: the underscore "_" before an item allows 
    it to be read only by ie6.  A period can be read 
    by both ie6 and ie7, so by sequencing an underscored
    item after a period, ie6 can be targeted as well 
    as ie7. 
    */
    
/*Site Layout*/
 
    .backgroundcontainter
    {
        position: relative;
        min-height: 800px;
        width: 1023px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('../Images/decorations/full.png');
        background-repeat: repeat-y;
        margin-top: -5px;
        margin-bottom: -5px;
        overflow: hidden; /*Needed to extend masterpage to contain all of childpage's content.*/
    }
    
    .MainContainer
    {
        position: relative;
        left: -3px;
        border-style: solid; 
        border-width: 2px;
        border-color: white;
        width: 997px;
        background-color: #ebebeb;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Header
    {
        background-image: url('../Images/pictures/spa.png');
        width: 997px;
        height: 260px;
    }
    
    .Menu
    {
        position: relative;
        width: 243px;
        float: left;
    }
        
    .Content
    {
        position: relative;
        width: 650px;
        float: right;
        margin-right: 50px;
    }
    
    .PlaceHolder /*To add a few spaces to longer pages*/
    {
        height: 25px;
    }
    
    .Bottom
    {
        position: relative;
        top: -20px;
        left: -5px;
        height: 24px;
        width: 999px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../Images/decorations/footer_widget.png);
    }
    
/*Text*/
    .MainText
        {text-align: justify; font-size: large; font-family: Calibri;}
    
    .HeaderText /*This is the main title for each page.  It should always be placed in ".HeaderText"*/
        {font-size: 30px; color: #433E5B; margin-bottom: -10px;}
        
    .list /*This is the formating for the unordered lists on the pool and spa pages.*/    
        {width: 420px; padding-top: 2px; .padding-left: 30px; .left: -10px;}     
    
    .listtitle /*Titles for lists on pages: _Openings, _Closings, _Maintenances, _SpaMaintenance*/
        {position: relative; top: .8em;}
    
    .subtitle /*Subtitles for pages: _Repair, _Employment*/
        {position: relative; font-size: 18px;}
    
/*Menus*/
    /*Navigation*/

    .hr
    { position: relative; left: -15px; top: -30px;}
    
    .hrnav
    { position: relative; left: -20px; top: -30px; }
    
    .MenuItem
    {font-size: x-large; position: relative; top: -30px; left: -22px; text-align: center;}
    
    a
    {color: Gray;}
    
    a:link /*Formating for unclicked hyperlink*/
    {color:  Gray; display: block; text-decoration: none;}
    
    a:visited /*Formating for visited hyperlink*/
    {color:  Gray; display: block; text-decoration: none;}
    
    a:hover
    {color: Black;}
    
    .MenuItem li a#current

/*Rounded Corners*/
/*    .bl
    {background: #e68200 url( '../Images/corners/1bl.gif' ) no-repeat 0% 100%;
     width: 240px; min-height: 400px;}
  
    .br
    {background: url(  '../Images/corners/1br.gif' ) no-repeat 100% 100%;
     min-height: 400px;}
    
    .tl
    {background: url( '../Images/corners/1tl.gif' ) no-repeat 0% 0%;}
    
    .tr
    {background: url( '../images/corners/1tr.gif' ) no-repeat 100% 0%;
     padding: 10px;}
    
    .clear {font-size: 1px; height: 1px}
*/

.image
    {
        position: relative;
        height: 4px;
        background-image: url(../Images/decorations/hr.png)
        
    }