.main {color: black; font-style:italic; font-family:arial, sans-serif; font-size:14px; text-align:center;
    padding-left:10px; padding-right:10px; padding-top:10px;}
.mainbig {color: black; font-style:italic; font-weight:bold; font-family:arial, sans-serif; font-size:18px;
    text-align:center; padding-left:10px; padding-right:10px; padding-top:10px;}
.mainbiger {color: black; font-style:italic; font-weight:bold; font-family:arial, sans-serif; font-size:30px;
    text-align:center; padding-left:10px; padding-right:10px; padding-top:10px;}
.mainbigest {color: black; font-style:italic; font-weight:bold; font-family:arial, sans-serif; font-size:40px;
    text-align:center; padding-left:10px; padding-right:10px; padding-top:10px;}

/*The below a links will be overwritten by the nav a links later in this css page.
a.url:link {font-family:century gothic, sans-serif; font-size:14px; text-decoration:none; color: black;}
a.url:hover {font-family:century gothic, sans-serif; font-size:14px; text-decoration:underline ; color: #0000ff;}
a.url:active {font-family:century gothic, sans-serif; font-size:14px; text-decoration:none; color: green !important ;}
a.url:visited {font-family:century gothic, sans-serif; font-size:14px; text-decoration:none; color: #800080;}*/
*/

.body {
	font:100%/1.4 Verdana, arial, Helvetica, sans-serif;
	background-color:#666666;
	width:100%;
	margin:5px 0;
	padding:0;
	color:black;
	text-align:center;
	min-width:320px;
}
#centered{
	width:100%;
	height:auto;
	text-align:center;
	border:0px;
	padding:0px;
	margin:0px auto;
	background-color:white;
}
@media screen and (min-width:800px){
	#centered{
		Width:800px;
		}
}
@media screen and (max-width:799px){
	#centered{
		Width:100%;
		}
	header img.mission, section iframe{
		display:none;
		}
}
header{
	width:100%;
	background-color:white;
}
header img .logo1{
/* To prevent logo from changing size
with size of viewport, do not use % on it.*/
	width:36.5%; 
	margin-left:1.4%;
	float:left;
}
header img .mission{
	width:60.5%;
	margin-right:1.4%;
	float:right;
}
nav{
	float:left; 
	color:black;
	background-color:#d8c9a5;
	width: 100%;
	height:auto;
/*	margin:0px auto; */
	border:1px solid black;
}
nav ul{
	list-style:none;
	margin:0px;
	padding:0px
}
nav ul li {
/*	float:left; */
	margin:0px auto;
	display: inline ;
	line-height:1.15em;
}
nav a, nav a:link, nav a:visited{
	text-decoration:none;
	color:black;
}
nav a:hover {
	text-decoration:underline;
	color:blue;
}
nav a:active, nav a:focus{
	color:black;
	text-decoration:underline;
}
.table{
	width:100%;
	height: 100%; 
	margin: 0px;
	border:1px solid gray;
	border-collapse:collapse;
	border-spacing: 0px;
	background-color: white;
}
section{
	float:left;
	width: 100%;
/*	border:none;
	margin: none;
	height: auto; */
	background-color: white;
	border: none;
}
section iframe {
	width:100%;
	border:0;
	margin:0 auto;
	height:auto;
	background-color:white;
}
div.info p:first-child {
	font-size:xx-small;
}	
a img {
	border:none;
}