body {
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, Homerton, sans-serif;
  font-size: 80%;
  line-height: 120%;
  color: #013d73; /* was medium blue */
  background: #f0ffff;
}

a:link { color: #4000ff; background: transparent; border-bottom: 1px dotted #ffffff; text-decoration: none; outline: none; }

a:visited { color: #0000ff; background: transparent; border-bottom: 1px dotted #ffffff; text-decoration: none; outline: none; }

a:hover { color: #cc0000; background: transparent; border-bottom: 1px solid #ffffff; font-weight:normal; text-decoration: none; outline: none; }

h1 {
	text-align: left;
	font-family: "Times New Roman", Times, "Trinity", serif;
	font-size: 170%;
	font-style: italic;
	font-weight: bold;
	color: #013d73;
	background: transparent;
	margin: 138px 8px 48px 64px;
}

h2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Homerton, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #ffffff;
	background: transparent;
	margin: 2px 0px;
}

h3 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Homerton, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #013d73;
	background: transparent;
	margin: 2px 0px;
}
 
h4, h5, h6 { text-align: left; }
h4 { font: bold 110% Verdana, Arial, Helvetica, Homerton, sans-serif }
h5 { font: bold 80% Verdana, Arial, Helvetica, Homerton, sans-serif }    
h6 { font: bold 60% Verdana, Arial, Helvetica, Homerton, sans-serif }    

strong, b { font-weight: bold; }
em {font-style: italic; }
.redtext { color: #ff0000; }
.fixed-size { font-size: 10px !important; }
.smalltext { font-size: smaller; }
.largetext { font-size: larger; }
.largeboldtext { font-size:larger; font-weight: bold; }

#container {
   width: 720px;
   margin-right:auto;
   margin-left: auto;
   margin-top: 2em;
   margin-bottom:2em;
}   

.container {
   text-align: justify;
   background-image: url("images/beachhb.png");
   background-repeat: no-repeat;
}   

.greyblue {
   text-align: justify;
   background: #e0efef;
}   

.textonly {
   margin: -136px 0em 0em 16px;
}
   
#boxleft {
   margin-left: 16px;
   margin-bottom: 16px;
   float: left;
   width: 264px;
}   
   
.aboutus {
   background-image: url("images/bluefbg.png");
   background-repeat: no-repeat;
}

#boxright {
   margin-right: 16px;
   margin-bottom: 16px;
   float: right;
   width: 264px;
}

.howto {
   background-image: url("images/greenfbg.png");
   background-repeat: no-repeat;
}

#boxwide {
   margin: 16px 16px 4px 16px;
   width: 688px;
}

.survey {
   background-image: url("images/sandfbg.png");
   background-repeat: no-repeat;
}

.indent {
 margin: 0.5em;
}

.textlinks {
   margin: 16px 16px 0px 16px;
   text-align: right;
}

.bitsmaller {
  font-size: 90%;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  acronym {speak: normal;}
  abbr.initialism {speak: spell-out;}
  abbr.truncation {speak: normal;}
  .hide { speak: none }
  dt { pause-before: 20% }
}