* { padding: 0; margin: 0; }

body {
  font-family: Arial;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  background-color: #666666;
}

a:link {
	text-decoration: none;
	color: #666666;
}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
	color: #363636;
}

/* @group menubar */


#menuS a , #menuS a:visited{
   text-align: left; 
    display:block; 
    line-height: 16px;
	font-size: 12px;
	margin-top: 4px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}


#menuSS a, #menu a:visited {
  text-align: left; 
  display:block; 
    line-height: 16px;
   font-weight: bold;
	font-size: 12px;
	margin-top: 4px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #dbdbdb; 
}

#menuS a:hover {
  /*color: #000;*/
  font-size: 12px;
}

.namea {
    text-align: left; 
	font-size: 14px;
    font-weight: bold;
    background-image:url('images/menugreen.gif'); 
	background-repeat:repeat-y; 
	background-position: right;												  
    display:block; 
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;	
	padding-left: 8px;
}

/* BLUE BAR IN BLUE */

.nameab {
    text-align: left; 
	height: 25px;
	font-size: 14px;
    font-weight: bold;
    background-image:url('images/menublue.gif'); 
	background-repeat:no-repeat;
	background-position: right;												  
    display:block; 
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-top: 4px;	
	padding-left: 8px;
}

/* @end */

												/* @group Text Styles 
												
												.txtorange {
													color: #e85633;
													font-weight:bold;
													font-size:14px;
													font-family:Arial
												}
												
												.txtblue {
													color: #00588f; 
													font-weight:bold; 
													font-size:14px; 
													font-family:Arial
												}
												
												*/
												


/* @ Category headings */												
h1 {
	color: #4F5357;
	font: bold 21px Arial;
	padding-bottom: 8px;
}

/* @Stage heading */												
h2 {
	color: #00588f;
	font: bold 24px Arial;
	letter-spacing: -.1px;
	padding-bottom: 7px;
	line-height: 19pt;
}

/* Detail Subheadings */
h3 {
	color: #00588f;
	font: bold 18px Arial;
	line-height: 26px;
	padding-bottom: 5px;
}

/* lead in paragraph style */
h4 {
	color: #00588f;
	font: 14px Arial;
	line-height: 24px;
	padding-top: 10px;
}

/* sub-subheadings */
h5 {
	color: #4F5357;
	font: bold 15px Arial;
	line-height: 24px;
}


/* Expandable headings in careers */
h6{
	cursor: pointer;
	color: #00588f;
	font: bold 13px Arial;
	padding:7px 7px 7px 23px;
	background:url('images/expand.gif') no-repeat 6px 9px;
}

.open {
  background-image:url('images/collapse.gif');
}	

/* advisory services boxes */												
.transaction {
	color: #00588f;
	font: bold 14px Arial;
	letter-spacing: -.1px;
}


/*  Toll free number style */
.tollfree {
   color: #666666;
	font: bold 20px Arial;
}

/*  Loan List Buckets */
.loanlist {
	color: #00588f;
	font: bold 14px Arial;
	line-height: 18px;
	margin-bottom: 15px;

}			

				
/* breadcrumb style */
.h20 {
	margin-top: 9px;
	margin-bottom: 3px;
	font: 9px Arial;
}
												

												

								/*
												h2{
													cursor: pointer;
													color: #00588f;
													font: bold 14px Arial;
													padding:7px 7px 7px 23px;
													background:url('images/expand.gif') no-repeat 6px 9px;
												}
												
										
											
												
												.p1 {
													color: #00588f;
													font: 14px/21px Arial;
													margin-bottom: 20px;
												}
												
												.p2 {
													line-height: 18px;
													margin-bottom: 10px;
												}
												
												.p3 {
													color: #00588f;
													font: bold 14px/21px Arial;
													margin-bottom: 2px;
												}
												
												.p4 {
													line-height: 18px;
													color: #616161;
												}
												
												.p5 {
													color: #106ea1;
													font: 11px/15px Arial;
													margin-bottom: 2px;
												}
												
										*/												
												
#quote {
	color: #666666;
	padding: 10px;
	border-top:1px solid #CCCCCC; 
	border-left:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC; 
	background-color:#FFFFFF; background-image:url('images/rightbucketgradient.gif');
	font: 10.5px/18px Arial;
}

