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");/*remove once all pages over*/
	}
* {margin:0; padding:0;}
/* Layout Structure */

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

#content {
	float: right;
	width: 660px; /* gg3 640px */
/*	line-height: 1.5em;	not sure I need this*/
}
#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 px */
	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%;
	}
.imgSpace{
	padding-left: 10px;
}

/* gutters  */
#content .gutter{
	margin: 0 2em 2em 1.5em;
/*	padding-left: 5px;
	padding-bottom: 15px;*/
}
#sidebar .gutter{
/*
	padding: 0;
	margin: 0;*/
}
#content li{
	margin-bottom: .7em;
}
/* HEADER */	
#headerRight {
	float: right;
	width: 572px; /* 552px 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; /* 640px */
	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; /* 128px */
	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; /* 188px */
	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; /* 127px tweaked 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;} /*  128px 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;

	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 */
/* I don't need this 
#content h2{
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color: black;
}
*/

.bold{
	font-weight: bold;
}
.italics{
	font-style: italic;
}
#content .redText{
	color: #ff0000;
}
.super {
vertical-align: super;
font-size: 0.75em;
} 
.subscript {
vertical-align: sub;
font-size: 0.75em;
}

#content a, #content a:visited{
	COLOR: #006400;/*#446175;*/ /* nice slate gray #2F4F4F; */
	font-weight: bold;
}


/* one way to show a picture and related text on side */
dl.feature {
	margin: 15px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
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: 90%;
	line-height: 1.5em;
	color: #666;
	}
	

	
/* navigation inside content */



/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
/* end of hack zone */




/* 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.5em;*/
}
#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: 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;
}

/* end trailer stuff */


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

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

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


/*     #####     allows drop down on that page to have reverse colors    #####     */
#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: #FFF;
background: #F8F8F8; /* for some odd reason white doesn't show in ie8 */

}


/*#smTopImg{
	float: left;
	width: 155px;
	margin: 0 0px 10px 0;
}*/
/*	for smTopImg his also works width: 70%;*/
/*#areaTopText{
	float: left;
	width: 390px;
	z-index: 50;
	padding: 1em;	
	font-weight: bold;
	font-size: 1.5em;
	color: #323232;
}*/

/*div#blContent { }   not needed*/
 .floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}
 .floatleft
{
float: left;
margin: 0 10px 10px 0;
clear: right;
}
.containingBox p { margin-top: 0;}


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


div#topJazz {
 margin: 1em 0;
	border: solid 1px #000;

 }
div#topJazz #extra{

}
div#topImg {float: left; 

width: 150px; 
height: 150px;
text-align: center; 
background: #edeeee;/* white; */
color: black; 

}                  /* fix for IE/Win */
div#topImg img {/*height: 70px; 
width: 100px;*/
width: 150px; 
height: 150px;
}
div#topJazz h3, div#topJazzRt h3{
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 1.2em;
	margin-left: 160px;
	padding: 0 1em;
	margin-bottom: 0; 
	vertical-align: baseline;
	line-height: 180%;
}
div#topJazz h2{
	font-size: 1.5em;/*2em;*/
	padding: .5em 1em .5em 160px;/*1em 1em 1em 160px;*/
	background: #a48051;
	color: #000;
}
/*     #####     variances for each section's color     #####     */
#pl div#topJazz h2{background: #987995; }
#ic div#topJazz h2{background: #7790a1; }
#is div#topJazz h2{background: #6c9084; }
#lc div#topJazz h2{background: #909ea8; }
#eb div#topJazz h2{background: #c2a269; }


div#topJazz img.marginRight{
	margin-right: .5em;
}
div#topJazz img.marginLeft{
	margin-left: .5em;	
margin-top: .5em;
}
div#topJazz img.marginLeftMore{
	margin-left: .5em;	

}
.quoteSize{
	font-size: 3em;
	color: #000;	
	font-family: "MS Sans Serif", Geneva, sans-serif;
}
.q{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	padding-top: -3em;
}

.clearright{
	clear: right;
}

 sup {
	vertical-align:70%;
	font-size: 65%
}
/*     #####     for quote on right side      #####     */
div#topJazzRt {
	margin: 1em 0;
	border: solid 1px #000;
}

div#topImgRt {
	float:right;
	width: 150px; 
	height: 150px;
	background: #edeeee;/* white; */
	color: black; 
}                  /* fix for IE/Win */

div#topImgRt img {
	width: 150px; 
	height: 150px;
}

div#topJazzRt p{
	margin-right: 160px;
	padding: 0 1em;
	font-weight: bold;
	color: #000;	
	line-height: 2em;
}

div#topJazzRt h2{
	font-size: 1.5em;/*2em;*/
	padding: .5em 160px .5em .5em;/*1em 1em 1em 160px;*/
	background: #909ea8;
	color: #000;
}

div#rtAlt{
	float: right;
}
/* end of right side quote section */

/* for identifying on the side menu the page location */
.testit .box .spIntro a,
.testit2 .spIntro a

 {
	color: black;
}
/*end worked but needed one id in the body tag*/

.listNoBullet{
list-style-type: none;
	
}
div#content ul{
	margin-bottom: 1em;
 	margin-left: 1.5em;
	margin-right: 10%;
 }
 /* --------------------------------------

Special box for contact me information*/


#contact{background-color:#fff; 
	padding: 1em 0 0 1em;
	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;
	padding: 0;
	
}
/* 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;}
/* --------------------------------------*/