/* fronts.css
** HAM front page styles (new as of 2007 December)
** In transition to table-less layout.
** Base viewport: 970px wide
** Ref: basepage templates
** G Rogerson
*/

body {
 background-color: #749BC2;
}

a:link {
  text-decoration: underline;
  color: #000099;
}
a:visited {
  text-decoration: underline;
  color: #400040;
}
a:hover {
  text-decoration: underline;
  color: #CC0033;
}
a:active {
  text-decoration: none;
}

body,td,th {
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.copyright {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  clear: both;
  margin-bottom: 0;
   margin: 1.5em 0 0em 0;  
}

h1 {
  font-size:   200%;
  margin-top: 0.25em;
}
h2 {
  font-size:   166.67%;
}
h3 {
  font-size:   150%;
}
h4 {
  font-size:   133.33%;
}
h5 {
  font-size:   116.67%;
}
h6 {
  font-size:   116.67%; font-style: italic;
}


img {
  border: none;
}

hr {
  margin: 10px 0px;
  clear: both;
}

p, ul, ol {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  text-align: left;
  vertical-align: baseline;
  color: #000;
  text-transform: none;
}

/* Useful in p tags to prevent text-image wrap */
.clearme {
  clear: both;
}

/* Page table */
table#pagetable {
  width: 970px;
  /*border: 1px solid white;*/
}

/* Top bar menu */

#highbar td {
width:  100%;
background-color:  #00749b;
margin:   0px;
padding:  0px;
}

#topnav {
  width:  100%;
  background-color:  #4d749b; 
  margin:   0px;
  padding:  0px;
  height:   28px;
  border-top:    1px solid #4d749b;
  border-bottom: 4px solid #A4C8ED;
}

#topnav ul {
  margin: 0; 
  padding: 0;
  background-color:  #4d749b;
  list-style-type:  none;
}

#topnav li {
  list-style: none; 
  float: left;
  display: block;
  width:  122px;
  padding-left: 6px;
  font-family:  times, serif;
  font-size: 16px; 
  line-height: 28px; 
  white-space: nowrap;
  background-color: #4d749b;
}
#topnav a {
  display: block;
  float: left;
  width: 99px; 
  padding: 0 16px;
  text-decoration: none;
  font-weight: bold;
  background-color: #749bc2;
  color: #000;
}
#topnav a:hover { 
  background-color: #3c7a35; 
}
#topnav #current, #topnav #current a {
  color: #228; 
  background-color: #A4C8ED;
}



/* sidebar common styles  */
.sideup {
  width: 150px; 
  vertical-align: top; /* Pulls up graphics when text is taller than sidebars */
  background-color: #A4C8ED;
}

/* Core content td */
.content {
  width:   670px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 8px 0px 8px;
  vertical-align: text-top;
  background-color: #A4C8ED;
}

/* Align pic left of text, embedded in a paragraph typically. */
.picleft {
  display: inline; /* Make IE 6/7 behave */
  float: left; 
  margin-right: 6px; /* Push text away from pic edge */
  border: 0px;
}

/* Align pic right of text, embedded in a paragraph typically. */
.picright {
display: inline; /* Make IE 6/7 behave */
float: right; 
margin-left: 6px; /* Push text away from pic edge */
border: 0px;
}

div.note {
  font-size: 12px;
  margin: 8px 8px 8px 2em;
}

/* Suitable for commentary or note text in a bordered div */
.box_comment {
  border: 2px solid #06f;
  width:  70%; /*420px; */
  padding: 4px;
  margin: 8px 8px 8px 14%;
  background-color:  #e0e7ff;
  
}

  div.inote {
    clear: both;
    padding-top:  10px; /* Firefox spacing issue */
  }

.center {  text-align: center; }

.ponk { /* highight text */
  color: #400;
  font-size: larger;
}