.images {
	border-style: none;
}
												
											/*								
												.text3 {
													width: 100%;
													text-align: center;
													padding-top: 38px;
												}
												
												 @end 
												
												 @group Main Page 
												
												.indent {
													line-height: 18px;
													padding-left: 20px;
													padding-right: 30px;
													text-align: justify;
													margin-bottom: 20px;
												}
												
												.smallLeft {
													width: 232px;
													float: left;
													line-height: 17px;
													margin-bottom: 15px;
													padding-right: 10px;
												}
												
												.smallRight {
													width: 232px;
													float: right;
													line-height: 17px;
													margin-bottom: 15px;
													padding-left: 10px;
												}
												
												.space {
													top: 2px;
													position: relative;
													border-style: none;
												}
												
												.spacer2 {
													border-style: none;
													margin-top: 10px;
												}

												*/
#wrappermain {
     background-color: #666666;
 	background-image: url('images/pagebackground.jpg'); 
 	background-repeat: repeat-x;
}


#wrapper {
	/*width: 850px;  */
    width: 1020px; 
    margin:0 auto;
    background-color: #FFFFFF;
    border-left:1px solid #363636; 
    border-right:1px solid #363636;
/*	background-image: url('images/contentbackground.gif'); 
	background-repeat: repeat-y;
	background-position-x:center; */
}

  /*													
													#company {
													height: 23px;
													background-color: #e7e7e7;
													font: 11px Arial;
													color: #666666;
													width: 950px;
												}
												
												.company2 {
													color: #666666;
													font: 11px Arial;
													padding-top: 5px;
													padding-right: 5px;
													float: right;
												}
												
												.drop {
													float: right;
													padding-right: 5px;
												}

*/

#header {
 width: 1020px;
 height: 60px;
 margin: 0 auto;
 padding: 15px 0px 20px 0px;
  background-color: #f5f6f7
}

.logo {
	width: 960px;
}

.tagline {
	color: #015289;
	border: 1px solid #999999;
	border-right-width:0px; 
	border-top-width:0px; 
	border-bottom-width:0px; 
	text-align: left;
	font: bold 14px Arial;
	letter-spacing: -.1px;
	margin-left: 20px;
	padding: 22px 0 0 22px;
	height: 34px;
	float:left;
}

.calltoaction {
	float:right;
	padding: 15px 30px 0 0;
	font-size: 8pt;
}

.btn-search {
cursor:pointer;
 text-indent:-9999px;
  border:0; outline:none;
  margin:3px 44px 0px 2px;
  width:20px;
  height:20px;
  background:url('images/magnifier.gif') no-repeat;
}

.btn-submit {
cursor:pointer;
  clear:left;
/*  text-indent:-9999px;*/
  border:0; 
  width:110px;
  height:34px;
  background:url('images/submit-btn.gif') no-repeat;
}


.btn-logout {
cursor:pointer;
  clear:left;
/*  text-indent:-9999px;*/
  border:0; 
  width:108px;
  height:32px;
  background:url('images/logout-btn.gif') no-repeat;
}


#navigation {
	 width: 1020px;
   margin: 0 auto; 
 	color: #595959;
	background: url(images/navbkg.png) repeat-x;
	 height: 31px;	
}

/*
									.navlinks {
										float: right;
										color: #adb5bb;
										font: 11px Verdana;
										margin-top: 8px;
										margin-right: 10px;
										margin-bottom: 9px;
									}
									
									
									.navlinks a:link {
										color: white;
									}
									
									.navlinks a:visited {
										color: white;
									}

*/

#mainContent {
 width: 950px;
 margin-left: 35px; 
  display: inline; 
/* width: 660px;*/
 margin-top: 12px;
 float: left;
}

#detailbodyleft {
	float:left; 
	width: 555px; 
	margin-right: 10px; 
	margin-top: 20px;
}

#detailbodyright {
	float:right; 
	width: 200px; 
	font-size: 8pt; 
	font-family: Arial; 
	padding-top: 20px;
}

#homeparagraph {
	width: 555px; 
	float: left; 
	padding: 30px; 
	font-size: 9pt; 
	font-family: Arial; 
	color: #666666; 
	line-height: 20px;
}

#homeparagraphright {
	width: 260px; 
	float: right; 
	font-size: 9pt; 
	font-family: Arial; 
	color: #666666; 
	line-height: 15px; 
	padding: 30px 30px 30px 30px;
}

