body {
	margin: 5px;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 76%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: white;
/*	behavior: url("/csshover.htc");*/
	}
* {margin:0; padding:0;}
/* Layout Structure */

#wrapHead {
	margin-right: 5px;
	width:788px; /* 768px */
	background: #b7c5c1 url(/images/corner-br.gif) no-repeat bottom right;
}	

#content {
	float: right;
	width: 660px; /* 640 */
/*gjg 	line-height: 1.5em;	do I need this anywhere */
}
#divider{
	background-image: url(/images/whiteLine.gif);
	background-color: white;
	padding-top: 0px;
	font-size: .5em;
}
#navContain{
}
#sidebar {
	float: left;
	width: 128px;
	
	}
#bottomWrap{
	padding-top: 0px;
	font-size: .6em;
	width: 660px; /* 640 */
	margin-left: 128px;
	background: #edeeee url(/images/cornerGray-lr.gif) no-repeat bottom right;
}
#footer {
	clear: both;
	padding-top: 2px; /* top r/l bottom*/
	padding-right: 1em;
	background: #fff;
	height: 1%;
	}

/* gutters  */
#content .gutter{
	margin: 0 2em 2em 1.5em; /*if I don't want any set space on the right, remove 2em*/ 

}
#sidebar .gutter{

}

/* HEADER */	
#headerRight {
	float: right;
	width: 572px; /* 552 538px;*/
	}
#headerLeft {
	float: left;
	width: 216px;/*230px;*/
	background: #b7c5c1;
	}	

#headerLeft h1 {
	margin: 5px 0 0 4px;	
	background: url(/images/logo2.gif) no-repeat top left;
	height: 80px;
	}	
	
form.search{
	text-align: right;
	margin: 10px 10px 0 0;
}
	

/* from http://24ways.org/advent/centered-tabs-with-css */
#headNav{
	margin-bottom: 4px; /* 9/06 changed to allow for more padding under links */
}
#headNav ul, #headNav ul li {
   list-style: none;
	/* margin-top: 40px;*/ /* 9/06 changed to allow for more padding under links */
	margin-top: 34px;
 }

 #headNav ul {
   text-align: right;
 }

 #headNav ul li {
   display: inline;
   margin-right: .75em;
	font-size: 10px;
 /*	  font-size: .8em;*/

}

 #headNav ul li.last {
     margin-right: 8px;
 }	
#headNav li a {
	padding: 5px 8px;/*5px 2px;*/
	text-decoration: none;
	color: #4d4c4c;
	font-weight: bold;
 } 
#headNav li a:hover {
	color: black;
 } 

 a#lola img{
 	 border: 0;
	width: 88px;
 	background: url(/images/askLolaTogether.gif) no-repeat 0 0 ; 
 }

 a#lola:hover img{
 	border: 0;
	background-position: 0 -30px; 
}
/*end of headNav inside header*/
	

/*main nav menu starts here */
/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {

	border: 1px solid #FFF; /* borders the top and bottom of the top nav */
	border-width: 0 0 1px 0;
	/*	width: 100%;*/
	width: 660px; /* 640 px */
	margin-left: 128px;
	font-family: Arial, Helvetica, sans-serif; /*have here because body was Verdana*/
	/*font-size: 1.1em; works at medium or smaller*/
	font-size: 13px;
	background:  #8ba7bb url(/images/cornerGray-tr.gif) no-repeat top right;
}

.nav li {list-style: none;} /* removes list bullets */

.mainnav {
	width: 110px; /* 128 */
	float: left;
	text-align: center;
}

.floatfix {margin-right: -3px;}

.parent {position: relative;} /* needed for absolute positioned drop downed*/
										/* it is this that is hovered */
.parent:hover {background-image: url(/images/bgfix.gif);} 		
/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/


.dropdown { /* rules for dropdown div */
	width: 170px; /* 188 */
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background:  url(/images/bgfix.gif);
	background:none; /* GJG this takes care of the issue */
}
	
.dropdown ul { 

	width: 109px; /* t127px weaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #FFF; 
	border-width: 1px 1px 0; /* borders for the sides and top of the dropdowns and flyouts; links 
	provide the bottom border */ 
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
} 
	
.loan .dropdown ul {width: 110px;} /* 128 modifies width for rightmost "visible" dropdown (tweak) */
		
.mainnav:hover div.dropdown {left: -31px;} /* hover rule for dropdowns: the extra pixel makes 
dropdowns "line up" with top links */ 

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	color: #FFF;
	font-weight: bolder;
	font-size: 12px;/*.9em; GG work on this*/
	text-decoration: none;
	padding: 5px 0 5px 1px; /* 6px 0 5px 10px;  */
	display: block;
	border-right: 1px solid #FFF; /* makes the dividers between the top nav links; must be negated 
	for later links */ 

} 

