#container { margin: 30px 30px; background:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } a { text-decoration: none; } #header { background:#ccc; padding: 17px; } #header h2 { font-size: 1.55em; } #header h2, #header p { margin: 6px; /* text-align: center; */ } #navigation { float: left; width: 100%; background:#333; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { list-style-type: none; display: inline; } #navigation li a { display: block; float: left; padding: 5px 10px; color:#fff; text-decoration: none; border-right: 1px solid #fff; } #navigation li a:hover { background-color: #383; } #navigation li a.active { background-color: #383; } #content { clear: left; padding: 20px; } #content li { padding: 3px 0px; } p.bold, span.bold { font-weight: bold; } p.italic, span.italic { font-style: italic; } p.command { font-family: Courier New, Lucida Console; font-size: 15px; text-indent: 25px; } .casestudy { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse:collapse; } .casestudy td { font-size: 1em; border: 1px solid #98bf21; padding: 2px 5px; color: #000; background-color: #eaf2d3; } #footer { background:#ccc; text-align: right; padding: 17px; /* height: 1%; */ }