body { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background: #669966; margin: 0px; font-size: 100%}
h1 { text-align: center; font-size: 150%; color: #669966}
h2 { font-size: 120%; color: #669966; }
h3 { font-size: 110%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; }

table {margin-right: auto; margin-left: auto}
td {padding: 2px 10px; border: 1px #669966 solid}

#header { color: #CC0000; background: #FFF100; height: 110px; font-family: Arial, Helvetica, sans-serif; border-bottom: 3px #CC0000 solid}

#logo { vertical-align: middle; float: left}
#slogan { position: absolute; width: 100%; left: 0px; top: 0px; font-size: 24px; font-style: italic; font-weight: bold; text-align: center; color: #CC0000}
#footer { font-weight: bold; color: #CC0000; background: #FFF100; text-align: center; font-size: 90%; border-top: 3px #CC0000 solid; border-bottom: 3px #CC0000 solid; padding-right: 14px; padding-left: 14px}
#sideDiv { position: absolute; width: 158px; top: 142px; left: 16px; visibility: visible;}
#mainmenu { background: #FFF100; color: #336633; border: 1px #336633 solid; font-size: 92%}


#slogan p {margin: 40px 16px 10px 194px; text-align: center}

#mainmenu ul { list-style: url(images/tomato2.gif)}
#mainmenu li { padding: 2px 2px 2px 4px}

#mainmenu a { font-weight: bold; text-decoration: none; color: #336633}
#mainmenu a:link { color: #336633}
#mainmenu a:visited { color: #336633}
#mainmenu a:hover { color: #CC0000}
#mainmenu a:active { color: #336633}

.imgL { padding: 0px 20px 20px 0px; float: left}
.imgC { margin: 10px auto; text-align: center}
.imgR { margin: 10px 0px 10px 10px; float: right}
.imgU { position: relative; top: -20px; left: 0px;}
.imgD { position: relative; top: 22px; text-align: center}
.subtitle1 { font-size: 86%; text-align: center}
.clearL { font-size: 1px; clear: left}
.clearR { font-size: 1px; clear: right}

.odd {background: #FFFFFF}
.even {background: #FFFFCC}.credit {  font-size: 90%}

#testimonial { background: #FFFFFF; color: #336633; text-align: center; font-size: 90%; margin-top: 30px; border: 1px #336633 solid}
#testimonial p { margin: 0px 8px;}
#content { font: 100% Arial, Helvetica, sans-serif; color: #336633; background: #FFFFFF; padding: 4px 20px 20px; margin: 30px 16px 30px 194px; border: 1px #336633 solid }
#content a { font-weight: bold; text-decoration: none; color: #CC0000 }
#content a:active { color: #CC0000 }
#content a:hover { color: #336633; text-decoration: underline }
#content a:link { color: #CC0000 }
#content a:visited { color: #CC0000 }
#mainmenu li ul li { padding: 2px 2px 2px 4px }
.tomatolist { list-style: url(images/tomato2.gif) }
.sidemenu { background: #FFF100; color: #336633; border: 1px solid; font-size: 92% ; margin-top: 20px; border-color: #336633 solid}
ul {  list-style-image: url(images/tomato2.gif)}
.notomato {  list-style-image: none}
.item {  border: 2px #CC0000 dotted; margin-bottom: 20px; padding-right: 20px; padding-left: 20px}
#infooter {  margin-right: auto; margin-left: auto}
.box1 {  float: left; width: 16em; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 20px; margin-bottom: 20px; border: 1px #336633 solid; text-align: center}
.box2 { float: left; width: 8em; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 20px; margin-bottom: 20px; border: 1px #336633 solid ; text-align: center}

#mainmenu a:link span { position: absolute; width: 2px; z-index: 5; left: 160px; top: 0px; font-size: 0%; visibility: hidden; }
#mainmenu a:hover span { position: absolute; width: 200px; z-index: 5; left: 160px; top: 0px; font-size: 90%; font-weight: normal; text-decoration: none; visibility: visible; padding: 10px; background: #FFF100; color: #CC0000; border: 1px #CC0000 solid; }
.attention {  color: #990000}