.person a {
	border-left: 1px solid #FFF; 
}
.info a {border-right: 0;} /* removes right border on last top link */
	
.dropdown li {vertical-align: bottom;

} /* IE5/win bugfix */
				
.dropdown li:hover {
	background: #000;
	color: white;
} /* hover color effect on dropdown links */

.nav div div a {
	/* color: fff; is color of drop down text for other areas but has no impact*/
	border-right: 0; /* negates right border for dropdowns */
	border-bottom: 1px solid #FFF;  /* borders the bottoms of the dropdowns */
	padding-left: 5px; /* a little left side padding */
}

/*XXXXXXXXXXX Top nav and dropdown backgrounds XXXXXXXXXX*/
.person {background: #987995;}
.person ul {background: #80627C;} /*light would be #987995 */

.business {background: #c7a273;}
.business ul {background: #a48051;}

.invest {background: #88ab9f; }
.invest ul {background: #6c9084; }

.loan {background: #aabac6;}
.loan ul {background: #909ea8;}

.info {/*background: #8ba7bb;*/
	background: url(/images/cornerGray-tr.gif) no-repeat top right;
 }
.info ul {background: #7698AF; }

.eGSB {	background: #E8C17E;}
.eGSB ul {	background: #c2a269;}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/
/* there's speical stuff in the ie css */

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	font-size: 1px;
	line-height: 0;
}
/* removed some drop down window stuff */

	
/*end of main nav */		
/* 
-
-
-
*/
/*      #####     content     #####      */
.bold{
	font-weight: bold;
}
.italics{
	font-style: italic;
}
  	
#content .boldBlack{
	font-weight: bold;
	color: #000;
}
blockquote{
	margin-left: 3em;
	margin-right: 3em;
}
#content .redText{
	color: #ff0000;
}
.super {
vertical-align: super;
font-size: 0.75em;
} 
.subscript {
vertical-align: sub;
font-size: 0.75em;
}

/* one way to show a picture and related text on side */
dl.feature {
	margin: 15px 0;
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
		width: 80%;
	}
dl.feature:after {
    content: ".";  /* putting in . that clears the float - yet is hidden */
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
}
dl.feature dd {
	margin-left: 0;/*  169px; has a margin if I was putting images in header */
	font-size: 95%;
	line-height: 1.5em;
	color: #525252;

	}
	
/* one way to show a picture and related text on side */
dl.listLayout {
	margin: 15px 0;
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	width: 80%;
	}
dl.listLayout:after {
    content: ".";  /* putting in . that clears the float - yet is hidden */
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.listLayout dt {
	margin: .5em 0 0  0;
	font-family: Georgia, serif;
	font-size: 120%;
	color: #006400;
	}
dl.listLayout dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
}
dl.listLayout dd {
	margin-left: 0;/*  169px; has a margin if I was putting images in header */
	font-size: 95%;
	line-height: 1.5em;
	color: #525252;
	}

	
/* navigation inside content */
/* the horizontal menu starts here */



/* sidebar menu */
#sidebar h2{
	font-size: 1.2em;
/*	padding: 5px 0;*/
	padding: 5px 1px 5px 5px;
	border-top: 2px solid #fff;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
/* set margin-left for ie/opera, padding-left for others */
/* about lists and csacading: embedded class objects don't work for FF; ie .subnav li a
	However, embedded ID objects work, ie #submenu li li a
	*/	
.box{
/*	border-top: 2px solid #fff;
	margin: 0;
	padding: 0;
	font-size: 11px;.90em;
	background: #987995;
	padding-left: 5px;
*/

}
.boxFollows{
	border-top: 2px solid #fff;
	margin: 0;
	padding: 0;
	font-size: 11px;
	padding-bottom: 25px;
	padding-left: 5px;
}

#sidebar ul{
	margin-left: 0px; 
	padding-bottom: 25px;
	list-style-type: none;
}
#sidebar li{
	padding: .35em 0;
}
#sidebar .box a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;/*	line-height: 1.75;*/
}
#sidebar .box a:hover{
	color: #000;
}
#sidebar .boxFollows a{
	display: block; 
	width: 100%;
	color: #4d4c4c;
	font-weight: bold;
	line-height: 1.5em;/*	line-height: 1.75;*/
}
#sidebar .boxFollows a:hover{
	color: #000;
}

.box h3, .boxFollows h3 {
	font-size: 13px;
	padding: 5px 1px 5px 0px;
	border-top: 0px solid #fff;
	font-size: 13px;
	color: #FFF;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.sideForm{
	width: 95%;
}

/*trailer stuff */
#footNav ul, #headNav ul li {
     list-style: none;
	  margin-top: 0px;
	  color: #007041;
 }

 #footNav ul {
     text-align: right;
	 line-height: 1.5;  /*it was this: 2;*/
	
 }

 #footNav ul li {
     display: inline;
	  font-size: .8em;

 }

 #footNav ul li.last {
     margin-right: 0;
	  padding-right: 0;
 }	
