/* GLOBAL SETTINGS */

body {
	margin: 0 auto;
	background: url(images/background.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dbe4ef;
	scrollbar-base-color: #dbe4ef;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF  
}

html { margin: 0; padding: 0; height: 100% }

h1, h3, h4, h5, h6{
	margin: 0;
	font-style: italic;
	font-size: 21px;
	color: #1d4c61;
	font-weight: 300;
	text-align: left;
}
h2{
	font-size: 15px;
	font-style: italic;
	font-weight:normal;
	margin: 0 0 0 0;
	color: #666666;
	text-align: left;
}
a img{border: none;}

/* BANNER */
#bannerwrap{
	margin: 0 auto;
	width: 901px;
	height: 99px;
}

#banner{
	margin: 0 auto;
	width: 892px;
	height: 282px;
	font-size: 12px;
}

#logo{
	width: 240px;
	height: 90px;
	float: left;
}

#phone{
	float: left;
	width: 403px;
}


/*      TOP RIGHT LINKS AREA      */
#login{
	width: 163px;
	height: 94px;
	float: left;
	margin: 0 0 0 14px;
	padding: 5px 0 0 67px;
	background: url(images/top-right.jpg) no-repeat bottom;
}
#login a{
	margin: 0 8px 0 0;
	font-size: 11px;
	color: #e2eaef;
	text-decoration: none;
}
#login a:hover{
	text-decoration: underline;
}
#trmem{
	margin: 0 18px 0 0;
	float:right;
	width: 91px;
	height: 20px;
	padding-top:4px;
}

#trcli{
	margin: 0 11px 0 0;
	height: 20px;
	float:right;
	padding-top:4px;
}
#trlive{
	float:left;
	padding-top:4px;
	width: 58px;
	height: 20px;
}
#maillist{margin: 0 5px 0 0;
	padding-top:4px;
	float:right;
}
/* END */


#sitewrap{
	margin: 0 auto;
	width: 892px;
	background: url(images/content-background.jpg) repeat-y;
}


/* MAIN NAV AREA - SOME OF THIS MAY NO LONGER BE REQUIRED - WE CAN CONSOLIDATE AT LATER DATE */
#navwrap{
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 882px;
	height: 41px;
	background-image: url(images/navbar.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#nav{
	width: 882px;
	height: 41px;
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
}
#nav .home a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .maillist a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .dmp a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .wwcd a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .csc a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .friend a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .home:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .dmp:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .wwcd:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .csc:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .friend:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .maillist:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
#nav li{
  float: left;
  position: relative;
  width: auto;
  }
#enroll{
	margin: 0 auto;
	padding: 0;
}
#nav .topnav a{
	padding: 0px;
	height: auto;
	width: 100%;
	border: none;
}
/* END */


/* CONTACT */
#banner{
	width: 880px;
	height: 290px;
	background: url(images/photo.jpg) no-repeat right top;
}	

#form{
	margin: 14px 0 0 0;
	padding: 5px 0 0 15px;
	width: 523px;
	height: 245px;
	float: left;
}


/* FLASH */
#flashnav{
	margin: 0 auto;
	width: 880px;
}


/* SUBBOX AREA */
#subboxwrap{
	margin: 0 0 0 50px;
}
#subbox{
	margin: 0 30px 0 0;
	float: left;
	width: 244px;
	font-size: 13px;
	color: #666666;
	line-height: 24px;
}
#subbox a{
	color: #486716;
	font-weight: bold;
	text-decoration: none;
}
#subbox a:hover{
	color: #942730;
}
#family1 a {
	display: block;
	background:  url(images/family1.jpg) top;
	width: 244px;
	height: 56px;
}
#family1 a:hover{
	background:  url(images/family1over.jpg) no-repeat bottom;
}
#family2 a {
	display: block;
	background:  url(images/family2.jpg) top;
	width: 244px;
	height: 56px;
}
#family2 a:hover{
	background:  url(images/family2over.jpg) no-repeat bottom;
}
#family3 a {
	display: block;
	background:  url(images/family3.jpg) top;
	width: 244px;
	height: 56px;
}
#family3 a:hover{
	background:  url(images/family3over.jpg) no-repeat bottom;
}


