/*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;
        width: 1019px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('../Images/decorations/full.png');
        background-repeat: repeat-y;
        margin-top: -0px;
        margin-bottom: -10px;
        overflow: hidden; /*Needed to extend masterpage to contain all of childpage's content.*/
    }
    
    .MainContainer
    {
        position: relative;
        width: 1000px;
        background-color: #ebebeb;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Header
    {
        position: relative;
        left: 2px;
        top: 0px;
        background-color: Transparent;
        width: 1000px;
        height: 260px;
    }
    /*Three Column Layout**************************************************/
    .ContentLeft
    {
        position: relative;
        width: 300px;
        float: left;
        margin-left: 25px;
        margin-right: 25px;
    }
          
    .ContentRight
    {
        position: relative;
        width: 300px;
        float: right;
        margin-left: 25px;
        margin-right: 25px;
    }
    
    .ContentCenter
    {
        position: relative;
        width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
    
/*Two Column Layout**************************************************/
    .LeftColumn
    {
		position: relative; 
		float: left; 
		width: 150px; 
		margin-left: 20px; 
		min-height: 600px;	
    }
    
    .RightColumn
    {
		position: relative; 
		float: right; 
		width: 800px; 
		margin-right: 20px;	
    }


    .CenterColumn
    {
      position: relative; 
      width: auto; 
      margin-right: 100px; 
      margin-left: 100px;        
    }
/*Internal Columns in Two Column Layout*****************************/
	.Left
	{
		position: relative;
		left: -10px;
		float: left;
		width: 400px;
	}
	
	.Right
	{
		float: right;
		width: 400px;	
	}
       
    .PlaceHolder /*To add a few spaces to longer pages*/
    {
        height: 25px;
    }
    
    .Top
    {
		position: relative;
        height: 12px;
        width: 1019px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Bottom
    {
        position: relative;
        top: 10px;
        height: 12px;
        width: 1019px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Bottom_Nav
    {
		position: relative;
		top: 10px;
    }
    
/*Text*/
    .MainText
        { font-family: Calibri;}
    
    .HeaderText /*This is the main title for each page.  It should always be placed in ".HeaderText"*/
        {color: #433E5B; font-size: large;}
        
    .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;}     
    
    .plist
	{
		position: relative; 
		left: -20px;
		width: 420px;
	}
    
    .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: #414569; outline-style:none;}
    
    a:link /*Formating for unclicked hyperlink*/
    {color:  #414569; text-decoration: none;}
    
    a:visited /*Formating for visited hyperlink*/
    {color:  #414569; text-decoration: none;}
    
    a:hover
    {color: Black;}
    
    .MenuItem li a#current
    
	.largertext
	{
		font-size: large;
	}
/*Rounded Corners*/
    .bl
    {}
  
    .br
    {}
    
    .tl
    {}
    
    .tr
    {}
    
    .clear {font-size: 1px; height: 1px}