/* About this stylesheet:   School Page Styles */
/* Author:                  T. Castillo */
/* Last Modified:           2/22/09 */


/*Main Divs*/

    /* Header */
    .school-main-container 
    {
        width: 965px;
        margin: 10px 0 0 20px;
    }

    .header-school-label 
    {
        float: left;
        background-image:url(../images/schools/school-label.png);
        background-repeat: no-repeat;
        padding: 15px 0 0 75px;
        height: 46px;
        width: 200px;
    }

    .header-school-address 
    {
        float:left;
        margin: 0 30px 0 0;
        padding: 8px 4px 0 4px;
    }

    .header-school-phones 
    {
        float:left;
        margin: 0 30px 0 0;
        padding: 8px 4px 0 4px;
    }

    .header-school-url 
    {
        float:left;
        margin: 0 30px 0 0;
        padding: 8px 4px 0 4px;
    }

    .school-panoramic-box 
    {
        float: left;
        padding: 0 0 0 20px;    
    }

    .header-school-data 
    {
        float: left;
        margin: 0 0 0 15px;
        width: 220px;
    }
    
    /* Body */
    .body-shell-1-containter 
    {
        background-color: #EDFFDE;
        border: solid 1px #E5EDDF;
        margin: 25px 0 0 0;
    }
    
    .body-shell-2-containter 
    {
        background-color: #EDFFDE;
        border-top: solid 1px #FAEAE2;
        margin: 15px;
    }    
    
    .body-col-1 
    {
        float: left;
        margin: 15px 0 0 0;
    }
    
    .body-col-2 
    {
        float: left;
        margin: 15px 0 0 15px;
    }
    
    .description-container 
    {
        background-color: #fff;
        border: solid 1px #E5EDDE;
        padding: 10px;
        margin: 0 0 5px 0;
        background-image: url(../images/schools/box-corner-white.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        width: 600px;
    }

    .description-container-col-1
    {
        float: left;
        width: 45px;
    }  

    .description-container-col-2
    {
        float: left;
        border-right: solid 1px #FAEAE2;
        width: 350px;
    } 

    .description-container-col-2a
    {
        width: 525px;
    }    
    
    .description-container-col-2b
    {
        padding-left: 45px;
    }        
    
    .description-container-col-3
    {
        float: left;
        margin: 0 0 0 10px;
        width: 175px;
    }     
    
    .add-img-container 
    {
        width: 623px;
        margin: 0 0 15px 0;
    }   
    
    .stats-container 
    {
        margin: 0 0 15px 0;
    }    
 
    .stats-container-col-1 
    {
        float: left;
        width: 45px;
        color: #EDFFDE;
    }
    
    .stats-container-col-2 
    {
        float: left;
        width: 250px;
    }
    
    .stats-text-holder 
    {
        width: 230px;
        margin: 0 0 25px 45px;
        border-bottom: solid 1px #E5EDDE;
        padding: 0 0 5px 0;
    }
    
    .stats-text-holder-footnotes 
    {
        width: 230px;
        margin: 0 0 25px 40px;
        padding: 0 0 5px 0;
    }    
    
 
 
 /* Image Formatting */
 
    /* Body */
    .mascot 
    {
        padding: 4px 0 0 0;
        margin: 0;
        text-align: center;
    }
    
    .add-school 
    {
        float: left;
        /*width: 307px;*/
        margin: 10px 0 0 0;
        padding: 0;
        border: 2px solid transparent;
    }
    
    .add-school-panoramic
    {
        width: 614px;
        margin: 10px 0 0 0;
        padding: 0;
        border: 2px solid transparent;
    }    
    

/* Text Formatting */

    /* Header */
    .header-school-label h1 
    {
        font-family: Arial, Verdana, Helvetica;
        font-size: 14px;
        color: #008C51;
        font-weight: bold;
        margin: 0;
    }
    
    .header-school-line 
    {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #7D8A2D;
        margin: 0 0 4px 0;
        padding: 0;
        background-color: #fff;
    }
    
    .header-school-data-title 
    {
        font-size: 14px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        color: #92A381;
        background-color: #fff;        
        padding: 5px 0 5px 15px;
        margin: 20px 0 0 0;
        border-bottom: solid 1px #E5EDDF;
    }
    
    .header-school-data-content
    {
        font-size: 14px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        color: #008C51;
        background-color: #fff;         
        padding: 15px 0 5px 15px;
    }
        

    /* Body */
    h3 
    {
        color: #7D8A2D;
        font-size: 14px;
        font-family: Georgia, "Times New Roman", Times, serif;      
        font-weight: bold;
        margin: 10px 0 12px 0;  
    }    

    h4 
    {
        color: #666C5F;    
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        padding: 0 0 5px 0;
        margin: 0 12px 10px 0;
        border-bottom: solid 1px #FAEAE2;          
    }
    
    h5 
    {
        color: #7D8A2D;
        font-size: 14px;
        font-family: Georgia, "Times New Roman", Times, serif;      
        font-weight: bold;
        margin: 20px 0 12px 0;        
    }    
    
    .school-overview-description 
    {
        float: left;
        padding: 0 12px 0 0;
        color: #666C5F;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        line-height: 18px;
        word-spacing: 3px;          
    }
    
    .activities-description 
    {
        padding: 0 12px 0 10px;
        color: #666C5F;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        line-height: 18px;
        word-spacing: 3px;  
        margin: 0 0 15px 0;      
    }    
    
    .mascot p
    {
        margin: 0;
        padding: 8px 0 0 0;
        color: #666C5F;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        line-height: 18px;
        word-spacing: 3px;        
        
    }    

   .stats-text-cell-01 
    {
        width: 150px;
        float: left;
        color: #666C5F;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 13px;
        text-align: right;
        margin: 0 4px 8px 0;
        padding: 4px 0 0 0;
    }
    
   .stats-text-cell-01a 
    {
        color: #666C5F;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 13px;
        text-align: center;
        margin: 0 4px 8px 0;
        padding: 4px 0 0 0;
    }    
    
    .stats-text-cell-02-background
    {
        width: 45px;
        float: left;
        padding: 0 0 5px 20px;
        color: #008C51;
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-size: 14px;
        border: solid 1px #E5EDDE;
        background-color: #fff;
        margin: 0 0 8px 0;
        text-align: left;
    } 

    .stats-text-cell-02
    {
        width: 45px;
        float: left;
        padding: 0 0 5px 20px;
        color: #008C51;
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-size: 14px;
        margin: 0 0 8px 0;
        text-align: left;
    }    

    .stats-text-cell-02a
    {
        padding: 5px 10px 5px 10px;
        color: #008C51;
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-size: 14px;
        margin: 0 0 8px 0;
        text-align: center;
        background-color: #fff;
        border: solid 1px #E5EDDE;
    }        

    .stats-text-holder
    {
        color: #666C5F;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        margin: 8px 0 0 0;
        line-height: 15px;  
        padding: 0 0 0 45px;     
    }
    
    .stats-text-holder-footnotes p
    {
        color: #666C5F;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        margin: 8px 0 0 0;
        line-height: 15px;   
        text-align: right;    
    }    
    
    .footer-panoramic 
    {
        float: left;
        width: 700px;
    }

    .footer-logo 
    {
        float: left;
        width: 220px;
        margin: 0 0 0 10px;
    }
        
    /* Captions */
    .panoramic-caption
    {
        color: #333;
        background-color: #fff;        
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        padding: 0 0 0 10px;
        margin: 8px 0 0 0;
        text-align:center;
    }    
    
    /* Links */
    .header-school-line a:link, .header-school-line a:visited, .header-school-line a:hover, .header-school-line a:active
    {
        text-decoration: underline;
        color: #7D8A2D;
        font-weight: bold;      
    }    
    
    .description-container-col-3 a:link, .description-container-col-3 a:visited, .description-container-col-3 a:hover 
    {
        color: #666C5F;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;    
        margin: 0 0 10px 0;
        display: block;            
    }
    
    .stats-text-holder a:link, .stats-text-holder a:visited, .stats-text-holder a:hover 
    {
        color: #666C5F;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;    
        margin: 0 0 10px 0;
        display: block;     
        text-decoration: underline;       
    }