#iwantto {
 border-bottom:1px solid #DCDCDC;
 padding-top:5px; 
 padding-bottom:5px; 
 padding-left: 10px; 
 list-style-type: none; 
 background-image:url('images/arrow.gif'); 
 background-repeat:no-repeat;
}

#iwanttolast {
 padding-top:5px; 
 padding-bottom:5px; 
 padding-left: 10px; 
 list-style-type: none; 
 background-image:url('images/arrow.gif'); 
 background-repeat:no-repeat;
}

#iwantto a {
 text-decoration: underline;
}

#iwanttolast a {
 text-decoration: underline;
}

#list {
  padding-top: 8px;
}


/* --------------CAREERS STYLE ------------- */

#careerstage {
	background-image: url('images/stagecareers.jpg'); 
	width:770; 
	height:291; 
	padding-top:80px; 
	padding-bottom:80px;

}



/*											
											.announcements {
												width: 660px;
												height: 250px;
											}
											
											#container2 {
												width: 660px;*/
												margin-top: 15px;
												line-height: 16px;
												float: left;
											}
											
											.title2 {
												font: bold 12px Arial;
												color: #00588f;
											}
											
											.containerLeft {
												width: 270px;
												float: left;
												padding-left: 10px;
												padding-top: 10px;
											}
											
											.containerLeft a:link {
												text-decoration: none;
												font-style: normal;
												font-family: Arial;
											}
											
											.containerLeft a:visited {
												text-decoration: none;
												font-style: normal;
												font-family: Arial;
											}
											
											.containerLeft a:hover {
												text-decoration: underline;
												font-style: normal;
												font-family: Arial;
											}
											
											.containerRight {
												width: 320px;
												float: right;
												padding: 10px 30px 28px 25px;
												line-height: 17px;
												border-left: 1px solid #e7e7e7;
											}
											

											#high {
												width: 620px;
												float: left;
												margin-top: 5px;
												padding-left: 10px;
												margin-bottom: 10px;
											}
*/

.bull {
	list-style-type: disc;
	margin-left: 10px;
	line-height: 15px;
}
#indexColumn { 
 float: right;
 color: #666666;
 margin: 0px 0px 5px 3px;
 width: 260px;
 display: inline;
	font: 11px/16px Arial;
}

.homerightbucket1 {
	border: 1px solid #CECECE;
	padding: 13px; 
	margin-top: 1px
}

.homerightbucket2 {
	border: 1px solid #CECECE;
	padding: 13px;
	margin-top: 5px
}

.brochure     {
	width: 244px;
	height: 84px;
	background-color: #ced8df;	
	margin-top: 10px;
	padding: 8px;
}

.brochureL {
	float: left;
	width: 150px;
}

.brochureR {
	width: 88px;
	float: right;
	margin-top: 12px;
}

.careerIMG {
	float: right;
	position: relative;
	bottom: 57px;
}


/* @end */

/* @group Sub Page */

.rightText {
	float: left;
	position: relative;
	bottom: 35px;
}

.rightText2 {
	position: relative;
	top: 4px;
}

.leftIMG {
	float: left;
	width: 59px;
	height: 59px;
	margin-right: 10px;
}

.green {
	width: 260px;
	height: 80px;
	margin-bottom: 10px;
	background-color: #ffffff;
	border-top: thin solid #e7e7e7;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menucolumn {
	width: 170px;
	float: left;
   display: inline; 
	margin-right: 20px;
	margin-top: 0px;
	 margin-left: 30px; 
	padding-top: 20px;
	background: url(images/leftcolumnfade.gif);
	background-repeat:no-repeat;
	background-position: right top;
	height: 510px;
}

#menucolumnheader {
/*  height: 22px; */
  line-height: 16px;
  font-size: 12px; 
  font-weight: bold; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#leftcolumn {
 margin: 10px 0px 20px 0px;
 width: 770px;
 float: left;
 display: inline;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 29px 0px 5px 3px;
 width: 260px;
 display: inline;
}

/* ---------- STYLE for Loan Purchases ------------*/

#loanpurchasestage {
	width: 770; height: 335px; background-image: url('images/stageloanpurchases.jpg'); background-repeat: no-repeat; 
	padding:25px 0px 40px 230px; font-size: 11pt; line-height: 16pt;
}

#loanpurchaserole {
	background-image: url('images/loanpurchgradient.gif'); 
	background-repeat: no-repeat; font-weight: bold; color:#FFFFFF; 
	font-size: 11pt; line-height: 22pt; padding-left: 20px; margin-top: 14px;
}