#footNav li a {
	padding: 5px 0px 10px 10px;
	text-decoration: none;
	color: #007041;
 } 

#footNav li a:hover {color: black; } 

.footerCopyText{
	 text-align: right;
	 font-size: .85em;
	 color: #A7A7A7;
}
#footer .moreSpace{
	padding-top: 5px;
}
.imgSpace{
	padding-left: 10px;
}
/* end trailer stuff */


/*misc other items */
.clearfloats{
		clear: both;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {
	height: 1%;
}

/*.clearfix {display: inline-table;}*/



/*     #####     end of punch corner     #####     */
#bl .nav .business a,
#pl .nav .person a,
#ic .nav .info a,
#is .nav .invest a,
#lc .nav .loan a,
#eb .nav .eGSB a
{
	color: #000;
}
#bl .nav .business .dropdown li:hover,
#pl .nav .person .dropdown li:hover,
#ic .nav .info .dropdown li:hover,
#is .nav .invest .dropdown li:hover,
#lc .nav .loan .dropdown li:hover,
#eb .nav .eGSB .dropdown li:hover
{background: white;}



/*      #####     general items for pages     ##### */
/* used width with ems but that run into issues when 
increased text size, so changed into percentages
*/

div#content h1, div#content h2, div#content h3, 
div#content h4, div#content h5, div#content h6 
{margin-bottom: 0;
	clear: both;
}
div#content p {margin: 0 0 1em;}

div#content p{
	color: #000;
	width: 90%; /*was 80% width: 40em;*/
}
div#content ol{
	margin-bottom: 1em;
 	margin-left: 2em;
	list-style: decimal outside;
 }

div#content ul{
	margin-bottom: 1em;
 	margin-left: 1.5em;
	margin-right: 10%;
 }

div#content h1 {font-size:2em; }  
div#content h3 {font-size:1.25em; }  
div#content h4 {font-size:1em;}  

div#content h2{
	font-size: 1.5em;
	margin-bottom: 1em;
}

/*     #####     main one     #####     */
#content .features{
	background-color: #C6C6C6; 
	border: solid 1px #fff;
	width: 80%;/*width: 40em;*/
	padding: 1.5em;
	margin: 0 0 1em;
}
#content .features h4{
margin-bottom: .5em;
}
#content .features ul.alpha{
	list-style: upper-alpha;
}
#content .features li, #content.features2 li{
	margin-bottom: .7em;
}
/*     #####     secondary     #####     */
#content .features2{
	background-color: #fff; 
	border: solid 1px #000;
	width: 80%; 
	padding: 1.5em;
	margin: 0 0 1em;
}

/*#content ul, #content ol{
	margin-left: 1.5em;
}*/
#content h4.backGray{
	background: #C2C2C2;
	width: 80%;
	padding: 5px;
	border-right: solid 2px #c2c2c2;
}
#content .backWhiteBox{
	border: solid 1px #DBDBDB;
	width: 80%;
	padding: 5px;
	background: #fff;
}
#content .backWhiteBox p{
	width: 100%;
}
/*sup {
	vertical-align:65%;
	font-size: 65%
}*/

#content .horizList ul{
	margin-left: 0;	
}
.horizList li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-weight: bold;
}
#content a, #content a:visited{
	COLOR: #006400;/*#446175;*/ /* nice slate gray #2F4F4F; */
	font-weight: bold;
}
#content a:hover, #content li:hover{
	color: #000;
	
}
table{
	width: 99%;
	border: 1px solid #929292;
	background: #c6c6c6;
	border-collapse: collapse;
	margin-bottom: 1em;
	line-height: 1.2em;
}
table th, table td {
	margin: 0;
	padding: 4px 20px;
	text-align: center;
	border-bottom: 1px solid #929292;
}
table td a{
	display: block;
}

/* these next two are meant to be applied at the table level 
	I have the typical alignRight and alignLeft below
*/
table.alignLeft th, table.alignLeft td{
	text-align: left;
}

table.alignRight th, table.alignRight td{
	text-align: right;
}
table th.rightBorder{
	border-right: 1px solid #929292;
}

table caption{
	padding: 1.25em 0 .5em 0;
	font-size: 1.25em;
	font-weight: bold;
}
table tr.altColor{
	background: #fff;
}

