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


/* basic elements */

body { 

	font: 8.5pt/14pt Verdana, Arial, Helvetica, sans-serif; 
	color: #555753; 
	background:url(images/yellowleaf-background.jpg) fixed;
	margin: 0px; 
	}

p { 
	margin-top: 0px; 
	text-align: justify;
	}

	

h3 { 
	font-size: 12pt;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #7D775C;

	}

		

h3.title { 
	font-size: 10pt;
	font-weight:bold;
	letter-spacing: .2px; 
	margin-bottom: 10px; 
	color:#a3b4bb;
	border-bottom:1px solid #dddddd;
	padding:0px 3px 3px 0px;
	}

h6{ 
	font-size: 9pt;
	font-weight:bold;
	letter-spacing: .2px; 
	margin-bottom: 10px; 
	color:#555753;
	border-bottom:1px solid #dddddd;
	padding:0px 3px 3px 0px;
	}

a:link {
	text-decoration: none;
	font-weight:bold;
	color:#85ABC6;	
}
a:visited { 

	text-decoration: none; 
	color:#85ABC6;
	}

a:hover, a:active { 

	text-decoration:none;
	color: #ff8d2d;
	}

/* specific divs */

#container { 
	background:#f0f0f0;
	padding: 0px 0px 0px 0px;  
	margin:0px auto;
	margin-top:10px;
	text-align:left;
	width:640px;
/*	border:5px solid #444; */

	}

#intro { 
	min-width: 470px;
	}

#pageHeader { 
	width: 628px;
	height:79px;
	background-image:url(images/yellowleaf-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border:1px solid #ccc;
	margin-bottom:0px;
	margin-left:5px;
	}



/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#pageHeader h1 { 
	width: 219px; 
	height: 40px;
	color:#f0f0f0;
	padding-left:10px;

	}

#pageHeader h1 span {
	display:none
	}

#pageHeader h2 { 

	background: transparent url(h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 0px; 
	width: 200px; 
	height: 18px; 
	float: right;

	}

#pageHeader h2 span {
	display:none;
	}	
#headerText {

	font-size: 14pt;
	line-height:21pt;
	color: #555;
	position: absolute;
	top: 15px;
	padding:5px;
	/*border:#888 solid 1px;*/
	margin-left:16px;
	margin-top:15px;
	text-align:left;
	width:250px;
	height:30px;
	}
#headerText a{
	color:#ffffff;
	font-weight:normal;
	}

#headerTextShad {

	font-size: 20pt;
	line-height:16pt;
	color: #555555;
	position: absolute;
	top: 22px;
	padding:5px;
	/*border:#888 solid 1px;*/
	margin-left:21px;
	margin-top:15px;
	text-align:left;
	width:250px;
	height:30px;		

	/*background-color:#ffffff;*/

	}

#imageText {
	position: absolute;
	top: 220px;
}
border:#888 solid 1px; {
	margin-left:12px;
	text-align:center;
	text-align:left;
	width:150px;
	height:30px;
	background-color:#a3b4bb;	
	/*background-color:#ffffff;*/
	}
#imageTextHome {
	position: absolute;
	top: 160px;
	/*border:#888 solid 1px;*/
	margin-left:50px;
	text-align:center;
	text-align:left;
	width:200px;
	height:80px;	
	/*background-color:#ffffff;*/
	}

#imageTextHome h1{

	font-size: 14pt;
	line-height:14pt;
	color: #ffffff;
	margin-top:-12px;
}
#imageTextHome h2{

font-size: 18pt;
line-height:14pt;
color:#333333;
font-weight:bold;
margin-top:-12px;}

#imageText h3{

font-size: 14pt;
font-weight:normal;
line-height:40pt;
color:#ffffff;
font-weight:bold;
margin-top:-12px;
text-align:center;}

#imageText h4{

	font-size: 18pt;
	line-height:14pt;
	color: #ff8d2d;
	font-weight:bold;
	margin-top:-12px;
}

#quickSummary {

	width: 640px;
	height:300px;
	background-image:url(images/choose-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#quickSummary p {
	font-size: 11pt;
	line-height:22pt; 
	text-align:center;

	}



#preamble {
	background:url(images/pinoak-girl.jpg);
	padding-left: 10px;
	margin:6px 6px 10px 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#imageIndex {
	background:url(images/header-index.jpg);
	padding-left: 10px;
	margin:6px 6px 10px 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#imagePrivacy {

	background:url(images/header-privacy.jpg);
	padding-left: 10px;
	margin:6px 6px 10px 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#imageFaq {
	background:url(images/header-faq.jpg);
	padding-left: 10px;
	margin:10px 6px 10px 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#imageContact {

	background:url(images/header-contact.jpg);
	padding-left: 10px;
	margin:6px 6px 10px 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#imageAffiliates {

	background:url(images/header-affiliates.jpg);
	padding-left: 10px;
	margin:6px 6px 10px 6px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	border:1px #dddddd solid;
	height:160px;
	}

#supportingText {
	padding-left: 10px;
	margin:6px 6px 10px 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:#FFFFFF;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
	border-right:1px #aaaaaa solid;
	border-bottom:1px #aaaaaa solid;

	}
	#formContainer {
	margin:6px 6px 10px 6px;
	padding-bottom: 10px;
	}

#footer { 
	text-align: center; 
}

#footer a:link, #footer a:visited { 
	margin-right: 20px; 
}
#linkList {
	position: absolute;
	top: 30px;
	padding:2px;
	background:#ffffff; 
/*	border-left:#999 solid 1px;
	border-right:#999 solid 1px;*/
	border:#ccc solid 1px;
	margin-left:515px;
	text-align:center;

	}

