body {
	margin: 5px;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	background: white;
	}
* {margin:0; padding:0;}
/* Layout Structure */

#wrapHead {
	margin-right: 5px;
	width:768px;
}	

#content {
	float: right;
	width: 640px;
/*gjg 	line-height: 1.5em;	do I need this anywhere */
float: none !important;
}
#divider{
	background-image: url(/images/whiteLine.gif);
	background-color: white;
	padding-top: 0px;
	font-size: .5em;
}
#navContain{

}
#sidebar {
	float: left;
	width: 128px;
	display: none;	
	
	}
#bottomWrap{
	padding-top: 0px;
	font-size: .6em;
	width: 640px;
	margin-left: 128px;
}
#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: 552px; /*538px;*/
	display: none;
	}
#headerLeft {
	float: left;
	width: 216px;/*230px;*/
	background: #b7c5c1;
	}	

#headerLeft h1 {
	margin: 5px 0 0 5px;	
	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{
	
}
#headNav ul, #headNav ul li {
   list-style: none;
	margin-top: 40px;
 }

 #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/askLolaNavBarNew2.gif) no-repeat top left ;
}
 a#lola:hover img{
 	border: 0;
	background: url(/images/askLolaNavBarOver.gif) no-repeat top left;
}
/*end of headNav inside header*/
	

/*main nav menu starts here */

.nav {

	border: 1px solid #FFF; /* borders the top and bottom of the top nav */
	border-width: 0 0 1px 0;
	/*	width: 100%;*/
	width: 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;
	display: none;
}

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

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

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/


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

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;
}
/*     #####     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: #002F00;/*#446175;*/ /* nice slate gray #2F4F4F; */
	font-weight: bold;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover, #content li:hover{
	color: #000;
}
/* gjg #content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }*/
table{
	width: 100%;
	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 caption{
	padding: 1.25em 0 .5em 0;
	font-size: 1.25em;
	font-weight: bold;
}
table tr.altColor{
	background: #fff;
}

.separatelines{
	display: block;
}

.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;
}

/* eric meyer */
.infoEM {
	width: 100%;
 	padding: 0 0 2em 0;
}
.infoeM table {
}
.infoEM th, .infoEM td{
	padding: 0.25em;
	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 .pimage150{
	margin-right: 150 px;
	width: 420px;
}
#content .lineHeight2{
	line-height: 2em;
}
#content .listNoBullet{
list-style-type: none;
	
}
#content p { margin-top: 0; }

#content .viewInline{
	display: inline;
}
#content .fakeh4{
font-size:1em;
font-weight: bold;
	
}
div#topJazz {
width: 100%;
margin-left: 0;
padding-left: 0;
font-size: 14px;
 }
 div#topImg{
 	margin-left: 0;
	padding-left: 0;
 }
div#topImg {
	display: none;
}
div#topJazz h2, div#topJazz h3{
margin-left: 0;
padding-left: 0;
}