html,body{margin:0;padding:0}
html{color:#000; background-color:#fff;}
body{color:#000; background-color:#fff; font: medium Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;}
p{margin:0 1em 1em}
a:link{color:#07a;}
a:visited{color:#7a0;}
h1 {text-align:center; font-size: xx-large;}

img.front {float:right; margin-left: 1em;}

div#header{border-bottom: thin solid #a4ca3c}
div#header div.logo{float:left; width:60%; text-align:center; font: bold larger sans-serif; color:#a00;}
div#header div.info{background: #fff; color:#000; float:right; font-size: small; width: 38%;}
div#header div.info li {list-style-position: inside;}

div#header div.clear{clear:both; visibility: hidden; margin: 0; padding: 0; border: 0 none;}

div#content p{line-height:1.5em}

div#navigation{background: #dea; color:#000;}
div#navigation li{list-style-type:none;}
div#navigation ul, div#navigation li {margin:0; padding: 0;}
div#navigation a {font-weight:bold; text-align:center; display: block; border: 3px solid; margin: 2px 2px 4px; background-color: white; padding: .5em;}
div#navigation a.here {color:#e70;}
div#navigation a:hover {border: 3px solid #5af; background-color:#eff; color: #a00;}

div#extra{background: #dea; text-align:center;}
div#extra li{background: #dea; text-align:left;}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px; padding: 0 1em 1em;}
div#content p{max-width:40em;}
div#navigation{float:left;width:198px;border-right:2px outset #a4ca3c;}
div#extra{float:left;clear:left;width:198px;border-right:2px outset #a4ca3c;border-bottom:2px outset #a4ca3c;}