@charset "utf-8";

/* Reset CSS by Eric Meyer, modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: none; color: black; text-align: left;}
h1 {padding: 1em 0;}
h2, h3, h4, h5 {margin-top: 1em;}
h1, h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
p,li {margin: .5em 0;}
ul, ol {margin: .5em 0 .5em 3em;}
ul {list-style: square;}
a {color: #006;}


#container {}

#header, #nav {display: none;}

#content {text-align: left;}
	#content p, #content li {line-height: 150%;}
	.center {text-align: center;}
	.sidebar {width: 250px; color: #000; background: #cc9; padding: 0 0 3em; float: right;/* position: absolute; top: 11.1em; right: 0; */}
		.sidebar h2 {background: #663; color: #fff; padding: .75em 1em; margin: 0;}
		.sidebar p, .sidebar ul, .sidebar ol {padding: 0 1em;}
	.middle {width: 480px; float: left;}
	.clear {clear: both;}


/* forms stuff */
fieldset {margin: 2em 0; padding: 0 0 0 3em;}
legend {margin: 2em 0 .5em -2em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #555; display: block; white-space: normal; word-wrap: break-word;}
	legend em {border-bottom: 1px solid #555;}
form div {padding: .5em;}
form h3 {border-bottom: 1px solid #555;}
fieldset div {padding-left: 2em;}
	fieldset div:hover {background: #ddd;}
	fieldset div input {margin-left: -2em; float: left; vertical-align: top;}
	fieldset.checkboxes div:hover {background: none;}
	fieldset.checkboxes div div:hover {background: #ddd;}
div.button {text-align: center; margin: 2em auto;}
div.button input, div.button a, button {border: solid 1px #663; background: #cc9; color: #000; margin: 1em 0; padding: .5em .75em; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; cursor: pointer; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}


/* self-assessment results */
.results li {margin: 1.5em 0;}
.results li strong {font-weight: bold; color: #663;}
.results h2, .results h3 {margin-top: 3em;}

#footer {border-top: 1px solid #000;}

p.error {
	color: #a00;
	padding: 1em;
	font-size: 1.1em;
	border: solid 1px #a00;
	background-color: #fdd;
}

/* tools */
.tools li {margin: 1.5em 0;}
.tools li strong {font-weight: bold; color: #663;}
.tools h2, .tools h3 {margin-top: 3em;}

#footer {border-top: 1px solid #000;}

p.error {
	color: #a00;
	padding: 1em;
	font-size: 1.1em;
	border: solid 1px #a00;
	background-color: #fdd;
}