/*
    light-blue: #C4C5F4
    blue:       #005AA6
    yellow:     #F1E507
    tan:        #F5F1CE
    
*/


    body{
        background-color:#F5F1CE;
        font-family: 'Cinzel', sans-serif;
    }
    
    header, nav, section, article, aside{
        display:block;
        
    }
    
    header{
        color:#005AA6;
        text-align:left;
        width:1000px;
        margin-left:auto;
        margin-right:auto;
        line-height:.4;
    }
    header h1 {
        font-family:'Cinzel', sans-serif;
        text-transform:uppercase;
        font-size:60px; 
        text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
        
    }
    header h3 {
        font-family:'Cinzel', sans-serif;
        text-transform:uppercase;
        font-size:20px;
    }
    
    section{
        width:992px;
        font-family: 'Carrois+Gothic', sans-serif;
        background-color:white;
        margin-left:auto;
        margin-right:auto;
        -webkit-border-top-left-radius: 10px;
    	-webkit-border-top-right-radius: 10px;
    	-moz-border-radius-topleft: 10px;
    	-moz-border-radius-topright: 10px;
    	border-top-left-radius: 10px;
    	border-top-right-radius: 10px;

        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
           -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
                box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    }
    
    article{
        background: #fff;
        font-size: 15px;
        padding-left: 40px;
        padding-right: 40px;
        
        margin: 20px 0 30px 0;
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
           -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
                box-shadow: 0px 1px 1px rgba(0,0,0,0.3);

    }
    
    article h1, h2, h3{
        color:#0056AA;
    }
    article h1 {
        font-size:28px;
    }
    article h2{
        background-color:#005AA6;
        color:white;
        height:120%;
        width:40%;
        padding:5px;
    }
    article h3{
        color:#008AFF;
    }
     
    footer{
        text-align:center;
    }
    table{
        margin-left: auto;
        margin-right: auto;
    }
    td{        
        padding-left:50px;
        padding-right:50px;
     }


     nav{
          color: white;
         list-style: none;
         margin: -20px 0px -10px 0px;
         border-radius: 10px;
         width: 992px;
         padding: 0;
         background-color: #005AA6;
         background-size: 992px;
         }

     ul{

         }
    a{
        color:#005AA6;
         }
         
    li{
        display: inline-block;
        padding: 0;
        margin: 15px 0px;
        border-left: 1px solid #dcdcdd;
    }     
        
    li.first {
    margin-left: 10px;
    border-left: 0;
    }
    
    
    
    li a{
        font-size: 12px;
        font-weight: 600;
        color: white;
        text-transform: uppercase;
        text-decoration:none;
        border: 0;
        margin: 15px 0px;
        padding: 0 10px 27px 10px;
        display: inline;
        line-height: 20px;
        -webkit-transition: color 0.1s ease-in-out;
        -moz-transition: color 0.1s ease-in-out;
        -ms-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out;
        }
    
        li a.active {
            color: #2571bd;
            background: url(images/page-nav-active.png) no-repeat 50% 100%;
        }

    ul.enlarge{
        list-style-type:none; 
    }

    ul.enlarge li{
        display:inline-block;
        position:relative;
        z-index:0;
        margin:10px 40px 0px 20px;
    }

    ul.enlarge span{
        position:absolute;
        left: -9999px;
    }

    ul.enlarge img{
        background-color:white;
        padding:4px;
        -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    ul.enlarge li:hover{
        z-index:50;
        cursor:pointer;
    }

    ul.enlarge li:hover span{
        top:-300px;
        left:-20px;
    }