html,body{margin:0; padding:0; }
body{font-family:tahoma,sans-serif; text-align:center; background-color:darkgreen; background-image:url('background4c.gif'); padding:10px; }
p{margin:0 10px 10px; }
h1{color:darkgreen; }
dt{font-weight:bold; margin-top:10px; }
div#header{background-color:yellow; text-align:center; }
div#header h1{margin:0; color:darkgreen; }
div#header h2{margin:0; color:darkgreen; }
div#container{text-align:left; background-color:white; border:10px solid yellow;
-moz-box-shadow: 10px 10px 20px #000;
-webkit-box-shadow: 10px 10px 20px #000;
box-shadow: 10px 10px 20px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000');
}
div#navigation ul{list-style-type:none; margin:0; padding:0; width:150px; }
div#navigation ul li a{display:block; font-weight:bold; color:darkgreen; background-color:yellowgreen; width:auto; padding:4px; text-decoration:none; border:1px solid darkgreen; height:25px; }
div#navigation ul li a:hover{background-color:darkgreen; color:yellowgreen; border:1px solid darkgreen; }
div#navigation ul li a:active{background-color:darkgreen; color:white; border:1px solid darkgreen; }
div#navigation ul li a.current{background-color:darkgreen; color:yellowgreen; border:1px solid darkgreen; }
div#navigation img {vertical-align:middle; }
div#extra{background:lightgrey; text-align:center; }
div#footer{background:yellow; text-align:right; }
div#footer p{margin:0; padding:5px 10px; }
div#container{width:800px; margin:0 auto; }
div#wrapper{float:left; width:100%; padding:5px; }
div#content{margin: 0 160px 0 150px; }
div#navigation{float:left; width:150px; margin-left:-810px; }
div#extra{float:left; width:140px; margin-left:-150px; }
div#footer{clear:left; width:790px; padding:5px; background-color:yellow; font-size:75%; }