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: 10px auto;
	width:96%; max-width:960px;
	padding: 4px;
}

h1, h2, h3, h4 {color: #006600; }
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: 100%;
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;
text-transform:uppercase;
}
#menubar a {color: #fff; }
#menubar a:active { color: #f00; }
#menubar a:visited { color: #fff; }
#menubar a:hover { color: #fff; cursor:hand; }

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

.content{ margin:0px 25px 30px 25px; }

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

#content {position: relative; background-color: #fff; padding: 10px;} 

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

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

.footnote {font-size:80%; font-style:italic;}
.footnote ol {margin: 0 0 0 -1em; padding: 0 2em;line-height: 1em;}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}