#loanpurchaserole2 {
 /*  margin-top: -1px; border-left: 1px solid #3F870C; border-right: 1px solid #3F870C; width: 500px; */
  border-top-width: 0px; border-bottom-width: 0px; 
  height:75px; font-size: 9pt; 
  /*background-color:#FFFFFF */
}

#loanpurchaserole2 a {
   text-decoration: underline; color: #00588f;
}

#loanpurchaserole2 a:hover {
   color: #00588f;
   font-weight: bold;
}

#bluelink {
   color: #00588f;
}

#bluelinkunder {
   color: #00588f;
   text-decoration: underline;
}


/* ---------- STYLE for Loan Purchases END ------------*/

/* ---------- STYLE for LOAN SALES & LOAN SERVICING ------------*/

.loansalestage {
width: 770; height: 370px; background-image: url('images/stageloansales.jpg'); background-repeat: no-repeat; 
padding:24px 0px 10px 260px;
}

.loanservingstage {
width: 770; height: 370px; background-image: url('images/stageloanservicing.jpg'); background-repeat: no-repeat; 
padding:40px 0px 0px 220px;
}

.greenbuttons {
padding: 7px 4px 0 0; background-image: url('images/loanservicing-buttons.gif');
		 background-repeat: no-repeat; width:169px; height:34px; float:left
}

.greenbuttons a {
color:#FFFFFF; font-family:Arial; font-size:9pt; font-weight: bold;
}

.greenbuttons a:hover {
color:#FFFFFF; font-family:Arial; font-size:9pt; font-weight: bold;
}

.greenbuttons a:visited {
color:#FFFFFF; font-family:Arial; font-size:9pt; font-weight: bold;
}

/* ---------- STYLE for Loan SERVICING END ------------*/


.bullets {
	list-style-type: disc;
	line-height: 17px;
	padding-left: 50px;
	margin-bottom: 25px;
}

.bullets li {
	list-style-type: disc;
	line-height: 17px;
	margin-bottom: 4px;
}

.bulletsNum {
	list-style-type: decimal;
	line-height: 17px;
	padding-left: 50px;
	margin-bottom: 25px;
}

.bulletsNum li {
	list-style-type: decimal;
	line-height: 17px;
	margin-bottom: 4px;
}

.bull2 {
	margin-left: 20px;
}

.note {
	width: 221px;
	float: right;
	margin-bottom: 28px;
	background-color: #d9e6ee;
	margin-left: 0;
	border: 1px solid #00588f;
	padding: 5px;
	color: #00588f;
	font: 10px/16px Arial;
}

.noteblock {
	width: 485px;
	margin-bottom: 5px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}

.noteimage {
	width: 140px;
	height: 70px;
	float: left;
}

.noteText {
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	width: 320px;
	line-height: 16px;
}

.linediv {
	width: 485px;
	height: 1px;
	float: none;
	clear: both;
	background: #ffffff no-repeat;
	border-top: 1px solid #cccccc;
}

.expert {
	width: 215px;
	height: 84px;
	background-color: #486e9c;
	margin-bottom: 10px;
	color: #a8d5f4;
	font: 22px Arial;
	text-align: right;
	padding-top: 37px;
	padding-right: 45px;
}

.optional {
	width: 250px;
	height: 52px;
	background-color: #edeeee;
	border: 1px solid #999999;
	margin-bottom: 10px;
	color: #00588f;
	font: bold 14px Arial;
	text-align: center;
	padding-top: 32px;
	margin-left: 6px;
}
																			/*
																				.resources {
																					margin-bottom: 10px;
																					margin-top: 20px;
																					width: 260px;
																				}

																		*/
.download {
	border-top: 1px solid #ececec;
	font-weight: bold;
	color: #838383;
	background: url(images/pdfD.png) no-repeat;
	padding-left: 32px;
	padding-top: 6px;
	height: 20px;
}

.download a:link {
	color: #838383;
	text-decoration: none;
	margin-top: 0;
}

.download a:visited {
	color: #838383;
	text-decoration: none;
}

.download a:hover {
	color: #838383;
	text-decoration: underline;
}

.website {
	border-top: 1px solid #ececec;
	font-weight: bold;
	color: #838383;
	background: url(images/website.png) no-repeat;
	padding-left: 32px;
	padding-top: 6px;
	height: 20px;
}

