@charset "UTF-8";
/* CSS Document */

/* ----------------- BODY ----------------- */
	
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #e9f9f8;
	background-image:url(Images/Background_Texture_4.4.gif);
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	position:relative;
	}

	
hr {
	color:#e4e4bc;
	background-color:#e4e4bc;
	border:0;
	width:90%;
	height:1px;
	text-align:center;
	margin-top:30px;
	}
	
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

#wrap {
	position:inherit;
	height: 100%;
	margin: auto;
	width: 650px;
	border:10px solid;
	border-color:#017387;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    behavior: url(PIE.htc);
	position:relative;
	z-index:2;
	background-color: #f9f9f2;
	}

div#staff {
	position:absoulte;
	background-color: #f9f9f2;
	background-image:url(Images/Staff_Serpent_4.4.gif);
	background-position:center top;
	background-repeat:no-repeat;
	z-index: -1;
}

.staffImage {
	/* eventually want to put staff serpant image in here... */
}
	
#text_block {
	position:absolute;
	z-index:9;
	}
	
#spacer {
	height:30px;
	}

/* ----------------- CONTENT ----------------- */
	
p {
	font-family: Georgia, serif;
	font-size: 14px;
	position:inherit;
	text-align:left;
	line-height:20px;
	margin: 15px 30px 15px 30px;
	color:#333;
	}

a, a:link, a:visited, a:active  {
	border:0px;
	text-decoration:none;
	color:#017387;
	}

a:hover {
	border-bottom: 1px dotted #017387;
	padding-bottom: 1px;
}

a.img:hover {
	border-bottom: 0px;
}
	
h1 {
	font-size: 18px;
	position:inherit;
	text-align:left;
	line-height:20px;
	margin: 15px 30px 15px 30px;
	color:#017387;
	}

h1.results {
	font-size:30px;
	font-style:italic;
	text-align: center;
	padding-bottom: 10px;
}
	
h2 {
	font-family: Georgia, serif;
	font-size: 12px;
	position:inherit;
	text-align:left;
	line-height:20px;
	color:#017387;
	margin: 15px 30px 30px 30px;
	}
	
h3 {
	font-family: Georgia, serif;
	font-size: 12px;
	position:inherit;
	text-align:left;
	line-height:14px;
	margin:30px;
	color: #4f90a2;
	font-style:italic;
	font-weight:200;
	}

h4 {
	font-size: 16px;
	font-weight:900;
	text-align:left;
	line-height:20px;
	margin: 10px 30px -10px 30px;
	color:#333;
	}
	
h5 {
	font-family: Georgia, serif;
	font-size: 14px;
	position:inherit;
	text-align:left;
	color: #cd274e;
	font-weight:900;
	padding-left:30px;
	margin-bottom:-10px;
	}

	
/* ----------------- HEADER ----------------- */

#header {
	text-align:center;
	border:0px;
	margin: 20px auto;
	position:absoulte;
	}
	
#logo {
	padding-top:10px;
	height:73px;
	width:276px;
	border:0px;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */
	filter: alpha(opacity = 100); /* IE 5-7 hack */
	}
	
#logo:hover {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */
	filter: alpha(opacity = 60); /* IE 5-7 hack */
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
	}

/* ----------------- CHECKBOXES ----------------- */

#checkbox_blue {
	position:relative;
	left:50px;
	top:-30px;
	float: right;
	margin: auto;
	width: 50px;
	height: 170px;
	border:none;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	position:relative;
	z-index:5;
	background-color:#017387;
	behavior: url(PIE.htc);
	}

#checkbox_white {
	position:absolute;
	top:10px;
	float: right;
	right: 10px;
	width: 30px;
	height: 30px;
	margin-bottom:10px;
	border:none;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	position:relative;
	z-index:3;
	background-color:#f9f9f2;
	behavior: url(PIE.htc);
	}

#check {
	position: absolute;
	padding: 0 0 0 12px;
	float: left;
	z-index:10;
	height: 39px;
	width: 40px;
	}