/* TRUST ELEMENTS */
#trust{
	margin-top: 20px;
	width: 862px;
	height: 66px;
	text-align:center;
	vertical-align: middle;
	margin-right: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 25px;
}
#trust ul{
	display: inline;
	list-style: none;
}
#trust li{
	float: left;
	list-style: none;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
}
.hoverpic{
	position: relative;
	z-index: 0;
}
.hoverpic:hover{
	background-color: transparent;
	z-index: 50;
}

.hoverpic span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.hoverpic span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.hoverpic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: 50px; /*position where enlarged image should offset horizontally */
	top: -290px;
}


.hoverpic2{
	position: relative;
	z-index: 0;
}
.hoverpic2:hover{
	background-color: transparent;
	z-index: 50;
}

.hoverpic2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.hoverpic2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.hoverpic2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: -200px; /*position where enlarged image should offset horizontally */
	top: -290px;
}


/* FOOTER */
#footer{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 892px;
	height: 95px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#footer a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#footer a:hover{
	text-decoration: underline;
}
.left{
	float: left;
}
.green{
	margin-top: 0px;
	}
.green li{
	list-style-type: none;
	color: #00CC99;
	line-height: 12px;
	list-style-image: url(/images/2-trans.png);
	list-style-position: outside;
}
.yellow{
	margin-top: 0px;
	}
.yellow li{
	list-style-position: outside;
	list-style-type: disc;
	color: #FFFF33;
	line-height: 12px;
	list-style-image: url(/images/1-trans.png);
}
.blue{
	margin-top: 0px;
	}
.blue li{
	list-style-position: outside;
	list-style-type: disc;
	color: #95CAF6;
	line-height: 12px;
	list-style-image: url(/images/3-trans.png);
}
.red{
	margin-top: 0px;
	}
.red li{
	list-style-position: outside;
	list-style-type: disc;
	color: #8D3740;
	line-height: 12px;
	list-style-image: url(/images/4-trans.png);
}
#sig{
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: right;
	width: 900px;
	height: 20px;
	font-size: 10px;
}
#sig a{
	color: #003366;
}


/* DEEPER PAGES */
#contentwrap{
	margin: 0 auto;
	padding: 14px 0 0 10px;
	width: 882px;
	background: url(images/content-background.jpg) repeat-y;
}
/* CONTENT BOX ELEMENTS */
#content{
	margin: 0;
	padding: 0 20px 0 0;
	float: right;
	width: 636px;
	font-size: 13px;
	color: #666666;
	text-align: justify;
	line-height: 20px;
}

#content a{
	color: #1d4c61;
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover{
	color: #8D3740;
	text-decoration: underline;
	font-weight: bold;
}

/* FORMS */

select {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

option {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

textarea {
	color:#000000;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #CCCCCC;
} 

input {
	color:#000000;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor: hand;
}
.border {
	background-image: url(/images/border-times.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.border2 {
	background-image: url(/images/border-times.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
strong {
	color: #1d4c61;
	font-style: italic;
}
.over {
	font-size: 12px;
	border: 1px dashed #CCCCCC;
	width: 95%;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#sitemap{
	padding: 0;
	width: 320px;
	float: left;
	margin: 0;
}
#sitemap a{
	color: #666666;
	font-weight: 300;
	text-decoration: none;
}
#sitemap a:hover{
	color: #1d4c61;
	text-decoration: underline;
}
/*LEFT NAV TOP */	
#smt{
	margin: 0 auto;
	height: 28px;
	width: 197px;
	background-image: url(/images/navhead.jpg);
	background-repeat: no-repeat;
}
/* END */

/*LEFT NAV BOTTOM */
#smb{
	margin: 0 auto;
	height: 7px;
	width: 197px;
	float: left;
	background-image: url(/images/navbase.jpg);
	background-repeat: no-repeat;
}
/* END */

/* RIGHT HAND CALL TO ACTION WITH THE ROTATING IMAGES AREA */
.enrollbox{
	margin: 40px 0 0 25px;
	font-size:11px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}
.cta{
	margin: 0px;
	padding: 0px;
}
.cta a{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.cta a:hover{
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.cta p{
	text-align: left;
	font-size: 13px;
}
#action{
	width: 160px;
	margin-left: 8px;
}
#questions{
	padding: 39px 0 0 10px;
	width: 187px;
	height: 47px;
	background: url(/images/questions.jpg)
}
#questions a{
	text-decoration: none;
}
/* END */

/* TESTIMONIAL BOX */
#testimonial {
	float: left;
	width: 184px;
	height: 197px;
	background: url(/images/testimonials.jpg) no-repeat;
	margin-right: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #444;
	padding-top: 35px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 6px;
}
.testy{
	width: 197px;
	font-size: 11px;
}
.testymid{
	padding: 3px 12px;
	background: url(/images/testmid.jpg);
}
/*END*/


