﻿/* dark gray: #59595C
   blue: #2E3192
   light gray: #E5DCD4
*/


body 
{
    background-color: #59595C;
    margin: auto;
    height: 100%;
    width: 850px;
    text-align: center;
    font-size: 1.15em;
    font-family: Trebuchet MS;
}

#backgroundcontainer
{
    background-color: #E5DCD4;
    width: 800px;
    margin: auto;   
}

#container 
{
   width: 780px;
   margin: auto;
   background-color: White;
}

#header 
{
    height: 300px;
    background-image: url('images/header.png');
    background-repeat: no-repeat;
}

#headertop 
{
    height: 235px;
    clear: both;
    text-align: right;
    padding-top: 15px;  
    padding-right: 15px;
}

#headernavigation 
{
    height: 50px;
    float: right;
    width: 780px;
    margin-top: 8px;
}

#content
{
    min-height: 375px;
    text-align: left;
    margin: 15px;
}

#footer 
{
    height: 50px;
    background-color: #2E3192;
    background-image: url('images/footer.png');
    background-repeat: no-repeat;
}

h1 
{
    font-style: italic;
    font-size: 2.0em;  
    text-align: center;
    margin: 10px 10px 10px 0px; 
}

h3
{
    font-size: 1.25em;
    color: #2E3192;
    font-style: italic;
    margin: 10px 10px 10px 0px; 
}

p
{
    font-size: .80em;   
}

div.topcorner 
{
    margin: auto;
    width: 800px;
    height: 10px;
    clear: both;
    margin-top: 20px;
}

div.bottomcorner
{
    margin: auto;
    width: 800px;
    height: 10px;
    clear: both;
   
}

div.leftcorner 
{
    float: left;
    width: 10px;
    height: 10px;
}

div.middle 
{
    float: left;
    width: 780px;
    height: 10px;
    background-color: #E5DCD4;
}

div.rightcorner 
{
    float: left;
    width: 10px;
    height: 10px;
}

#copyright
{
    font-size: .75em;
    color: white;   
    line-height: 15px;
    margin-bottom: 20px;
}

div.button
{
    float: right;   
}

a.white:link /* unvisited global link */
{
    color: white;
    text-decoration: underline;
        
} 
a.white:visited /* visited global link */
{
    color: white;
    text-decoration: underline;
        
} 
a.white:hover /* mouse over global link */
{
    color: #E5DCD4;
    text-decoration: underline;
      
} 
a.white:active /* selected global link */
{
    color: white;
    text-decoration: underline;
   
} 


a:link /* unvisited global link */
{
    color: #2E3192;
    text-decoration: underline;
        
} 
a:visited /* visited global link */
{
    color: #2E3192;
    text-decoration: underline;
        
} 
a:hover /* mouse over global link */
{
    color: #59595C;
    text-decoration: underline;
      
} 
a:active /* selected global link */
{
    color: #2E3192;
    text-decoration: underline;
   
} 


