/*
Author: Joe Tan (joetan54@gmail.com)
*/
html, body {
	font-size: 12px;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background: #f3ece2;
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1, h2 {
	margin: 0;
	font-size: 180%;
	color: #c60;
	font-weight: normal;
}
h1 {
	text-transform: uppercase;
}
h3 {
	margin: 0;
	font-weight: normal;
	font-size: 130%;
	color: #c60;
	text-transform: uppercase;
}
h4,h5,h6 {
	font-size: 100%;
	margin: 0;
}
h4 {
	color: #333;
	font-size: 127%;
	font-weight: normal;
}
h5 {
	color: #366;
	font-size: 127%;
	font-weight: normal;
}
h6 {
	font-size: 100%;
}
a {
	color: #336666;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}

a:active, a:focus {
outline: 0;
}


p {
	margin: 0 0 1em 0;
}

p.searchTimeStamp {
  display:none;
}

blockquote {
	
}
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.clear{
	clear: both;
}
dl dt {
	font-weight: bold;
}
ul li {
}
form input.text {
	width: 175px;
	padding: 5px 2px;
	border: 1px solid #e0d6c2;
	background:url(images/input-text.gif) no-repeat;
	font-size: 11px;
}
form input.query {
	width: 130px;
	padding: 5px 2px 5px 30px;
	border: 1px solid #eee7d9;
	background:url(images/input-search.gif) no-repeat;
	font-size: 11px;
}
form input.submit {
	padding: 3px 10px;
	color: white;
	background: url(images/input-submit.gif) repeat-x center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 0;
	cursor: pointer;
	font-size: 11px;
}

table#contentTable {
  width:1000px;
}

table#contentTable th, 
table#contentTable td {
  border:0;
  padding:0;
}

table#sansborder {
	width:100%
	border-bottom:0px;
	border-left:0px;
	border-collapse:collapse; 
	border-top:0px; 
	border-right:0px;
}

table#sansborder td {
  border:0px;
  padding:10px;
}

div#contentDiv,
#contentArea {
  font-size: inherit;
  line-height: inherit;
}

div#pagination-29473575,
div#pagination-51011034,
div#pagination-50764186 {
  background: #ebe1d5;
}

div#pagination-29473575 th,
div#pagination-510110345 th,
div#pagination-50764186 th,
div#pagination-29473575 td, 
div#pagination-51011034 td,
div#pagination-50764186 td{
  padding:2px 5px;
}

div#wrap {
	background: url(images/bg-header2.jpg) repeat-x center top;
}
div#wrap1 {
	background: url(images/bg-body3.jpg) repeat-x 0 185px;
}
div#wrap3 {
}
div#wrap4 {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

/* @group Header */

div#header {
	position: relative;
	height: 182px;
}
div#header h1 {
	position: absolute;
	top: 21px;
	left: 24px;
}
div#header h1 a {
	display: block;
	width: 396px;
	height: 90px;
	background:url(images/crl-logotag.jpg) no-repeat;
	text-indent: -10000px;
}
div#banner {
	position: absolute;
	top: 185px;
	left: 0px;
	height: 128px;
	width: 1000px;
	overflow: hidden;
}
div#banner { background:url(images/banner-generic.jpg) no-repeat; } /* default banner */
/*
.mortgage-lending     div#banner  { background:url(images/banner-mortgage.jpg) no-repeat; }
.payday-lending       div#banner  { background:url(images/payday-lending.jpg) no-repeat; }
.overdraft-loans      div#banner  { background:url(images/overdraft-loans.jpg) no-repeat; }
.credit-cards         div#banner  { background:url(images/credit-cards.jpg) no-repeat; }
.other-consumer-loans div#banner  { background:url(images/other-consumer-loans.jpg) no-repeat; }
*/

div#header .links {
  position:absolute;
  top: 0;
  right: 0;  
}

div#header .links a {
  position:relative;
  display: block;
  width: 164px;
	text-indent: -10000px;  
}

div#header .links a.aboutus {	
  background: transparent url(images/btn-aboutus.gif) no-repeat 0 0;   
  height: 23px;
}
div#header .links a.mediacenter {	
  background: transparent url(images/btn-mediacenter.gif) no-repeat 0 0; 
  position:absolute;
  top:22px;
  right:0;
  height: 25px;
}

