#bg {position: absolute; top: 0px; left 0px; background-color: white; background-repeat: no-repeat;background-position: top: 0px; left 0px}
#bg img {width: 90%; height 100%; background-repeat: no-repeat}

#navigation {position: absolute; top: 65%; left: 0%; color:white; width: 35%;z-index: 3;}
#navigation a {display: block;color:white;padding: 2%;padding-left: 10px; padding-right: 10px;font-family: "Garamond", "times roman", serif; font-size: 20px; font-weight: bold; color: white; text-align: center; text-decoration: none}

#navigation a:link.current {color:#ff9;}
#navigation a:visited.current {color:#669900}
#navigation a:hover {background-color:#fff; color:#004B18}

#navigation a:hover.current {background-color:transparent; color:#004B18;cursor:default}


#logo {position: absolute; left: 40%; top: 2%}
 
#content {position: absolute; top: 30%; left: 33%; background-color: transparent; padding: 18px}

@font-face {font-family: "Garamond" src: url(GARAMOND.eot)}

h1,h2,h3,h4,p {font-family: "Garamond", "times roman", serif; font-weight: bold;  text-align: left} 

h1 {color: #004B18;font-size: 32px}

h2 {color: #004B18;font-size: 24px}

h3 {color: #004B18;font-size: 20px}

h4 (color: black;font-size: 20px;text-align: left)

p {color: black; font-family: "Garamond", "times roman", serif; font-weight: normal; font-size: 20px}

a:link {color:#004B18;text-decoration: none}
a:visited {color:#669900; text-decoration: none}
a:hover {background-color:transparent; color:#004B18}
a:hover.current {background-color:transparent; color:#004B18;cursor:default}