body {
	background: #385571;
	margin: 5% 10% 5% 10%;
	font-family: serif;
	font-size: 14pt;
	color: #ffffcc;
}

header{
	padding: 5pt;
}


a {
	text-decoration: none;
}

a:link {color:#ffff99;}      /* unvisited */
a:visited {color:#ffff99;}  /* visited */
a:hover {color:#ffcc00;}  /* mouse over */
a:active {color:#ffff99;}  /* selected */ 
}

h2 {
	font-size: 13pt;
	color: white;
	
}
h3 {
	font-size: 10pt;
	color: white;}


#head {
    width: 100%;
    height: auto;
    
}
article{
float: left;
margin: 3; padding: 3

}

ul.a {
    list-style-type: circle;
}

footer{

padding-top: 30pt;
margin-top: 30pt}


nav  {
    margin:3;padding:3;
}
nav  {
    margin:10px;
}
nav  a {
    background-color: #385571;
    color: #ffffe5;
    padding: 3px 3px;
    text-decoration: none;
    border-radius: 2px 2px 2px 2px;
}
nav a:hover {
    background-color: #df411a;
}

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } 
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }