body {
margin-left:300px;
font-family:verdana, arial, sans-serif; font-size:80%; color:#333; background-color:#666;}

p {
margin-center:400px; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#7F8F8F; text-decoration:underline;}

a:hover {
color:#7F8F8F; text-decoration:none;}

a:active {
color:#7F8F8F; text-decoration:underline;}

div.wholepage {
margin:0 8% 0 8%; padding:0; background-color:#FFFFFF;
width:700px;
margin-left:90;margin-right:auto;
}

div {margin:0; padding:0;}

h1 {
color:#32668E; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}

STRONG {color:blue}


#header {
margin:0; padding:0;}

.superheader {
background-color:#294D69; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}

.mainheader {
margin:10; padding:5px 1em 15px 1em; text-align:left;
background-image:url(images/FDR-high-gym-3s.jpg); background-repeat:repeat; background-position:right top;
height:200px;
}

.mainheader h1 {
font-size:25px; margin:0 0 5px 0; padding:0;color:#fff;}

.mainheader p {
text-indent:4em;  margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#666;  text-align:left; color:#FFFFFF; height:1em;}




#sidecontainer {
margin:0; padding:0; float:left; width:20%; text-align:center;}

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#7F8F8F; font-weight:bold;
 font-family:Tahoma; font-size:120%;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #7F8F8F;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#7F8F8F; margin:0; padding:0.5em; font-family:Tahoma; font-size:120%;}

.nav a:hover {
display:block; margin:0; text-decoration:underline; color:#7F8F8F; margin:0; padding:0.5em; }

.nav a:active {
display:block; margin:0; text-decoration:none; color:#7F8F8F; margin:0; padding:0.5em;}






#content {
margin:0 0 0 20%; padding:0.8em; border-left:1px solid #7F8F8F;}

#content img {
float:left; border-style:none;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;color:#7F8F8F;font-weight:bold;
 font-family:Tahoma; font-size:120%;}




#footer {
margin:0; padding:0;}

.superfooter {
background-color:#666; height:1em;}

.mainfooter {
background-color:#FFFFFF; text-align:center;}



#footer p {
font-size:75%; color:#999999; padding:0.3em;}