body { font-family: "arial", "helvetica", sans-serif; 
     font-size: 80%; color: black; background-color: white; margin: 1em; padding: 0; } 
     /* updated 04/10/09 */
/* original background #D4E7B2*/
p { line-height: 1.5em; }

h1 { color: #ffffff; background-color: #006a25; 
     font-size: 2.2em; margin: 0; margin-bottom: 0.5em; padding: 0.25em; font-style: italic; 
     text-align: center; letter-spacing: 0.4em; border-bottom-style: solid; 
     border-bottom-width: 0.5em; border-bottom-color: #9dc000; }

h2 { color: white; background-color: #528412; font-size: 1.5em; width: 15%; 
   padding: 0.1em; padding-left: 1em;  }

h3 { color: #528412; font-size: 1.25em; }

h4 { color: white; background-color: #528412; font-size: 1.5em; width: 60%; 
   padding: 0.1em; padding-left: 1em;  }

h6 { font-size: .80em; line-height: 60%;}

img { border-width: "0"; padding: "0"; }

img#one { border-width: "0"; padding: "0"; width: 95%; }

table {border: "0"}

table#counter { border-width: "1"; border-style: solid; border-color: #528412; }

/* #one is an ID.  Use img id="one" */

a { text-decoration: none; }

strong { font-style: italic; text-transform: uppercase; }

li { color: #990000; font-style: italic; }

tr#contents { background-color: #528412;}

/* #contents is an ID.  Use tr id="contents" */

a:link, a:visited {color:black; text-decoration:underline}

a:focus {color:black; background-color:yellow ;}

a:hover{color:black; background-color:yellow; text-decoration:underline; }

a:active{color:black;}


a#button:link {color: #D4E7B2; background-color: #528412;}

a#button:visited {color: #D4E7B2; background-color: #528412}

a#button:focus {color:black; background-color: yellow; text-decoration:underline;}

a#button:hover{color:black; background-color: yellow; text-decoration:underline; }

a#button:active{color:black;}

/* #button is an ID.  Use a id="button" in places where you want a button to press */