@charset "utf-8";
/*
colors:
light gray
medium gray #999
black
bright blue #0cf
dark olive #663
medium olive #cc9

left nav colors:
blue #9cf
yellow #ff9
pink #fcc
olive #cc9
purple #ccf
*/

/* 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: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background: #fff; color: #000; text-align: center;}
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 .75em;}
ul, ol {margin: .5em 0 .5em 3em;}
ul {list-style: square;}
a {color: #006;}
a:hover {color: #f00;}


#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;}


/* forms stuff */
fieldset {margin: 1em 0; padding: 0 0 0 3em;}
legend {width: 770px; margin: 2em 0 .5em -2em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #555; display: block; white-space: normal;}
.question { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #555; display: block; white-space: normal;}
	.answer { padding-left: 2em;}
	legend em, .question em {border-bottom: 1px solid #555;}
	
form div {padding: .5em;}
form h3 {border-bottom: 1px solid #cc9;}
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, .btn {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, .results p {margin: 1.5em 0;}
.results li strong, .results p strong, #resources p strong {font-weight: bold; color: #663;}
.results h2, .results h3 {margin-top: 3em;}
p.published {color: #666; text-align: right;}

#footer {background: #000; color: #fff; text-align: right; padding: .8em; clear: both;}
#footer a {color: #aaf; text-decoration: none;}

p.error {color: #a00; padding: 1em; font-size: 1.1em; border: solid 1px #a00; background-color: #fdd;}
.hidden {visibility: hidden; display: none;}
.note {font-size: .8em; padding: 1em 0;}
.results {word-wrap: break-word;}


/* tools */
.tools a {font-weight:bold; color:#663;}
.tools a:hover {font-weight:bold; color:#663;}

.tools li, .results p {margin: 1.5em 0;}
.tools li strong, .tools p strong, #resources p strong {font-weight: bold; color: #663;}
.tools h2, .tools h3 {margin-top: 3em;}
p.published {color: #666; text-align: right;}

#footer {background: #000; color: #fff; text-align: right; padding: .8em; clear: both;}
#footer a {color: #aaf; text-decoration: none;}

p.error {color: #a00; padding: 1em; font-size: 1.1em; border: solid 1px #a00; background-color: #fdd;}
.hidden {visibility: hidden; display: none;}
.note {font-size: .8em; padding: 1em 0;}
.results {word-wrap: break-word;}