html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background: url(images/back9.jpg); padding: 15px;}
p {font-size:1.2em;}
div#header {height:137px; background:#000000 url('images/chinchilla-pictures.jpg') no-repeat left; border-bottom: 4px solid #800000; color:white; padding:10px; margin-bottom:3px;}
div#header a{margin-left:250px;background: #000000;color: #fff; font-size: 3.0em;}
div#container{text-align:left; background: #000; border: 3px solid #333; padding:5px;width:850px;margin:0 auto; }
div#content{float:left;width:590px; background:#ddd;  padding:5px; margin-bottom:4px;}
div#content p{line-height:1.4; padding: 4px}
div#extra{background:#800000}
div#footer{clear:both;width:100%; text-align: center; color: white; background:black; border-top:4px solid #800000; margin-top:4px;}
div#footer p{margin:0;padding:5px 10px}

div#content img {margin:4px}
div#navigation{float:right;width:225px;  padding-bottom: 10px; padding-right:10px;padding-top:20px; background:#000; margin-bottom:4px;}
div#extra{float:right;clear:right;width:200px}

#footer a {color: white}
a {color:#800000}
a:visited {color:#333}
a:hover {color: #800000; text-decoration: none;}

#navigation ul {list-style-type: none; padding: 5px; padding-top: 0px; margin: 0px}
#navigation li {padding: 5px} 
#navigation a {display: block; padding: 5px; border: 1px dotted #800000; text-decoration: none; color: #fff}
#navigation a:hover {border: 1px dotted #fff; color: #fff}
#navigation h2 {color: #fff; padding: 6px; margin: 0px; font-size: 1.7em}
li.current {display: block; margin: 0px 5px 0px 5px; border: 2px solid #800000; background: #fff; color: #800000}

p.navad {display: block; margin: 0px 8px 0px 8px; border: 1px dotted #800000;text-align: center;} 

#chart {padding: 4px; padding-left:20px; margin-top: 80px;}
#chart dt {font-weight: bold; font-size:1.3em }
#chart dd {font-size:1.0em;}

