/* CSS Document */

/* #homebody applies to entire page - a "body" level */
  body#homebody {text-align: center;
                 font-family: arial;
                 font-size: small
				 } 

/* #navarea applies to the navigation area of each page.
   All in one "div". */
  td#navarea {font-size: medium;
			  text-align: center
			  }
			   
/* This section sets "a" (anchor or link) element attributes
   in the div named navarea. So this is like nested. */
  td#navarea a:link {text-decoration: none; color: black}
  td#navarea a:visited {text-decoration: none; color: black}
  td#navarea a:active {text-decoration: none; color: black}
  td#navarea a:hover {text-decoration: none; color: #20613C
                     }

  
/* #mainbody applies to the content area of each page.
   All in one "div". */
  div#mainbody {margin-left: 1cm;
             margin-right: 1cm;
			 text-align: left;
			 bgcolor: #ffffff
             }

/* This section sets "a" (anchor or link) element attributes
   in the div named mainbody. So this is like nested. */
  div#mainbody a:link {color: black}
  div#mainbody a:visited {color: black}
  div#mainbody a:active {color: black}
  div#mainbody a:hover {color: #20613C
						}
						
/* This section sets the section header in the main body.*/
  div#mainbody p#sectionhead {font-weight: bold}

/* This section opens up the list items giving space between items. */
  div#mainbody li {margin: .5em 0}

  div#footer {colspan: 3;
             bgcolor: #20613C; 
             font-size: 0.8em;
             color: #20613C
             }
  
  div#footer a:link {color: #20613C}
  div#footer a:visited {color: #20613C}
  div#footer a:active {color: #20613C}
  div#footer a:hover {color: #666666}
  
  p#importantnote {color: red}
  
  p#importantnotesectionhead {font-weight: bold;
                              color: red}
li {
    padding:7px;
}