* {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
  }

  body {
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    background-color: #eeeeff; 
    padding-top: 1em;
  }

  div#content {
    padding-left: 0.5em; 
    padding-right: 0.5em;
  }
  
  div#content p {
    padding-top: 0.25em;
  }

  div#main {
    /* text-align: center; */
    width: 760px;
    /* width: 75%; */
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-size: 0.75em;
    border: 1px black solid;
  }

  div#main div.navigation {
    background-color: #F4ECC6;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px black solid;
    line-height: 1.6em;
    text-align: left;
  }

  div#main div#footer {
    margin-top: 0.5em;
    border-top: 1px black solid;
  }

  div#main div.navigation a {
    text-decoration: none;
    padding-right: 2em;
  }

  div#banner {
    color: #f4ecc6;
    font-style: italic;
    font-size: 0.9em;
    font-weight: bold;
  }

  h1 {
    padding-top: 0.5em;
    font-size: 1.5em;
    padding-bottom: 0.5em;
  }

  ul {
    padding-left: 2em;
    /* margin-bottom: 0.5em; */
  }

  ol {
    padding-left: 2em;
  } 

  .heading1 {
    font-size: 1.75em;
    font-weight: bold;
    text-decoration: none;
  }

.heading2 {
    margin-top: 3px;
    /* padding-top: 3px; */
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
}

  .heading3 {
    margin-top: 2px;
    font-size: 1.10em;
    font-weight: bold;
    text-decoration: none;
  }

div.label {
    float: left;
    text-align: right;
    width: 10em;
}

div.message-box {
    border-width: 1px; 
    border-style: solid; 
    border-color: black; 
    padding: 5px; 
    float: left; 
    width: 80%; 
    margin-left: 0.5em;
}


/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* .clearfix {display: inline-block;} */   /* a fix for IE Mac */
.clearfix {display: block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/*
  * {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
  }

  body {
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    background-color: #eeeeff; 
    padding-top: 1em;
  }
  
  #main {
    width: 75%;
    border: 1px black solid;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    height: 600px;
    font-size: 0.8em;
  }

  .navigation {
    background-color: #F4ECC6;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    border: 1px black solid;
    line-height: 1.6em;
  }

  #content {
    vertical-align: top;
    text-align: left;
    padding-left: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    height: 95%;
    font-size: 100%;
  }

  #content p {
    padding-top: 1em;
  }

  #content a {
    text-decoration: underline;
  }
*/

  #header {
    vertical-align: top;
    /* height: 1.5em; */
    width: 100%;
    text-align: left;
    /* border: 1px black solid; */
  }

  #header table {
    width: 100%;
    padding: 0; 
    margin: 0; 
    border-collapse: collapse;
  }

  #header-quote {
    color: #f4ecc6;
    font-style: italic;
    font-size: 0.9em;
    font-weight: bold;
  }

/*
  #banner {
    padding-left: 0.1em;
    padding-right: 0.2em;
    text-align: left;
    background-image: url('images/waveSkyDot.png');
  }

  #footer {
    vertical-align: bottom;
    height: 1.6em;
    text-align: left
  }

  .heading1 {
    font-size: 1.75em;
    font-weight: bold;
    text-decoration: none;
  }

  .heading2 {
    font-size: 1.35em;
    font-weight: bold;
    text-decoration: none;
  }

  .heading3 {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
  }

  .navigation a {
    text-decoration: none;
    padding-right: 2em;
  }
*/

  .navbar {
    text-indent: 1em;
    font-size: 0.8em;
  }

/*
  h1 {
    padding-top: 0.5em;
    font-size: 1.5em;
    padding-bottom: 0.5em;
  }

  ul {
    padding-left: 2em;
    margin-bottom: 0.5em;
  }

  ol {
    padding-left: 2em;
  } 
*/

td input {
    margin-bottom: 0.5em;
}

.label {
    font-weight: normal;
    text-align: right;
    padding-right: 0.2em;
}

label {
    font-weight: normal;
    text-align: right;
    width: 20em;
    padding-right: 0.2em;
}

.ttlSubtext {
    font-size: 0.75em;
    margin-bottom: 0.4em;
}

div#main form {
    margin-left: 0.5em;
}