body { color: #333; margin-left: 2em; margin-right: 2em; margin: 0; }

body, p, h1, h2, h3 { font-family: century gothic; }

div.main { margin-left: 30px; margin-right: 30px; zwidth: 100%; }

h2 { zbackground: #FFCC99; border-left: #ea3 8px solid; margin-top: 2em; font-weight: normal; padding-left: 6px; color: #c80; }

ul,ol { font-family: courier; }

h1 { color: #111; font-weight: normal; margin-bottom: 0px; }

h3 { color: #111; font-weight: normal; margin-left: 1.5em; margin-bottom: 0px; }
h2 { margin-bottom: 0px; }
p { margin-left: 1.5em; margin-top: 0px; }

ul.concepts,ol.concepts { border: 1px #3c3 solid; margin-left: 3em; margin-top: 0px; margin-right: 4em; }
ul.whatwedo,ul.whatwedo { border: 1px #c33 solid; margin-left: 3em; margin-top: 0px; margin-right: 4em; }

ul.speaking li { margin-bottom: 0.5em; }

div.topbanner { text-align: center; margin-top: 20px; margin-bottom: 0; }
div.topnav { text-align: center; background: #ea3; color: #fff; margin-bottom: 0.5em; padding-bottom: 0.1em; padding-top: 0.1em; margin-bottom: 0; }
div.topnav a { color: #fff; }
div.bottomnav { text-align: center; background: #ea3; color: #fff; margin-top: 0.5em; padding-bottom: 0.5em; padding-top: 0.1em; }
div.bottomnav a { color: #fff; }

div.toph1 { float: left; width: 50%; }

div.toplogo { float: right; width: 50%; text-align: right; }

div.topend { clear: both; margin: 0; padding: 0; font-size: 1px; }

a:link { color: #0000ee; }
a:visited { color: #000099; }
a:hover { color: #6600ff; }
a:active { color: #6600ff; }