body {
	margin:0;
	background:#fff;
	font-family: Verdana, Helvetic, Arial, sans-serif;
}

#container {
	width:770px;
	margin:0 auto;
}
#headline {
	padding:12px 0 20px;
}

#ddi_group_headline{
	padding-top:12px;
}

#ddi_group_subHeadline{
	padding-bottom:20px;
}

#headline h1 {
	font-size:34px;
	line-height:38px;
	margin:0;
	padding:0 0 6px;
	font-family:Times New Roman, Times, serif;
	color:#000;
}

#ddi_group_headline h1 {
	font-size:34px;
	line-height:38px;
	margin:0;
	padding:0 0 6px;
	font-family:Times New Roman, Times, serif;
	color:#000;
}

#headline h3 {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#008FDD;
}

#ddi_group_subHeadline h3 {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#008FDD;
}

#headline .logo {
	float:right;
	width:125px;
	height:40px;
	background:url(logo-hmf.gif) no-repeat;
	margin:0 0 12px 12px;
}


#ddi_group_headline .logo {
	float:right;
	width:125px;
	height:40px;
	background:url(logo-hmf.gif) no-repeat;
	margin:0 0 12px 12px;
}

/* columns */

#column01 {
	width:560px;
	float:left;
	padding:0;
}
#column02 {
	width:194px;
	float:right;
	font-size:11px;
	line-height:16px;
	color:#2f2f2f;
}


/* form */

#form-holder {
	background:url(form-back.gif) repeat-y;
}
#form-holder form { 
	margin:0;
	padding:0;
}
#form-holder .btm { 
	font-size:0;
	line-height:0;
	height:4px;
	background:url(form-btm.gif) no-repeat;
}
#form-holder .question-block {
	font-size:11px;
	line-height:16px;
	padding:0 10px;
}
#form-holder .col1, #form-holder .col1a, #form-holder .col2, #form-holder .btn {
	padding:4px 12px 10px;
}

#form-holder .col3 {
	padding:4px 4px 10px 12px;
	background:url(dot.gif) repeat-x left bottom;
}
#form-holder .col3a {
	padding:4px 4px 10px;
	background:url(dot.gif) repeat-x left bottom;
}
#form-holder .col3b {
	padding:4px 4px 10px;
	background:url(dot.gif) repeat-x left bottom;
}



#form-holder .btn {
	text-align:right;
}
#form-holder select, #form-holder .txtfield {
	margin:6px 0 0;
}
#form-holder .col2, #form-holder .col1a {
	background:url(dot.gif) repeat-x left bottom;
}

#form-holder .col2 select {
	width:200px;
}
#form-holder .txt {
	font-weight:bold;
}
#form-holder .note, #form-holder .occ {
	font-size:10px;
	line-height:14px;
}




/* question block headers */

.question01-cta-on {
	height:46px;
	background:url(q1-on.gif) no-repeat;
}
.question01-cta {
	height:39px;
	background:url(q1-off.gif) no-repeat;
}

.question02-cta-on {
	height:46px;
	background:url(q2-on.gif) no-repeat;
}
.question02-cta {
	height:39px;
	background:url(q2-off.gif) no-repeat;
}

.question03-cta-on {
	height:46px;
	background:url(q3-on.gif) no-repeat;
}
.question03-cta {
	height:39px;
	background:url(q3-off.gif) no-repeat;
}

.question04-cta-on {
	height:46px;
	background:url(q4-on.gif) no-repeat;
}
.question04-cta {
	height:39px;
	background:url(q4-off.gif) no-repeat;
}
.thankyou-cta {
	height:39px;
	background:url(thankyou.gif) no-repeat;
}


/* form buttons */

.button {
	width:149px;
	height:38px;
	text-align:center;
	overflow:hidden;
	background:url(btn-continue.gif) no-repeat 0 0;
	border-style:none;
	cursor:pointer;
	font-weight:bold;
}
.button:hover {
	background:url(btn-continue.gif) no-repeat 0 -38px;
}



/* aos table */

.aos1 {
	padding:4px 3px 6px 12px;
	background:url(dot.gif) repeat-x left bottom;
}
.aos2 {
	padding:4px 3px 6px;
	background:url(dot.gif) repeat-x left bottom;
}
.aos3 {
	padding:4px 12px 6px 3px;
	background:url(dot.gif) repeat-x left bottom;
}
.aos1 input, .aos2 input, .aos3 input {
	float:left;
}
.aos1 label, .aos2 label, .aos3 label {
	float:left;
	width:140px;
}


/* matched school dropdowns */

#form-holder .matchedtable td {
	padding:3px 12px;
}
#form-holder .matchedtable select {
	width:400px;
}


/* edit/back link */

.edit a {
	font-size:10px;
	color:#5f5f5f;
	display:block;
	float:right;
	padding:14px 50px 0 0;
}
.edit a:hover {
	text-decoration:none;
}


/* school logos */

.footer-logos {
	padding:30px 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}


/* image */

#img {
	height:173px;
	background:url(img-back.gif) no-repeat;
	padding:6px 6px 0;
	text-align:center;
}
#img .inner {
	display:block;
	width:181px;
	height:161px;
	overflow:hidden;
}


/* matched schools */

#schoolsListInside {
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#schoolsListInside ul {
	margin:10px 0;
	padding:0;
}
#schoolsListInside li {
	background:url(dot.gif) repeat-x;
	margin:0;
	padding:12px 0;
	list-style:none;
}
#column02 h4 {
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0 0 6px;
	text-align:center;
	color:#056000;
}

/* footer */

#footer {
	padding:50px 0 20px;
	color:#5f5f5f;
	font-size:10px;
	line-height:14px;
	text-align:center;
}
#footer a {
	color:#5f5f5f;
	text-decoration:none;
	border-bottom:1px solid #a2a2a2;
}
#footer a:hover {
	color:#000;
	background-color:#ffffcc;
	border-style:none;
}


/* matched schools dropdown sizing */

form .schooldropdown {
	width:515px;
}