/** -----------------------------------**/
/** ---------Background ---------------**/
/** -----------------------------------**/

body { 
    background: #176EB7; 
}



/** --------------------------------------------------------**/
/** ---------Container in which everything sits ------------**/
/** --------------------------------------------------------**/

div.sitecontainer {
       display: flex;
       justify-content:left; 
       
       margin: 10px;

       padding: 0px 0px;

       width: 100%;

       height: 100%;
          
    }


  

    div.site {
        float: center;
        
    }

    div.site {
        padding: 0px ; 
        background: #176EB7;
        width: 850px;
        height: 1000px;   
    }



/** -----------------------------------**/
/** ---------Header Banner ------------**/
/** -----------------------------------**/

 div.headercontainer {
       margin:0px;
       float: left;
       margin: 0px;

       padding: 0px 0px 0px 15px;

       width: 100%;

       height: 100%;
          
    }

    div.header {
        float: center;
        padding: 20px;
        margin: 10px;    
    }

    div.header {
        padding: 20px  ; 
        background: #214f80;
        width: 850px;
        height: 150px;
        border-style: solid;
        border-color: #01396a;
	border-width: 5px;
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
    }


/** -------------------------------------------------**/
/** ---------Nav Container and Buttons --------------**/
/** -------------------------------------------------**/

div.navcontainer {
       margin:-5px;
       float: left;
       padding: 3px 0px 0px 15px;

       width: 100%;

      
    }

    div.nav {
        float: center;
        padding: 0px;
        margin: -10px;
        padding: 5px 0px 0px 40px; 
        background: none;
        height: 80px;
      
        
    }

#button1 , #button2 , #button3 ,#button4 ,#button5 ,#button6 , {
	display:inline-block;
	}


.navbutton1 {
	-moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	}

.navbutton2 {
  -moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:90px;
	text-decoration:none;
	text-align:center;     
}

.navbutton3 {
  -moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:140px;
	text-decoration:none;
	text-align:center;   
}
.navbutton4 {
  -moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:90px;
	text-decoration:none;
	text-align:center;   
}
.navbutton5 {
  -moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:175px;
	text-decoration:none;
	text-align:center;     
}
.navbutton6 {
  	-moz-box-shadow:inset 0px 0px 15px 0px #214f80;
	-webkit-box-shadow:inset 0px 0px 15px 0px #214f80;
	box-shadow:inset 0px 0px 15px 0px #214f80;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:40px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:40px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:40px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:40px;
	text-indent:0;
	border:5px solid #01396a;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:155px;
	text-decoration:none;
	text-align:center;    
}


.navbutton:active {
	position:relative;
	top:1px;
	}


/** ------------------------------------**/
/** ---------Main Container ------------**/
/** ------------------------------------**/

div.maincontainer {
       margin: 0px; 
       float: left;
       padding: 0px;

       width: 100%;

       height: auto;
       margin-left: auto;

       margin-right: auto;
       margin-top: auto;
       margin-bottom: auto;

  
    }

    div.main {
        float: left;
        padding: 0px  ;    
    }

    div.main {
        padding: 20px  ; 
        background: #214f80;
        width: 850px;
        height: 600px;
        border-style: solid;
        border-color: #01396a;
        border-width: 5px;
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
        align-content: space-around;    
    }


/** -----------------------------------**/
/** --------- Footer ------------------**/
/** -----------------------------------**/


div.footercontainer {
       margin:0px;
       padding: 2px;

       float: center;
       width: 920px;

       height: 100px; 
    }

   div.footer{
	float: left;
        padding: 20px; 
    }

    div.footer {        
        background: #214f80;
        width: 850px;
        height: 70px;
        border-style: solid;
        border-color: #01396a;
	border-width: 5px;
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
          
    }