@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 {width: 950px; margin: 0 auto; background: #fff url('../images/container_background.gif') repeat-y;}


#header {background: #000; color: #fff; text-align: left; padding: 5px;}
#header h1 {font-size: 2.2em; font-weight: bold; padding: 0 0 1em 10px; color: #ccc; line-height: 100%; /*text-transform: uppercase;*/}
#header h1 img {vertical-align: middle;}
	.coinav {text-align: right; color: #fff; font-size: 1.1em;}
	.coinav a {color: #fff; margin-right: .7em; padding-right: .7em; text-decoration: none; border-right: 1px solid #fff;}
	.coinav a:hover {color: #f00;}
	.coinav a.last {border: none;}
	#tabs {text-align: center;}
		#tabs a {background: #666 url('../images/tab_background.gif') no-repeat top right; font-weight: bold; padding: .5em 1em; margin: 0 .75em; color: #fff; text-decoration: none;}
		#tabs a.selected, #tabs a:hover {background: #999 url('../images/tab_background_hover.gif') no-repeat top right;}
	.search_bar {background:#999; color: #000; text-align: right; padding: 14px 20px; font-size: 1.2em;}


#nav {width: 160px; float: left; background: #eee; font-size: 1.2em; text-align: left;}
	#nav ul, #nav li {margin: 0; padding: 0;}
	#nav li {display: inline;}
	#nav li a {display: block; padding: 1em 1.5em; background: #9cf; text-decoration: none; color: #000;}
	#nav li a.yellow {background: #ff9;}
	#nav li a.pink {background: #fcc;}
	#nav li a.olive {background: #cc9;}
	#nav li a.purple {background: #ccf;}
	#nav li a:hover {color: #f00;}


#content {text-align: left; font-size: 120%; float: right; width: 770px; padding: 0 0 2em;}
	#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;}
	.pageof {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: right; color: #663; font-size: 1.4em; margin: 0 0 -1em;}
	
#footer {background: #000; color: #fff; text-align: right; padding: .8em; clear: both;}
#footer a {color: #aaf; text-decoration: none;}



/* 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;
}