body {background-color: #ccc; font-size: 10px; font-family: Verdana, Sans-Serif; color:#111; padding:0px; margin:0px}

a {color: #006; text-decoration: none}
p, table {font-size: 12px}
h1 {font-size: 28px; font-weight: normal; color:#fff; background-color: #006; border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 15px; margin:0px; text-align: right}
h1 a, h1 a:hover {color: #fff; display: block}
h2 {font-size: 20px; font-weight: normal; padding: 1em 0}
h3 {font-size: 16px; font-weight: normal; padding: .5em 0}
h4 {font-size: 14px; font-weight: normal; padding: .5em 0}
td, tr {padding: .25em; border: 1px solid #111}
th, tr:hover {background: #ccc}
.error {color: red}

/* Container */
#container {width: 80em; margin: 1em auto; background-color: #fff; border: 1px solid #006}
#logo p {float: right; text-align:center; font-style: italic; font-size: 14px; padding: 2em}
#logo a {color: #564b47}

/* Content */
#content {float: right; width: 56em; padding: 1em}
	#content a:hover {color: #fff; background: #006; padding: 2px; margin: -2px}
	#content p {line-height: 1.5; padding: .5em 0}
	#content ul {font-size: 12px}
	#content ul.ulist {list-style: disc inside; padding: 0 0 1em 1em; line-height: 1.5}

/* Navigation */
#navigation {float: left; width: 20em; background-color: #ccf; border-right: 1px solid #006; border-bottom: 1px solid #006}
	#navigation ul {padding: 1em}
	#navigation li {font-size: 16px; margin: 1px}
	#navigation a {display: block; padding: .5em}
	#navigation a:hover, #navigation a.active {background: #006; color: #fff}

/* Footer */
#footer {clear: both; padding: 1em; text-align: center; color: #fff; background: #006}
	#footer a {color: #fff}
	#footer a:hover {border-bottom: dotted 1px #fff}
.clear {clear: both}