div#header .mediacenter {
	position: absolute;
	top: 0px;
	right: 30px;
	display: block;
	width: 228px;
	height: 46px;
	background:url(images/btn-mediacenter.jpg) no-repeat;
	text-indent: -10000px;
}
div#header form.search {
	position: absolute;
	right: 0px;
	top: 60px;
}
div#header #sizer {
	position: absolute;
	top: 100px;
	right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#header #sizer a {
	display: inline-block;
	height: 20px;
	line-height: 22px;
	text-align: center;
	color: #333;
	text-decoration:none;
}
div#header #sizer .small { font-size: 12px;}
div#header #sizer .medium { font-size: 16px;}
div#header #sizer .large { font-size: 18px;}

div#header #sizer .selected {
	width: 24px;
	background:url(images/sizer.gif) no-repeat;
	color: #066;
}
div#header span#sharethis_0 {
	position: absolute;
	top: 100px;
	right: 140px;
}
/* @end */

/* @group Nav */

div#nav {
	/*position: absolute;
	top: 125px;
	left: 20px;
	z-index: 11;*/
}
div#nav ul {
	margin: 0;
	padding: 0;
}
div#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#nav ul.level-1 {
	width: 1000px;
	height: 57px;
}
div#nav ul.level-1 li.level-1 {
	position: absolute;
	height: 56px;
	top:125px;
	left:-2000px;
}
div#nav ul.level-1 li.over,
div#nav ul.level-1 li.hover {
	z-index: 13;
	xzoom:1;
}
div#nav ul.level-1 li.level-1 a.level-1 {
	display: block;
	height: 57px;
	xwidth: 100px;
	background: url(images/nav2.jpg) no-repeat;

	text-indent: -10000px;
}
div#nav ul.level-1 li.mortgage-lending     { left:20px; width:151px;}
div#nav ul.level-1 li.payday-lending       { left:171px; width:131px;}
div#nav ul.level-1 li.overdraft-loans      { left:302px; width:139px;}
div#nav ul.level-1 li.credit-cards         { left:441px; width:109px;}
div#nav ul.level-1 li.other-consumer-loans { left:550px; width:186px;}
div#nav ul.level-1 li.tools-resources      { left:736px; width:162px;}
div#nav ul.level-1 li.take-action          { left:899px; width:103px;}

div#nav ul.level-1 li.mortgage-lending     a.level-1 { width: 151px; }
div#nav ul.level-1 li.payday-lending       a.level-1 { width: 131px; background-position: -151px 0;}
div#nav ul.level-1 li.overdraft-loans      a.level-1 { width: 139px; background-position: -282px 0;}
div#nav ul.level-1 li.credit-cards         a.level-1 { width: 109px; background-position: -421px 0;}
div#nav ul.level-1 li.other-consumer-loans a.level-1 { width: 186px; background-position: -530px 0;}
div#nav ul.level-1 li.tools-resources      a.level-1 { width: 162px; background-position: -716px 0;}
div#nav ul.level-1 li.take-action          a.level-1 { width: 103px; background-position: -879px 0px;}

div#nav ul.level-1 li.hover                a.mortgage-lending,
div#nav ul.level-1 li.selected             a.mortgage-lending,
div#nav ul.level-1 li.mortgage-lending     a.level-1:hover { background-position: 0px -57px; }
div#nav ul.level-1 li.hover                a.payday-lending,
div#nav ul.level-1 li.selected             a.payday-lending,
div#nav ul.level-1 li.payday-lending       a.level-1:hover { background-position: -151px -57px;}
div#nav ul.level-1 li.hover                a.overdraft-loans,
div#nav ul.level-1 li.selected             a.overdraft-loans,
div#nav ul.level-1 li.overdraft-loans      a.level-1:hover { background-position: -282px -57px;}
div#nav ul.level-1 li.hover                a.credit-cards,
div#nav ul.level-1 li.selected             a.credit-cards,
div#nav ul.level-1 li.credit-cards         a.level-1:hover { background-position: -421px -57px;}
div#nav ul.level-1 li.hover                a.other-consumer-loans,
div#nav ul.level-1 li.selected             a.other-consumer-loans,
div#nav ul.level-1 li.other-consumer-loans a.level-1:hover { background-position: -530px -57px;}
div#nav ul.level-1 li.hover                a.tools-resources,
div#nav ul.level-1 li.selected             a.tools-resources,
div#nav ul.level-1 li.tools-resources      a.level-1:hover { background-position: -716px -57px;}
div#nav ul.level-1 li.hover                a.take-action,
div#nav ul.level-1 li.selected             a.take-action,
div#nav ul.level-1 li.take-action          a.level-1:hover { background-position: -879px -57px;}

