body
{  
   background-color:#76abaa;
   font-family: Helvetica, Arial, Verdana, sans-serif;
   letter-spacing:0.1em;
}

#content_container
{  
   margin:0% auto;
   width:95%;
   max-width:95%;
   background-color:#ebebe1;
}

header
{  
   padding:5%;
   border-bottom:solid #cbcbcb 0.5px;
   background-image: url(../images/banner.png);
   background-position:center;
   background-repeat:no-repeat;
   background-size:50%;
}

nav
{ 
   width:18%;
   max-width:18%;
   float:left;
}

nav ul
{  
   list-style-type:none;
}

nav li
{
   border-bottom:solid #cbcbcb 0.5px;
   padding:35px 0;
   width:100%;
   max-width:100%;  
   text-align:center;
}

nav a
{
   color:#454545;
   text-decoration:none;
   font-size:80%;
}

nav a:visited
{  
   color:#355c7d;
}

nav a:hover
{  
   color:#f3f3f1;
   background-color:#355c7d;
}

h1
{ 
   text-indent:100%;
   white-space:nowrap;
   overflow:hidden;
}

h2
{  
   font-weight:bold;
   padding-bottom:25px;
   color:#424242;
}

h3	
{  
   font-weight:bold;
   text-decoration:underline dotted;
   color:#0a7578;
   letter-spacing:0.15em;
}

h4
{
   padding-top:25px;
   text-align:center;
   text-decoration:underline dotted;
}

p
{
   margin-top:25px;
}

hr	
{  
   opacity:0.4;
   margin:3% 5%;
}

.container_right
{
   float:right;
   width:82%;
   max-width:82%;
   background-color:#fefefe;    
}

aside
{
   padding:2% 3.5%;
   float:right;
   width:18%;
   max-width:18%;
   font-size:75%;
   background-color:#f3f3f1;
   margin:7% 3% 4% 1%; 
}

.clearboth
{
   clear:both;
}

a:hover
{  
   text-decoration:none;
   color:#666666;
   opacity:0.60;
}

.blue	
{  
   color:#1c2b4e;
}

.green 
{  
   color:#0a7578;
}

.red	
{  
   color:#e0637c;
}

dt
{
   margin-top:5%;
}

dd 
{  
   margin:5% 0% 0% 5%;
   font-size:90%;
}

main
{  
   background-color:#fefefe;
   padding:10%;
   padding-bottom:0%;
   display:block;
   font-size:85%;
   overflow:auto;
}

.styled_ul 
{
   list-style:none;
   padding:1% 0%;
}

.styled_ul li
{
   padding:3% 0%;
   font-weight:bold;
}

.styled_ul li a
{
   color:#333333;
}

/* Styling for table */
table
{
   text-align:center;
   margin:25px auto;
   border-collapse:collapse;
}

caption
{
   font-weight:bold;
   font-size:250%;
   color:#325d81;
   padding-bottom:3%;
}

#table_heading
{
   font-weight:bold;
   background-color:#fafafa;
   color:black;
   font-size:85%;
   font-style:italic;
}

tr:nth-of-type(even)
{
   background-color:#f1f1f1;
}

tr:hover
{
   background-color:#fafaf1;
}

th
{
   background-color:#355c7d;
   color:#ffffff;
   font-weight:bold;
   padding:2%;
   border:solid gray 0.5px;
   font-size:75%;
}

td
{
   border:solid gray 0.5px;
   height:60px;   
   font-size:75%;
}

/* Styling for navigation buttons at bottom of pages */
.nav_buttons
{
   float:left;
   width:33%;
   margin-top:14%;
}

.nav_buttons a
{
   text-decoration:none;
}

.nav_buttons a:hover
{
   opacity:0.70;
}

.nav_buttons a img
{
   width:81px; 
   height:74px; 
   max-width:100%;
}

footer
{  
   background-color:#fefefe;
   padding-top:10%;
   font-size:60%;
   text-align:center;
   clear:both;
}

/* Specific styling for when screen width is below a maximum of 800px */
@media screen and (max-width:800px)
{
   body
   {
      font-size:90%;
   }
   
   nav a
   {
      font-size:70%;
   }
   
   aside
   {
      display:none;
   }
}