html, body { width: 100%; margin: 0 auto 0 auto; background-color: #e6e6e6; color: #333333; font: normal 14px "Helvetica" sans-serif; }

div#top { width: 100%; height: 30px; background-color: #800c0c; }
div#top > div { width: 900px; margin: 0 auto; padding: 5px; text-align: right; }
div#top > div > a { color: #ffffff; text-decoration: none; margin: 0 0 0 10px; }

div#header { width: 100%; }
div#header > div { width: 900px; margin: 0 auto; padding: 5px 0 15px 0; }
div#header > div > h1 { color: #333333; font-size: 60px; font-weight: bold; }

div#special { width: 100%; background-color: #dddddd; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
div#special > div { width: 900px; margin: 0 auto; padding: 15px 0; }
div#special > div > h2.welcome { color: #666666; font: italic 24px "Georgia" serif; }	
div#special > div > h2.title { color: #666666; font-size: 24px; }
div#special > div > h2.title > span.bold { color: #333333; font-weight: bold; }	
div#special > div > form > p { font-size: 18px; display: block; padding: 2px 0; }
div#special > div > form > input[type=text] { width: 250px; height: 18px; padding: 5px; border: 1px solid #333333; margin: 0 0 10px 0; }
div#special > div input[type=submit] { height: 30px; padding: 0 5px; background: #000000 url('../button-background.png') repeat-x; border: 1px solid #333333; margin: 0 0 0 10px; font-size: 18px; }
div#special > div input[type=submit]:hover { color: #444444; }

div#main { width: 100%; }
div#main > div { width: 901px; margin: 15px auto 15px auto; }
div#main > div > form > p { font-size: 18px; display: block; padding: 2px 0; }
div#main > div > form > input[type=text] { width: 250px; padding: 5px; border: 1px solid #a0a0a0; margin: 0 0 10px 0; }
div#main > div > form > input[type=button] { padding: 3px 5px; background-color: #dddddd; border: 1px solid #a0a0a0; margin: 0 0 0 10px; font-size: 18px; }
div#main > div > .column { padding: 5px; width: 290px; float: left; }
div#main > div > .column > a { padding: 7px; display: block; font-size: 16px; }
div#main > div > .column > a:hover { text-decoration: underline; }
div#main > div > .column > h3 { padding: 7px; display: block; font-size: 16px; font-weight: bold; }
div#main > div > .navigation { background-color: #333333; color: #e6e6e6; border-left: none; }
div#main > div > .navigation > a { color: #e6e6e6; }
div#main > div > .section { width: 890px; padding: 0 0 15px 0; }
div#main > div > .section > h3 { padding: 7px 0; display: block; font-size: 16px; font-weight: bold; }
div#main > div > .section > ul > li { padding: 7px 0; display: inline-block; }
div#main > div > .section > ul > li > a { display: block; width: 280px; font-size: 16px; }
div#main > div > .section > ul > li > a:hover { text-decoration: underline; }
div#main > div > table.gradebook { width: 900px; }
div#main > div > table.gradebook > thead { background-color: #333333; color: #e6e6e6; font-size: 16px; }
div#main > div > table.gradebook tr { border-bottom: 1px solid #a0a0a0; }
div#main > div > table.gradebook td { padding: 10px; text-align: center; }
div#main > div > table.gradebook td.student { text-align: left; }