.index {
	top:-5px;
	margin-bottom:10px;
	}
	
.welcome {
	top:-5px;
	}

.get_started {
	top:35px;
	}

.risk_factors {
	top:75px;
	}
	
.results {
	top:115px;
	}
	
p.title {
	position:inherit;
	width:100px;
	text-align:left;
	float: left;
	right:-45px;
	top:8px;
	z-index:10;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height:14px;
	margin:auto;
	color: #017387;
	font-weight:900;
	}
	
p.others {
	position:inherit;
	width:100px;
	text-align:left;
	float: left;
	right:-45px;
	top:8px;
	z-index:10;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height:14px;
	margin:auto;
	color: #86bec8;
	font-weight:900;
	}


/* ----------------- IMAGES ----------------- */

img {
	border:0px;
	}

img.learnmore {
	margin-bottom: -3px;
	margin-left:6px;
	border: 0;
	}
	
img.learnmore:hover {
	margin-bottom: -3px;
	margin-left:6px;
	border: 0;
	-webkit-transform: scale(1.05) translate(1px);
	-moz-transform: scale(1.05) translate(1px);
	-o-transform: scale(1.05) translate(1px);
	transform: scale(1.05) translate(1px);	
	behavior: url(PIE.htc);
	}
	
#centered {
	text-align:center;
	position:inherit;
	}

#get_started_button {
	height: 58px;
	width: 208px;
	margin-top:20px;
	margin-bottom:40px;
	}

#get_started_button:hover {
	height: 58px;
	width: 208px;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	behavior: url(PIE.htc);
	}
	
#next_button {
	height: 58px;
	width: 208px;
	margin-top:30px;
	}

#next_button:hover {
	height: 58px;
	width: 208px;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	behavior: url(PIE.htc);
	}

#pen {
	position:absolute;
	top:180px;
	float:inherit;
	left:-80px;
	width: 111px;
	height: 323px;
	}
	
/* ----------------- ABOUT ----------------- */

#column1, #column2 {
	float: left;
	padding: 0px;
}

#column1 {
	margin-left: 20px;
	width:320px;
}
	
#column2 {
	margin: 0px;
	width: 300px;
}


/* ----------------- FORM ----------------- */

#main_info {
	padding: 20px;
	background-color:rgba(228,228,188,0.5);	
	border: none;
	position:inherit;
	behavior: url(PIE.htc);
	}

table {
	font-size: 14px;	
	}
		
td {
	vertical-align:top;
	}
	
td.main_label {
	font-size: 14px;
	text-align:right;
	width: 90px;
	padding-right:15px;
	}

	/*
td.response {
	font-size: 14px;
	text-align: left;
	width:340px;
	padding-bottom: 10px;
	}
		*/
table#riskfactors {
	padding: 10px;
}
	
td.second_label {
	font-size: 14px;
	text-align:left;
	padding:8px 0px 0 0px;
	}
	
td.response_2 {
	font-size: 14px;
	text-align: right;
	width: 100px;
	padding:8px 0 0 0;
	}
	
td.section {
	font-size: 14px;
	font-weight:900;
	text-align:left;
	line-height:20px;
	margin: 15px 30px 15px 30px;
	padding-top:15px;
	color:#017387;
	}

.radio {
	border:0;
	background-color: none;
	}
 
p.checklist_description_full {
	display: none;
}

	
/* ----------------- FOOTER ----------------- */

#footer {
	margin-top:30px;
	margin-bottom:60px;
	color: #4f90a2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	text-decoration:none;
	}
	
#footer p {
	color:#4f90a2;
	display: inline;
	border: none;
	text-decoration:none;
	}
	
#footer p a {
	color: #017387;
	display: inline;
	border: none;
	text-decoration:none;
	color:#017387;
	}

#footer a:link, a:visited, a:active{
	color: #017387;
	display: inline;
	border: none;
	text-decoration:none;
	}