div#nav ul.level-2 {
	display: none;
	position: absolute;
	top: 57px;
	left:0px;
	white-space: nowrap;
	z-index: 11;
	xwidth:900px;
	background:  url(images/nav-drop.gif);
}
div#nav li.hover ul.level-2 {
	display: block;
}
div#nav ul.level-2 li {
	display: inline-block;
	xfloat: left;
	white-space: nowrap;
	margin: 0;
	height: 30px;
	line-height: 30px;
	background: url(images/nav-drop.gif);
	color: #999966;
}
div#nav ul.level-2 li a {
	display: inline-block;
	xfloat: left;
	margin: 0;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	text-decoration: none;
	background: url(images/nav-drop-selected.gif) -1000px -1000px no-repeat;
}
div#nav ul.level-2 li a:hover {
	color: white;
	background-position: 0px 0px;
	background-repeat: repeat-x;
}


div#nav ul.level-1 li.other-consumer-loans ul.level-2,
div#nav ul.level-1 li.tools-resources ul.level-2,
div#nav ul.level-1 li.take-action ul.level-2,
div#nav ul.level-1 li.get-help ul.level-2
{
left:auto;
right:0px;
text-align:right;
}
/* @end */

/* @group Content */

div#content {
	margin-top: 160px;
	width: 572px;
	float: left;
	padding: 0 0 30px 30px;
	line-height: 1.7;
}
div#content .box {
	margin-left: 0;
	margin-right: 0;
	width: 280px;
	background: url(images/box-content.jpg) no-repeat;
	min-height: 235px;
}
div#content .box-alignleft { float: left; }
div#content .box-alignright { float: right; }
div#content .box .inner {
	padding: 30px 20px 20px 30px;
}

div#content .box h3.learnmore span,
div#content .box h3.domore span,
div#content .box h3.quicklinks span,
div#content .box h3.takeaction span {
	float:left;
	text-indent:-10000px;
}

div#content .box h3 {
	font-size: 145%;
	/*padding-top: 5px;*/
	height: 80px;
	position:relative;
}

div#content .box h3 img {
border: 1px solid #d5cab7; 
padding: 2px; 
background: #FFF;
position:absolute; 
top:0;
left:0;
zoom:1;
}

/*div#content .box h3.takeaction { background: url(images/icon-takeaction.gif) no-repeat left top; padding-left: 58px;}*/
/*div#content .box h3.quicklinks { background: url(images/icon-quicklinks.gif) no-repeat left top; padding-left: 35px;}*/
div#content .box h3.takeaction { background: url(images/home-action.gif) no-repeat left top; background-position: -10px -16px;}
div#content .box h3.quicklinks { background: url(images/quicklinks.gif) no-repeat left top; background-position: -10px -16px;}
div#content .box h3.learnmore { background: url(images/learnmore-1.gif) no-repeat left top; background-position: -10px -16px;}
div#content .box h3.domore{ background: url(images/domore.gif) no-repeat left top; background-position: -10px -16px;}
div#content .box h3.tools { background: url(images/quicklinks.gif) no-repeat left top; background-position: -10px -16px;}

div#content .highlight {
	width: 300px;
	background:url(images/box-highlight.gif) no-repeat 0px 0px;
}
div#content .highlight .inner {
	padding: 10px 0px;
	text-align: center;
	background:url(images/box-highlight-right.gif) no-repeat top right;
}
div#content .highlight h5 {
	margin: 5px 0;
}
div#content h5 a {
  text-decoration: none;
}

div#content div#listtype a.selected {
  text-decoration:none;
  color: black;
  font-weight:bold;
}

div#content div#listtype {
  float:right;
  background: #EBE1D5 none repeat scroll 0 0;
  width:100%;
  text-align:right;
}

div.meta {
	margin-bottom: 15px;
}
div.meta a.print {
	background:url(images/icon-print.gif) no-repeat left center;
	padding:5px 0 5px 30px;
	margin-right: 10px;
	line-height: 30px;
	height: 30px;
}
div.nav {
	background: #ebe1d5;
	padding: 5px 10px;
	margin: 0 0 15px 0;
}
div.nav .items {
	float: left;	
}
div.nav .pages {
	float: right;
}

ul.posts {
	margin: 0 0 15px 0;
	padding: 0;
}
ul.posts li {
	padding: 10px 5px;
	list-style: none;
}
ul.posts li.odd {
	background: #eee6db;
}

