body {
background-color: #ddd  ;
margin: 0;
padding: 0;
font-family: Century Gothic,Candara,Verdana,Arial,Helvetica,sans-serif; font-weight:400;
font-size: 2.0vh;
}
#container {
	position: relative;
	background-color: #333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width:96%; max-width: 960px;
	padding: 4px;
}

h1, h2, h3, h4 {color: #FF3F00; }
a, a:visited, a:active, a:hover {color: #007Fcc; text-decoration: none;}
a:hover { font-weight:bold;}
h1 {font-weight:400;}

#banner {
position: relative;
width: 99%;
height: auto;
margin: 0;
padding: 0;
margin:auto auto; text-align:center;
}
#banner img{width:100%;height:auto;}
#menubar{
position: relative;
width: 100%;
margin: 0;
color: #ccc;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:28px;
letter-spacing: 2px;
margin: 4px 0 0 0px;
background-color: #444;
}
#menubar a {color: #fff; }
#menubar a:active { color: #f00; }
#menubar a:visited { color: #fff; }
#menubar a:hover { color: #FF9F00; cursor:hand; }

#menubar a.menuButtonActive,
#menubar a.menuButtonActive:hover {
  background-color: #000;
  font-weight:bold;
  color: #EC6300;
}

#content {
position: relative;
background-color: #fff;
padding: 10px;
} 
#footer{
	clear:left;
	height: 3.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em; 
	text-align:center;
	padding: 5px 0px;
	color: #ddd;
}	
#footer a, #footer a:active, #footer a:visited, #footer a:hover {color:#0AA;}
#footer a:hover {font-weight:bold;}

.articlesection {float:left;width: 49%;	margin: 0 2px 0 2px;}

.spacer {margin-top: 1em;}
.menu-separator {margin-left:2em;}
.article {width: 75%; margin:auto auto; max-width:620px;}
.article img{max-width:100%; height:auto; margin:auto auto;}
.center-img {text-align:center;}
.instruct {clear:left; width: 100%; background-color: #fff;}
.instruct p {width: 400px; margin: auto auto;font-size:80%;}
.instruct p {padding: 8px;  background-color:#ddd; font-size:80%; border-radius:10px;-webkit-border-radius:10px;}

figure {text-align:center;}
figcaption {font-size: 80%;font-family:Arial, Helvetica, sans-serif; text-align:center;}

@media only screen and (max-width: 320px) {
body { font-size:1.5vh;}
}
.rotate {
	float:left;
	font-size: 70%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  vertical-align:text-bottom;
}
.photocredit {
  padding: 8px 0 0;
  margin: 0;
  line-height: 1.231;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
}