#linkList2 { 
	font-size: 9pt; 
	background:#dddddd;   
 	width:150px;
	font-weight:normal;
}

#linkList ul {
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	margin-left:0;
}

#linkList li {

/*float:left;*/
	font-size:9pt;
	line-height: 15px;
	list-style-type: none;
	display: block;
	padding-top: 5px;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-bottom:3px;
	height:15px;	
	}

#linkList .notfirst {

/*float:left;*/

	font-size:9pt;
	line-height: 15px;
	list-style-type: none;
	display: block;
	padding-top: 8px;
	margin-bottom: 2px;
	margin-top: 2px;
	padding-bottom:3px;
	border-top:1px #999 solid;
	height:15px;

	}

#linkList li a:link { 
	font-weight:normal;
	display:block;
	color: #555555;
	text-decoration:none;
	text-align:center;

	}
	
#linkList li a:visited {
	color: #555555;
	
	}	

#linklist li a:hover {

	text-decoration:none;

}
#linklist li a:active {
	color:#ff8d2d;
}

#supportingText li {
	padding-bottom:5px;
}

#applyLogin {
	position: absolute;
	top: 200px;
	padding:5px;
	/*border:#888 solid 1px;*/
	margin-left:430px;
	margin-top:5px;
	text-align:center;
	width:150px;
	height:40px;	
	/*background-color:#ffffff;*/
}	

	#applyLoginHome {
	padding:5px;
	/*border:#888 solid 1px;*/
	margin:0px auto;
	text-align:center;
	width:150px;
	height:40px;
	/*background-color:#ffffff;*/

}

#applyLogin2 {

/*	padding-top:20px; */
	text-align:left;
	width:200px;
	height:80px;
	font-size: 10pt;
	line-height:60pt;
	color:#FFFFFF;
	background:url(images/yellowleaf-apply-button.png);
	font-weight:bold;
}	
#applyLogin2 a:link {
	margin-left:75px;
	font-weight:bold;
	position : relative;
	color:#666666;	
}

	

#applyLogin2 a:visited {
	margin-left:75px;
	position : relative;
	color:#666666;	

}

#returnCust {


/*	padding-top:20px; */
	text-align:center;
	width:200px;
	height:80px;
	font-size: 11pt;
	line-height:43pt;
	color:#FFFFFF;
	background:url(images/button-return.png);
	}

	

#returnCust a:link {
	text-decoration: none;
	color:#666666;	
}

#returnCust a:visited {
	text-decoration: none;
	color:#666666;	
}	

#disclaimer p {

	font-size: 7pt;
	line-height:12pt;
	color:#f0f0f0;
	padding:3px 10px 3px 10px;
	margin:0px auto;
	text-align:center;
	background:#a3b4bb;
	border:1px #dddddd solid;
	width:607px;
	border:1px solid #ddd; 
	margin-top:10px;
	margin-bottom:10px;

}

#stepBox{

	color:#CCCCCC;
	background:#f5f5f5;
	float:left;
	text-align:center;
	line-height:30px;
	width:100px;
	height:30px;
	border-bottom:1px solid #ccccccc;
	margin:5px 10px 5px 10px;

}
#stepBoxActive {

	color:#FFFF00;
	background:#a3b4bb;
	float:left;
	text-align:center;
	line-height:30px;
	width:100px;
	height:30px;
	border-bottom:1px solid #999999;
	margin:5px 10px 5px 10px;

}
.stepBoxActive {

	color:#FFFF00;
	background:#a3b4bb;
	float:left;
	text-align:center;
	line-height:30px;
	width:100px;
	height:30px;
	border-bottom:1px solid #999999;
	margin:5px 10px 5px 10px;

}
.formSectionHeader {
	
	background:#a3b4bb;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	padding: 2px 0px 2px 4px;
	height:30px;
}

.formSectionField {
	background:#ffffff;
	font-style: normal;
	padding-top:3px;
	padding-bottom:5px;
}
.formSectionFieldBottom {
	background:#ffffff;
	font-style: normal;
	border-bottom:solid 1px #dddddd;
	padding-top:3px;
	padding-bottom:5px;
}
.formSectionFieldBottomLeft {
	background:#ffffff;
	font-style: normal;
	border-bottom:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:3px;
	
	}

.formSectionFieldBottomRight {

	padding-top:3px;
	background:#ffffff;
	font-style: normal;
	border-bottom:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	padding-bottom:5px;
	}

.formSectionFieldBottomOnly {

	background:#ffffff;
	font-style: normal;
	border-bottom:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	padding-top:3px;
	padding-bottom:5px;
}

.formSectionFieldRight {
	padding-top:3px;
	background:#ffffff;
	font-style: normal;
	padding-bottom:5px;
	border-right:solid 1px #dddddd;
}	

.formSectionFieldLeft {

	padding-top:3px;
	background:#ffffff;
	font-style: normal;
	border-left:solid 1px #dddddd;
	padding-left:4px;
	padding-bottom:5px;
}


input {
	background:#f5f5f5;
}
select {
	background:#f5f5f5;
}
textarea {
	background:#f5f5f5;}

.submit {
	border:1px solid #dddddd;
}
.errors {
	font: 10pt Verdana, Arial, Helvetica, sans-serif; 
	color: red;
}
.formError {
	color: #FF0000;
}
.disclaimer, #disclaimer, #disclaimer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 640px;
}
#agreement {
	background-color:#FFFFFF;
}
#agreement div.version {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
.allrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

#terms div.version {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#privacy div.version {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