.filter {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom:1px dotted #bfa579;
	color: #676566;
}
.filter input, .filter select {
	margin-top: 15px;
}
.filter .quick {
	float: left;
	width: 190px;
	background: url(images/vert-sep.gif) no-repeat right center;
}
.filter .quick .text,
.filter .advanced .text {
	width: 100px;
}
.filter .advanced {
	float: right;
	width: 370px;
}
.filter .advanced select {
	width: 90px;
}

.media{
  float:left;
  width:160px;
  height:200px;
  padding:0 0.5em;
}

.media img {
  max-width:100px;
  max-height:100px;
}

div.searchNavigation {
  margin-bottom:5px;
  background:#EBE1D5 none repeat scroll 0 0;
}

.ga-petitionContent td {
  background-color: transparent;
}


/* @end */

/* @group Sidebar */

div#sidebar {
	margin-top: 160px;
	float: right;
	width: 320px;
	margin-right: 20px;
	
}
div#sidebar .box {
	margin-bottom: 20px;
	min-height: 300px;
	background: url(images/box-sidebar.gif) no-repeat;
}
div#sidebar .box2 {
	height: 285px;
	min-height: 285px;
	background:url(images/box-sidebar.gif) no-repeat;
}
div#sidebar .box .inner {
	padding: 17px 20px 0px 20px;
	min-height:300px;
}
div#sidebar .box h3 {
	margin-bottom: 20px;
}

div#sidebar .box h3 a {
  text-decoration: none;
  color:#CC6600;
}

div#sidebar .box h4 {
	margin-bottom: 10px;
}
div#sidebar .signup input.email {
	width: 150px;
}
div#sidebar .signup input.submit {
  width:110px;
}
div#sidebar a.feed {
	display: block;
	margin: 15px 0;
	padding: 16px 0 0 65px;
	height: 44px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:url(images/generic-rss.gif) no-repeat;
	color: #066;
	font-size: 15px;
	text-decoration: none;
}
div#sidebar .cloud {
	height: auto;
}
div#sidebar .cloud #words {
	padding: 10px;
	background: #f5f0ea;
	border: 1px solid #d2ccb6;
	line-height: 25px;
	font-size: 10px;
	text-align: justify;
}
div#sidebar .cloud #words a {
	text-decoration: none;
}

div#sidebar ul.subnav, div#sidebar ul.subnav ul {
	margin: 0;
	padding: 0;
}
div#sidebar ul.subnav li {
	list-style: none;
}
div#sidebar ul.subnav li a {
	margin: 0 0 5px 0;
	padding: 0 0 5px 5px;
	display: block;
	color: #066;
	font-size: 118%;
	border-bottom:1px dotted #bfa579;
	text-decoration: none;
}
div#sidebar ul.subnav li .selected {
  background: url(images/input-submit.gif) repeat-x center;
  color: #ffffff; 

}
div#sidebar ul.subnav ul a {
	padding-left: 20px;
}
div#sidebar ul.subnav a:hover {
  background: url(images/input-submit.gif) repeat-x center;
	color:#ffffff;

}
div#sidebar ul.subnav > li.last a {
	border-bottom: 0;
}

div#sidebar div.resources {
  padding:0 0 0 2em;
}

div#sidebar div.inner div.resources {
  padding: 0;
}

div#sidebar div.resources ul {
  margin:0;
  padding:5px 0 0;
}

div#sidebar div.resources ul li {
  list-style-image:none;
  list-style-position: outside;
  list-style-type: none;
  margin:0;
  padding:0;
}

div#sidebar div.resources ul li a {
  display:block;
  width: 240px;
  height:28px;
  text-indent:-100000px;
  margin: 5px 0 10px;
}

div#sidebar div.resources ul li a.policymakers { background: transparent url(images/btn-resources.jpg) no-repeat -240px 0; height: 27px; }
div#sidebar div.resources ul li a.consumers { background: transparent url(images/btn-resources.jpg) no-repeat -240px -26px; height: 27px; }
div#sidebar div.resources ul li a.allies { background: transparent url(images/btn-resources.jpg) no-repeat -240px -52px; height: 27px; }
div#sidebar div.resources ul li a.litigators  { background: transparent url(images/btn-resources.jpg) no-repeat -240px -78px; height:27px; }

