html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0; padding: 0; border: 0;}

body {
font-family: verdana, arial, sans-serif; font-size: 80%; color: #666666; text-align: center;
background-color: #DDDDDD;}

p {
margin: 0.2em 0 1.2em 0; padding: 0.3em;}

h1 {
font-size: 250%; font-weight: bold; font-style: italic; color: #8CD749; font-family: "Trebuchet MS", verdana, arial, sans-serif;}

h2 {
color: #3B4471; font-size: 150%; margin: 0.2em;  font-weight: bold; font-family: "Trebuchet MS", verdana, arial, sans-serif; text-align: center;}

h3 {
background-color: #DDDDDD; color: #3B4471; font-size: 110%; margin: 0.2em;  font-weight: bold; font-family: "Trebuchet MS", verdana, arial, sans-serif; text-indent: 1em; text-align: left;}

h4 {
color: #3B4471; font-size: 100%; margin: 0.2em;  font-weight: bold; font-family: "Trebuchet MS", verdana, arial, sans-serif; text-align: left;}

div {
display: block;}

a:link, a:visited {
font-weight: bold; color: #8CD749; text-decoration: underline;}
a:hover, a:focus {
font-weight: bold; color: #3B4471; text-decoration: none;}
a:active {
font-weight: bold; color: #8CD749; text-decoration: underline;}

#wrapper {
background-color: #FFFFFF; margin: 0 auto; width: 95%; max-width: 800px;}
/* max-width: no work in IE   */

#titleblock {
padding: 2em; margin: 0; text-align: left;
background-image: url(images/leaf.jpg); background-repeat: no-repeat; background-position: right center;}

#titleblock p {
text-indent: 4em; color: #3B4471;}

ul.navbar {
list-style-type: none; float: left; display: block; width: 100%; line-height: 1.5em; 
clear: both; background-color: #999999;}

ul.navbar li {
display: inline;}

a.nav:link, a.nav:visited {
display: block; float: left; width: 18%; padding: 1.2em 0 1.2em 0; text-decoration: none; background-color: #999999; color: #FFFFFF;}

a.nav:hover, a.nav:focus {
display: block; float: left; width: 18%; padding: 1.2em 0 1.2em 0; text-decoration: none; background-color: #8CD749; color: #FFFFFF;}

a.nav:active {
display: block; float: left; width: 18%; padding: 1.2em 0 1.2em 0; text-decoration: none; background-color:#5FA023; color: #FFFFFF;}

#rightcontainer {
float: right; clear: right; width: 13em;}

.rightbox {
margin: 0.5em; padding: 0.3em; border: 1px solid #999999; text-align: center;}


.linkbox a {display: block; font-size: 90%}

#content {
clear: left; text-align: left; margin: 10px 13.5em 0 0;} /*padding: 1em 1ex 1em 1.5ex;}*/

.leftimage{
float: left; margin: 0 10px 10px 0; border: 1px solid #000000;}

.rightimage{
float: right; margin: 0 0 10px 10px; border: 1px solid #000000;}

.imagealone{
border: 0;}

.clearit{
clear:both;}

.container{
float:left; width: 99%;}

#footer {
color: #999999; font-size: 75%; margin: 2.5em 0.2em 0.5em 0.5em; padding: 0.8em; 
border-top: 1px solid #999999; text-align: left; clear: both;}

#footer .right {
float: right; clear: right; text-align: right;}

#footer p {
margin: 0;}

p span.spam {
display:none;}

p img {
vertical-align:text-top}

.quote {
font-style: italic; margin-left: 1em; font-size: 90%; margin-right: 1em;}