.website a:link {
	color: #838383;
	text-decoration: none;
	margin-top: 0;
}

.website a:visited {
	color: #838383;
	text-decoration: none;
}

.website a:hover {
	color: #838383;
	text-decoration: underline;
}
.optionalT {
	margin-bottom: 5px;
	color: #00588f;
	font: 10px/16px Arial;
	width: 250px;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 3px;
}


.res {
	color: #00588f; font-weight: bold;
	margin-bottom: -5px;
}

.style2 {
	margin-left: 20px;
	margin-top: 20px;
}

.style3 {
	margin-left: 20px;
	margin-top: 20px;
}


/* @end */

/* @group Sub Page 3 */

.circle {
	float: left;
	 display: inline; 
}

.trainingL2 {
	font-size: 11px;
	margin-top: 82px;
	margin-left: 8px;
	text-decoration: none;
/*	margin-left: 10px;*/
}

.block2t {
	margin-bottom: 2px; 
	float: left;
	padding-left: 20px;
	font-family: Arial;
	background: url(images/arrow.png) no-repeat;
}

.block1c {
	margin-left: 10px;
	float: left;
	margin-top: 185px;
}


.sub3content {
	width: 660px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
}


/* @end */

/* @ FORM STYLES HERE */

#input {
	font-family:Arial; 
	font-weight:bold; 
	font-size: 13pt; 
	color:#302d2d;
	border: 1px insert #C0C0C0;  
	height:22px; 
	background-color: #f1f2f2;
}

#inputTextArea {	
	font-family:Arial; 
	font-weight:bold; 
	font-size: 13pt; 
	color:#302d2d;
	border: 1px insert #C0C0C0;  
	background-color: #f1f2f2;
}

#errorInput {
	font-family:Arial;
	font-weight:bold;
	font-size:13pt;
	color:#302D2D;
	border:1px insert #C0C0C0;
	height:22px;
	background-color:#F1F2F2;	  
}

/* @group navbar */

/* ######### Multi-column class for drop down menus ######### */


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #F4F6F8;
}

.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
padding: 5px;
font: 9pt Arial;
color:#3F3F3F;  
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #F4F6F8;
background-image:url('images/megamenugradient.gif');
background-repeat:repeat-x; background-position-y:bottom;
}

.anylinkcsscols .column{
padding: 18px 18px 6px 18px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 5px;
}

.anylinkcsscols a { 
color:#3F3F3F;  
}

.anylinkcsscols a:visited { 
color:#3F3F3F;  
}

.anylinkcsscols a:hover{ 
	color: #191919; 
/*	background: #E8E8E8; */
	text-decoration: underline;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


/* ######### the styling #########*/
.navlinks {
	text-align: left;
	padding-left: 25px;
	padding-top: 1px;
}


.navlinks .menu{
  display: block;
   border: 1px;
  float:left;
  padding: 5px 10px 5px 10px;
  font-family: Arial, Verdana, Sans-Sherif;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
  cursor: hand;   
}

.navlinks a:hover{text-decoration: underline;}

/* ######### multi-column drop down menus END ######### */



/* @end */

#footer {
	clear: both;
	width: 954px;
	color: #a3a6a8;
	font: normal 10px/14px Arial;
	 margin-left: 35px; 
}

#footershade {
	padding: 15px 0 15px 10px;
	height: 155px;
	border: 1px solid #dcdcdc; 
	background-color: #f5f6f7;
	color: #666666;
	font: normal 12px/14px Arial;
}

#footersections {
	float:left;
	text-align: left;
	padding: 0 12px 0 18px;
	line-height: 17px;
	font-size: 8pt;
}

#footersections b {
	font-size: 9pt;
}

/* @roll overs */

#payment-box {
  margin:0 0 15px 15px;
}

.payment-box ul {
  clear:left;
  margin-left:40px;
  padding-right:20px;
  padding-top:0;
}
.payment-box ul li {
  list-style:disc;
  line-height:18px;
}

.hidden {
  display:none;
}

.errorInput
{
font-family:Arial;
font-weight:bold;
font-size:13pt;
color:#302D2D;
 border: 2px solid #990000;
background-color: #f6c5c5;
height:22px;
  
  
  
  
}

.input {
	
font-family:Arial;
font-weight:bold;
font-size:13pt;
color:#302D2D;
border:1px inseRt #C0C0C0;
background-color:#F1F2F2;
height:22px;
}