* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #999999;
	width: 600px;
	margin: 0 auto;
	background: white url(../images/background.gif) repeat-x;
	padding-bottom: 30px;
	font-size: 90%;
}

h1, h2, h3 {
	color: #FF9966;
	font-weight: normal;
}

h1 {
	background: url(../images/header.gif) no-repeat;
	margin: 37px 0 30px 0;
	width: 508px;
	height: 81px;
	text-indent: -9999em;
}

h2 {
	font-size: 1.2em;
	margin-top: 30px;
	margin-bottom: 10px;
}

h3 {
	font-size: 1em;
	margin-top: 30px;
	margin-bottom: 10px;
}

p {margin-bottom: .5em;}

a {
	outline: 0;
	font-weight: bold;
	color: #9999CC;
	text-decoration: none
}

a:hover {text-decoration: underline}

ol {margin: 10px 10px 10px 50px;}



/* FOOTER ***************************************************************/

div.footer {
	font-size: .8em;
	margin-top: 40px;

}

div.footer ul {
	list-style: none;
}

div.footer li {
	float: left;
	border-left: 1px solid silver;
}

div.footer li a {padding: 0 10px;}
div.footer li.firstList {border: 0;}
div.footer li.firstList a {padding-left: 0;}



/* SPECIAL CASES ***************************************************************/

.hideme {display: none;}
p.separated {margin-top: 30px;}


/* HOME PAGE ***************************************************************/

.home {
	width: 508px;
	background: white url(../images/background_home.gif) repeat-x;
}

.home h1 {
	background: url(../images/header_home.gif);
	margin-top: 156px;
}

.home h2 {position: absolute;}

h2.therapists {
	top: 260px;
	margin-left: 84px;
}

h2.businesses {
	top: 328px;
	margin-left: 301px;
}

h2.teachers {
	top: 382px;
	margin-left: 123px;
}

.home h2 a{
	display: block;
	width: 150px;
	height: 100px;
	text-indent: -9999em;
}

h2.therapists a {background: url(../images/therapists_off.gif);}
h2.businesses a {background: url(../images/businesses_off.gif);}
h2.teachers a {background: url(../images/teachers_off.gif);}

h2.therapists a:hover {background: url(../images/therapists_on.gif);}
h2.businesses a:hover {background: url(../images/businesses_on.gif);}
h2.teachers a:hover {background: url(../images/teachers_on.gif);}



/* QUESTION ***************************************************************/

div#question {
	width: 406px;
	margin: 50px auto;
}

div#question p {font-size: 110%;}

div#question h2 + P {min-height: 60px;}

div#question h2 {border-bottom: 1px solid silver;}

#buttons {
	margin-top: 30px;
	text-align: right;
}

#buttons span {
	margin-left: 5px;
	padding: 2px 5px;
	border: 2px solid #999999;
	font-weight: bold;
	background: #E5E5E5;
}

#buttons span:hover {
	border-color: black;
	color: black;
	cursor: pointer;
	background: #FFCC00;
}


/* RESULTS ***************************************************************/

#resultPAC {
	width: 235px;
	height: 229px;
	background: url(../images/results.gif);
	position: relative;
	margin-top: 20px;
	margin: 0 auto;
}

#resultPAC div {
	width: 60px;
	height: 200px;
	position: absolute;
	bottom: 24px;
}

#resultPAC div#parentBar {
	left: 45px;
	background: #FFCC00;
}

#resultPAC div#adultBar {
	left: 108px;
	background: #CC99CC;
}

#resultPAC div#childBar {
	left: 171px;
	background: #99CCCC;
}

#resultParenting {
	width: 203px;
	height: 109px;
	background: url(../images/parental.gif);
	position: relative;
	margin-top: 20px;
	margin: 0 auto;
}

#resultParenting div {
	width: 93px;
	height: 60px;
	position: absolute;
	top: 23px;
}

#resultParenting div#parentCriticalBar {
	left: 4px;
	background: #CCFF00;
}

#resultParenting div#parentNurturingBar {
	right: 13px;
	background: #66CC66;
}