table.tblWidth60{
	width: 60%;
}
table.tblWidth70{
	width: 70%;
}
table.tblWidth80{
	width: 80%;
}
table.font85{
	font-size: 85%;
}
.separatelines{
	display: block;
}
table td.underCell{ border-bottom: 1px solid Black; }

.tf{
	background: #fff;
	width: 90%;
}

table.tf th, th.borderRt, table td {		
	border-right: 1px solid #929292;
}
.reverseTH{
	background: #000;
	color: white;
	text-align: center;
}

table td.nowrap{
	white-space: nowrap;
}
#trust{
	font-size: 10px;
}

/* eric meyer */
.infoEM {
	width: 85%;
 	padding: 0 0 2em 0;
}
.infoeM table {
}
.infoEM th, .infoEM td{
	padding: 0.25em;
	padding-right: 1em;
	padding-bottom: 1.5em;
	text-align: right;
	vertical-align: top;
	border-bottom: none;
	}
.infoEM th {


/*	border-right: 1px solid #929292;*/
}
.infoEM td {
	text-align: left;	/*padding: 4px .5em;*/

}
/* end eric */


/*       ############ end table formatting ###########     */
div#content .greenHighlight {
	color: #006400;
	font-weight: bold;
}
div#content .greenHighlight a{
	color: #006400;
	font-weight: bold;
}

 .floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}
 .floatleft
{
float: left;
margin: 0 10px 10px 0;
clear: right;
}
div#content p sup, div#content h4 sup{
	font-size: 80%;
}


 .alignRight{
text-align: right;

}
 .alignLeft{
text-align: left;
}
.standalone{
	width: 80%;
}
#content .imgtoRight150{
	float: right;
	width: 150px;
	margin-top: -8px;
}
#content .pimage200{
	margin-right: 200 px;
	width: 370px;
}
#content .imgtoRight200{
	float: right;
	width: 200px;
	margin-top: -8px;
}
#content .pimage150{
	margin-right: 150 px;
	width: 420px;
}
/* added for more pictures 
padding-left: 210px;
	width: 360px;
*/
#content .pimage200Left{
	display: inline;
}
#content .imgtoLeft200{
	float: left;
	width: 200px;
	margin-top: -8px;
	margin-right: 10px;
	margin-bottom: 5px;
}
/* end add */

#content .lineHeight2{
	line-height: 2em;
}
#content .listNoBullet{
list-style-type: none;
}
#content .listNoBullet li{
	line-height: 1;
}

#content p { margin-top: 0; }


#content .viewInline{
	display: inline;
}
#content .fakeh4{
font-size:1em;
font-weight: bold;
	
}
/* special employee Advantage section */
div#ea h3{
	vertical-align: top;
	display: inline;
}
	
div#eaImgPic  {
	width: 150px;
	height: 113px;
	float:left;
	text-align: center;
	vertical-align: text-top;
}
div#ea img{

vertical-align: text-top;
 right: 10px;
}

 .list250{
	margin-right: 250px;
	width: 200px;
}
div#ea p {
	width: auto;
}
div#ea li{
	line-height: 2em;
}
div#ea .horizList{
	line-height: .5em;
}

div#ea .horizGroups{

}

div#ea .groupItem {
	width: 160px;
	float: left;
	text-align: center;
	list-style: none;
}
div#ea .horizGroups li {
	list-style: none;
	margin: -5px; /* to tighten up the height between the items */
	padding: -5px;
}

 /* end special employee section */
 
.underCell{ border-bottom: 1px solid Black; }
.underCellRt{ border-bottom: 1px solid Black; text-align: right;}

/* --------------------------------------

Special box for contact me information*/


#contact{background-color:#fff; 
	padding: .5em;
	width:52%;
 	border: solid .5px #000;
}
#contact dl{
	margin: 0;
	padding: 0;
}
#contact dt{
	margin: 0;
	padding: 0 0 .2em 0;
	
}
#contact dd{
	line-height: 1.5em;
}
#contact dd.img img{
	float: left;
}
/* see each category stype sheet for this definition
DIV #contact h4{
	color: #a58051;
}
*/
/*     #####     variances for each section's color     #####     */

#pl div#contact dt{color: #987995; font-weight: bold; }
#bl div#contact dt{color: #a58051; font-weight: bold; }
#ic div#contact dt{color: #7790a1; font-weight: bold; }
#is div#contact dt{color: #6c9084; font-weight: bold; }
#lc  div#contact dt{color: #789ea8; font-weight: bold; }
#eb  div#contact dt{color: #c2a269; font-weight: bold; }

div#contact img{ float:left; margin: .5em 1em 4px 0;}
/* --------------------------------------*/