html,body { margin:0; padding:0 } body { font: 85%/1.3 Verdana,Arial,sans-serif; text-align: left; /* background: #fff; */ padding-bottom:20px } a { color: #0066B3; background: inherit; text-decoration: none; } h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7; } h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; } div#header { width:100%; overflow:hidden; background: #BBD9EE; } div#header h1,div#menu { width:770px; margin:0 auto; text-align:left; } div#header h1 { padding: 30px 0 20px; color: #fff; } ul#nav,ul#nav li { list-style-type:none; margin:0; padding:0; } ul#nav { float:left; font-size: 80%; } ul#nav li { float:left; margin-left: 3px; text-align: center; } ul#nav a { float:left; width: 95px; padding: 5px 0; background: #E7F1F8; text-decoration:none; color: #666; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } ul#nav a:hover { background: #fff; color: #000; } ul#nav li.activelink a,ul#nav li.activelink a:hover { background: #FFF; color: #003; } div.right { float: right; width: 76%; padding: 1em; margin-bottom: 1.2em; background: #eee; text-align: justify; } div.left { float: left; width: 20%; margin: 0 0 10px 0; } div.left .box { padding: 1em; margin: 0 0 1em 0; background: #FFF6BF; border: 1px solid #AAA; } div.content { font: 95%/1.3 Verdana,Arial,sans-serif; margin: 0 auto; padding: 15px; background: #fff; } ul { padding: 0; margin: 0; } li { list-style-type: none; }