div#sidebar div.resources ul li a.policymakers:hover { background: transparent url(images/btn-resources.jpg) no-repeat 0 0; height: 27px; }
div#sidebar div.resources ul li a.consumers:hover { background: transparent url(images/btn-resources.jpg) no-repeat 0 -26px; height: 27px; }
div#sidebar div.resources ul li a.allies:hover { background: transparent url(images/btn-resources.jpg) no-repeat 0 -52px; height: 27px; }
div#sidebar div.resources ul li a.litigators:hover  { background: transparent url(images/btn-resources.jpg) no-repeat 0 -78px; height:27px; }


.hideSubsubNav { display:none }
.selectedSubsubNav { 
  background: url(images/input-submit.gif) repeat-x center;
  color: #ffffff; 
}

/* @end */

/* @group Footer */

div#footer {
	position: relative;
	background: url(images/bg-footer.gif) repeat-x top;
}
div#footer2 {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 980px;
}

div#footer .links {
  position: absolute;
  top:15px;
}

div#footer .links a {
	display: block;
	width: 162px;
	height: 44px;
	text-indent: -100000px;
}

div#footer .links a.contact { background: transparent url(images/btn-contactus.gif) no-repeat 0 0; }

div#footer .links2 {
  position: absolute;
  top:20px;
  right:0;
}

div#footer .links2 a {
	display: block;
	float: left;
	width: 120px;
	margin-right: 20px;
	padding-left: 50px;
	height: 40px;
	text-indent: 10px;
	padding-top:10px;
}

div#footer .links2 a.nc { 
  background: transparent url(images/logo-nc.gif) no-repeat 0 0; 
}
div#footer .links2 a.ca { 
  background: transparent url(images/logo-ca.gif) no-repeat 0 0; 
  width: 90px;
}
div#footer .links2 a.espanol{ 
  background: transparent url(images/logo-es.gif) no-repeat 0 0; 
  width: 80px;
}
div#footer .links2 a.sitemap { 
  background: transparent url(images/logo-sitemap.gif) no-repeat 0 0; 
  width: 55px;
}

div#footer .btn-footer {
	position: absolute;
	top: 20px;
}
div#footer .btn-footer a {
	display: block;
	float: left;
	width: 0px;
	height: 25px;
	margin-right: 5px;
	background:red url(images/btn-footer.gif) no-repeat;
	text-indent: -10000px;
}
div#footer .btn-footer a.research { background-position: 0px 0px; width: 155px;}
div#footer .btn-footer a.about    { background-position: -161px 0; width: 80px;}
div#footer .btn-footer a.contact  { background-position: -244px 0; width: 92px;}
div#footer .btn-footer a.espanol  { background-position: -339px 0; width: 95px;}

div#footer .btn-resources {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 230px;
	padding: 0 0 0 86px;
	height: 66px;
	overflow: hidden;
	background:url(images/btn-resources.gif) no-repeat;
}
div#footer .btn-resources strong {
	display: none
}
div#footer .btn-resources a {
	display: block;
	/*float: left;*/
	width: 0px;
	height: 29px;
	text-indent: -10000px;
}
div#footer .btn-resources a.consumers  { 
  float:left;
  margin-top:5px; 
  width: 114px;
}
div#footer .btn-resources a.policy     { 
  margin-left:75px;
  width: 141px;
}
div#footer .btn-resources a.litigators { 
  margin-top:5px;
  margin-left:116px;
  width: 108px;
}
div#footer .btn-resources a.allies { 
  float:left;
  width: 70px;
}

div#footer .btn-states {
	position: absolute;
	top: 70px;
}
div#footer .btn-states a {
	display: block;
	float: left;
	width: 100px;
	margin-right: 20px;
	padding-left: 50px;
	height: 40px;
	background:  no-repeat;
	text-indent: -10000px;
}
div#footer .btn-states a.nc { background-image: url(images/flag-nc.gif); }
div#footer .btn-states a.ca { background-image: url(images/flag-ca.gif); }
div#footer .btn-states a.sitemap{ background-image: url(images/sitemap.gif)}
/*div#footer .sitemap {
  position:absolute;
  top:80px;
  left:320px;
  font-size:12px;
	background:  no-repeat;
	text-indent: -10000px;  
}*/

div#footer .info {
	margin:120px 0 0 0;
	padding: 30px 0 0 0;
	background: url(images/footer-hr.gif) no-repeat top center;
	color: #333;
}
div#footer .info a {
	color: #333;
}
div#footer .trinet {
	position: absolute;
	top: 234px;
	right: 0px;
	color: #666;
}
div#footer .trinet a {
	color: #666;
	text-decoration: none;
}
div#footer .trinet a:hover {
	text-decoration: underline;
}
/* @end */