BODY {color: black; background: #CCFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}

DIV#content {width: 70%; margin: 0px auto; text-align: left; font-weight: normal;}



H1 {font-size: 1.4em; font-weight: bold; margin-top: 1em;}



#leftheader {text-align: left; margin-left: 15%;}



IMG {border: black outset 2px;}



IMG.paddle {border: 0;}



#zoar {border: 0;}



ADDRESS {font-style: normal;}



SPAN#debold {font-weight: normal;}



#small {font-size: 0.9em; font-weight: normal;}



#aquamate {clear: both;}



DIV#boats {margin-top: 2em;}



DIV#boats IMG {margin-left: 1.25em; margin-right: 1.25em;}



DIV#logos1 IMG {margin: 0 0.2em 0.1em 0.2em; }



DIV#logos2 IMG {margin: 0.3em 0.2em 0 0.2em;}

UL#list { line-height: 1.3em; float: left; width: 28em; margin: 0em; padding: 0em; }

UL#list>LI { float: left; width: 14em; margin: 0em; padding: 0em; }

/* A temporary fix of a problem that arose due to legacy issues. I plan to create a more elegant solution latter. */
.realignment { text-align: left; }

DIV#other { clear: left; padding-top: 1em; }