﻿html {overflow-y: scroll;} /*vertical scroll bar for safari and firefox*/
body 
{
    /*background-color:#2F4F4F;*/
    background-color:#727CA1;
    /*background-color:#D1D3E6;*/
    text-align:center;
    font-family:verdana; 
    font-size:11px; 
    height:100%;
    }
    h2{font-size:110%;}
div#outercontainer
{
    background-color:#fff;
    /*To get the div to center in firefox and safari set margin left and right to auto*/
    margin-left: auto; 
    margin-right: auto; 
    padding:7px;
    width:786px;
    height:auto;
    }
    
/*********************************************************************************/        
div#outerheader
{
    background-color:#fff; 
    margin:0px 0px 5px 0px;         
    padding:0px; 
    width:785px;
    height:116px; 
    color:#fff; 
    text-align:right
    }

#outerheader a:link	{text-decoration:none; color:#fff;}	
#outerheader a:visited{text-decoration:none; color:#fff;}	
#outerheader a:active	{text-decoration:none; color:#fff;}	
#outerheader a:hover	{text-decoration:underline; color:#fff;}

div#headertopleft
{
    /*background-color:#262637; */
    background-color:#2E2E43;
   /* background-image: url('images/header2.jpg');*/
    padding:0px; 
    margin:0px;
    width:580px; 
    height:60px; 
    float:left;
    text-align:left;
    }   
div#headertopright
{
    /*background-color:#4A4880;*/
    background-color:#6176BF;
    padding:0px 1px 0px 0px; 
    margin:0px;          
    height:60px;
    width:197px;            
    float:right;
    }
div#headerbottom
{
    /*background-color:#262637; */
    background-color:#2E2E43;
    padding:0px; 
    margin:0px;
    margin-top:7px;
    margin-bottom:7px;
    width:785px; 
    height:42px; 
    float:left;
    text-align:left;
    }
/*********************************************************************************/        
div#body
{
    background-color:#fff; 
    margin:0px;         
    padding:0px; 
    width:785px;
    overflow: hidden;
    color:#fff; 
    text-align:right;
    }
       
div#frontleft
{
    background-color:#778899;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:425px; 
    min-height:370px;
    height:370px;
    float:left;
    }
div#frontleftbottom
{
    /*background-color:#6176BF;*/
    /*background-color:#5A6280;*/
    background-color:#4A4880;
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    width:425px; 
    min-height:101px;
    height:101px;
    float:left;

    }
div#frontrighttop
{
    background-color:#4A4880;
    margin:0px;
    padding:0px;    
    width:353px; 
    min-height:167px;
    height:167px;
    float:right;
    }

div#frontrightmidb
{
    /*background-color:#778899;*/
    background-color:#CFD4E6;
    margin-left:0px;
    margin-top:7px;
    padding:0px;
    width:353px; 
    min-height:140px;
    height:140px;
    float:right;
    text-align:left;
    color:#000;
    }
    div#frontrightmiddouble
{
    /*background-color:#778899;*/
    background-color:#CFD4E6;
    margin-left:0px;
    margin-top:7px;
    padding:0px;
    width:353px; 
    min-height:307px;
    height:307px;
    float:right;
    text-align:left;
    color:#000;
    }
div#frontrightbottom
{
    background-color:#fff;
    margin:5px 0px 0px 0px;
    padding:0px;
    width:353px; 
    min-height:165px;
    height:165px;
    float:right;
    }
        
div#stdleft
{
    background-color:#4A4880;
    padding:0px;
    margin:0px;
    width:275px; 
    min-height:400px;
        height:100%;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    float:left;
    text-align:center;
    }
    
div#stdleft p a:link	{text-decoration:none; color:#fff;}	
div#stdleft p a:visited{text-decoration:none; color:#fff;}	
div#stdleft p a:active	{text-decoration:none; color:#fff;}	
div#stdleft p a:hover	{text-decoration:underline; color:#fff;}
    
    div#stdrighttop
{
    background-color:#4A4880;
    margin-left:7px;
    margin-bottom:7px;
    width:503px; 
    min-height:30px;
    float:left;
    color:#000;
    text-align:left;
    }

    
        div#stdright
{
    background-color:#CFD4E6;
    width:503px; 
    min-height:400px;
    height:100%;
    height:auto;
    float:right;
    color:#000;
    text-align:left;
    }
    
div#stdright a:link	{text-decoration:none; color:#000;}	
div#stdright a:visited{text-decoration:none; color:#000;}	
div#stdright a:active	{text-decoration:none; color:#000;}	
div#stdright a:hover	{text-decoration:underline; color:#000;}
    
div#widelefttop
{
    background-color:#4A4880;
    margin-left:0px;
    margin-bottom:7px;
    width:580px; 
    min-height:30px;
    float:left;
    color:#000;
    text-align:left;
    }
div#widerighttop
{
    background-color:#CFD4E6;
    background-image: url('images/sky.jpg');
    margin-left:7px;
    margin-bottom:7px;
    width:198px; 
    min-height:30px;
    height:30px;
    float:right;
    color:#000;
    text-align:left;
    }
    
div#wideall
{
    background-color:#CFD4E6;
    width:785px; 
    min-height:400px;
    color:#000;
    text-align:left;
    clear:both;
    padding-bottom:10px;
    }   


/*********************************************************************************/  
div#footer
{
    /*background-color:#483D8B; */
    /*background-color:#6176BF;*/
    /*background-color:#262637; */
    /* background-color:#2B2B3E;*/
    background-color:#2E2E43;    
    margin:7px 0px 0px 0px;         
    padding:0px; 
    width:785px;
    height:20px; 
    color:#fff; 
    text-align:right;

    }
#footer a:link	{text-decoration:none; color:#fff;}	
#footer a:visited{text-decoration:none; color:#fff;}	
#footer a:active	{text-decoration:none; color:#fff;}	
#footer a:hover	{text-decoration:underline; color:#fff;}

.PlayVideo
{
    background-color:WhiteSmoke;
    padding:20px;
}



