@charset "utf-8";

/* 
#5e7c88 med blue
#363f45 dark blue
#feb41c Orange
*/

body { 
font-family: helvetica, verdana, arial, sans-serif;
margin:0;
padding:0;
}

header {

background-color:#363f45;

}

section {

width:600px;
float:left;
background-color:white;

}

footer {

clear:both;
background-color:white;
height:30px;
padding:10px;

}

p, h1, h2, h3, h4, h5, h6 {

padding-left:15px;
padding-right:15px;

}


nav ul li {
display:inline;
  }
  
  nav ul li a {
  color:white;
  text-decoration:none;
  padding: 2px 10px;
  clear:both
  
  }
  
  audio {
  float:right;
  
  }

p {
 font-size: 14px;
 padding-bottom:10px;
 }
 
 h1 {
 font-size: 22px;
 color: #363f45;
 }
 
 h2 {
 font-size: 18px;
 color: #5e7c88;
 }
 
 h3 {
 font-size: 16px;
 }
 
 blockquote { 
 
  font-size: 16px;
  text-align:center;
  font-style: italic;
  width:160px;
  margin-left:20px;
  margin-right:20px;
  float:right;
  padding-top:150px;
 }
 
 table {
 margin:auto;
 
 }
 
 caption {
 color:#5e7c88;
 font-size:18px;
 font-weight:bold;
 
 }
 
 th {
 text-align: right; }
 
 th, td {
 
 padding:4px;
 
 }
 
 fieldset {
 
 border:none;
 margin:5px 0 ;
 
 }
 
 form li {
 list-style:none;
 margin:8px;
 
 }
 
 legend {
 font-weight:bold;
 color:#5e7c88;
 }
 
 #page {
 
 width:800px;
 margin: 0 auto;
 background-color:#5e7c88;
 }
 
 .imgleft {
 float:left;
 padding-top:15px;
 padding-right:15px;
 
 }
 
 .imgright {
 
 float:right;
 
 padding-left: 5px;
 
 }
 
 
 .copyright {
 
 font-size: 9px;
 text-align:center;
 
 }
 
 .popout {
 font-size:16px;
 font-weight: bold;
 
 }
 
 a:hover { 
 color:#feb41c;
 text-decoration:none;
 
 }