/* LEFT NAVIGATION AREA */
.mainnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 197px;
	background-repeat: repeat-y;
}
.mainnav ul{
	margin: 0;
	padding: 0;
	width: 197px;
	list-style-type: none;
	color: #333;	
}
.mainnav li{
	list-style: none;
}
/* main menu links style */
.mainnav li a{
	padding: 7px 0 0 32px;
	height: 20px;
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #333;
	text-decoration: none;
	width: 165px;
	list-style-image: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.mainnav li a:visited{
	color: #333333;
	list-style-type: none;
	list-style-image: none;
	list-style-image: none;
}

.mainnav li a:hover{
	list-style-type: none;
	list-style-image: none;
	color: #8D3740;
}
/* Sub level menu links style */
.mainnav .plainbg a{
	padding: 7px 0 0 40px;
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #333333;
	text-decoration: none;
	width: 165px;
	color: #333;
	height: 20px;
	list-style-image: none;
	list-style-type: upper-roman;
	background: url(/images/arrowr.jpg) no-repeat;
}
.mainnav .plainbg a:visited{
	color: #333333;
	list-style-type: none;
	list-style-image: none;
	list-style-image: none;
}

.mainnav .plainbg a:hover{
	list-style-type: none;
	list-style-image: none;
	color: #8D3740;
}
.plainbg .raquo{
		margin: 10px 0 0 0;
		color: #FF0000
}
	
/* LEFT NAV ICONS */

	.sub-debtmanagement{
	background-image: url(/images/ic-debtmanagement.jpg);
	background-repeat: no-repeat;
	}
	.sub-credit{
		background: url(/images/ic-credit.jpg);
		background-repeat: no-repeat;
	}
	.sub-debtcalculator{
		background: url(/images/ic-debtcalculator.jpg);
		background-repeat: no-repeat;
	}
	.sub-debthelp{
		background: url(/images/ic-debthelp.jpg);
		background-repeat: no-repeat;
	}
	.sub-learn{
		background: url(/images/ic-learning.jpg);
		background-repeat: no-repeat;
	}
	.sub-client{
		background: url(/images/ic-client.jpg);
		background-repeat: no-repeat;
	}
	.sub-about{
		background: url(/images/ic-about.jpg);
		background-repeat: no-repeat;
	}
	.sub-contact{
		background: url(/images/ic-contact.jpg);
		background-repeat: no-repeat;
	}
/* END LEFT NAVIGATION */	



/* TESTIMONIAL AREA */
#testimonial {
	float: left;
	width: 184px;
	height: 160px;
	background: url(/images/testimonials.jpg) no-repeat;
	margin-right: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #444;
	padding-top: 45px;
	padding-right: 7px;
	padding-bottom: 13px;
	padding-left: 6px;
}
/* END */

/*content box call to action footer*/
#ctactb {
	background-image: url(/images/cta-content-box.jpg);
	background-repeat: no-repeat;
	height: 72px;
	width: 232px;
	padding-top: 17px;
}

