/* Start */
html, body, .container {height: 100%;}

body > .container {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	margin:0px 0px 0px 0px;
	background-color:#FAFAFA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:none;
}
form {
	margin:0px;
}
h1 {
	margin:0px 0px 8px 0px;
	color:#474747;
	font-size:20px;
	font-weight:normal;
}
h2 {
	margin:0px;
	color:#8E8E8E;
	font-size:16px;
}
li {
	margin:8px 0px 8px 0px;
}
ul, ol {
	margin:0px 0px 0px 40px;
	padding:0px;
}
p {
	margin:0px 0px 8px 0px;
}




.container {
	display:block;
	background-color:#FAFAF9;
}
.header {
	display:block;
	height:400px;
	background-image:url(/images/middle-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}



/* Header Navigation And Logo */
.header-top {
	display:block;
	padding:15px 0px 0px 0px;
	height:64px;
	width:952px;
	margin:0px auto 0px  auto;
}
.nav {
	display:block;
	float:right;
	margin:0px 0px 0px 0px;
}
.nav div {
	display:table;
	float:left;
	margin:0px 5px 0px 5px;
}
.nav div:hover {
	background-image:url(/images/nav-right.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#414141;
}
.nav div a {
	display:block;
	font-size:11px;
	padding:4px 5px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	color:#414141;
	font-weight:bold;
}
.nav div a:hover {
	background-image:url(/images/nav-left.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
}



/* Header Middle / Form */
.header-middle {
	display:block;
	clear:both;
	width:952px;
	margin:0px auto 0px  auto;
}

.form-bg {
	display:block;
	float:right;
	width:229px;
	height:216px;
	background-image:url(/images/form-bg.jpg);
	background-repeat:no-repeat;
	padding:75px 0px 0px 164px;
}
.form {
	display:block;
}

.labels	{
	display:none;
}
.service-select	{
	display:block;
	width:177px;
	margin:0px 0px 10px 0px;
}
.first-name, .last-name, .email {
	display:block;
	width:170px;
	margin:10px 0px 10px 0px;
}
.first-name input, .last-name input, .email input {
	width:188px;
	padding:5px 0px 0px 0px;
}
.continue-button  {
   margin:5px 0px 0px 20px;
}




/* Middle Nav */
.middle-nav {
	display:block;
	padding:1px 0px 0px 0px;
}
.middle-nav img {
	float:left;
	padding:3px 10px 0px 10px;
}
.middle-nav a {
	display:block;
	float:left;
	color:#FFFFFF;	
	font-weight:bold;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	padding:0px 0px 0px 0px;
}
.middle-nav a:hover {
	text-decoration:underline;
}
.link-a {
	width:234px;
	height:80px;
	background-image:url(/images/debt-learning.png);
	background-position: left bottom;
	background-repeat:no-repeat;
}
.link-b {
	width:214px;
	height:80px;
	background-image:url(/images/debt-decision.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}	




/*.main {padding-bottom: 100px;}   must be same height as the footer --  This is being handled by the class below*/

.main {
	display:block;
	clear:both;
	width:952px;
	margin:0px auto 20px  auto;
	padding:25px 0px 40px 0px;
}
.content {
	display:block;
	float:left;
	width:630px;
	color:#454343;
	margin:0px 0px 20px 0px;
}
.content a {
	color:#474747;
	text-decoration:none;
	font-weight:bold;
}
.content a:hover {
	text-decoration:underline;
	color:#6BB8D4;
}
.main img {
	float:right;
}


.related {
	display:block;
	width:230px;
	float:right;
	text-align:left;
}
.related .title {
	font-weight:bold;
	font-size:15px;
	color:#999999;
}
.related a {
	color:#474747;
	text-decoration:none;
	font-weight:bold;
}
.related a:hover {
	text-decoration:underline;
	color:#6BB8D4;
}
.related ul {
	margin-left:20px;
	padding-left:0px;
}


.footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px; 
	clear:both;
} 

#disclosures {
	width:952px;   /* What ever the wrappers width is. */
	margin:0 auto;  /* Centers the text or element */
	border-top:#666666 1px dotted;
	padding:20px 0px 0px 0px;
	color:#808080;
}
#disclosures ul	{
	margin:0px;
	padding:0px;
	text-align:center;
}
#disclosures ul li {  
  display:inline;
  margin-right:10px;
}
#disclosures ul li a {
	color:#808080;
	text-decoration:none;
}
#disclosures ul li a:hover {
	text-decoration:underline;
}