body {
  font-family: 'trebuchet ms', trebuchet, verdana, tahoma, 'lucida sans', helvetica, sans-serif;
  font-size: 62.5%;
  background: #ffffff url(../images/header.jpg) top left repeat-x;
  color: #000066;
}


.clear {
  clear: both;
}


#header {
   width: 860px;
   height: 135px;
   position: relative;
}

img#cccslogo {
   position: absolute;
   top: 15px;
   left: 10px;
}
 
#quicknav {
   float:right;
  background: url(../images/quicknav_right.gif) top right no-repeat;
   margin-top: 8px;
   height: 40px;
   padding-right: 15px;
}

#quicknav ul {
   padding-left: 8px;
   height: 40px;
   background: url(../images/quicknav_left.gif) top left no-repeat;
   padding-top: 15px;
}

#quicknav ul li {
   float: left;
   padding: 0 10px 0 10px;
   background: url(../images/quicknav_orn.gif) center right no-repeat;
}

#quicknav ul li.last-child {
   background: none;
}

#quicknav ul li.first-child {
   padding-left: 15px;
}

#quicknav ul li a {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.2em;
  color: #000066;
}

#quicknav a:hover {
   text-decoration: underline;
}

#flashplace{
 background: url(../images/flash_bg.gif) bottom left repeat-x;
 padding: 3px 0 15px 0;
 z-index: 2;
}

#people {
  height: 302px;
   background: url(../images/peoplebar_bg.gif) top left repeat-x;
}

.peeps {
   float: left;
}

.peeps2{
  background: url(../images/people_base.jpg) top left no-repeat;
  width: 212px;
  height: 86px;
  position: relative;
}

.peeps2 p {
   padding-top: 20px;
   font-size: 1.4em;
   line-height: 1.2em;
   color: #ffffff;
   text-align: center;
   margin-bottom: 6px;
}


.peeps2 a {
  /* float: right; */
  color: #ffffff;
  text-decoration: none;
  background: url(../images/arrow.gif) center right no-repeat;
  padding: 6px 20px 6px 0;
  margin: 10px 5px 0 115px;
}



.peeps2 a:hover {
	background: url(../images/arrow_an.gif) center right no-repeat;
    text-decoration: underline;
}



#showcase {
  background-color: #e2e3eb;
}

.setwidth {
   width: 860px;
}

#services {
  float:left;
 width: 490px;
  background: url(../images/service_top.jpg) top left no-repeat;
  padding: 18px 0 0 0;
}

#servicehead {
   background: url(../images/services.jpg) top left no-repeat;
   display: block;
   width: 154px;
   height: 34px;
   text-indent: -2000px;
   margin-left: 20px;
}

#services ul {
   padding-top: 20px;
   padding-bottom: 30px;
   background: url(../images/service_bottom.jpg) bottom left no-repeat;
   min-height: 150px;
   list-style-type: disc;
}

#services ul li {
  margin-left: 35px;
  padding-top: 10px;
}

#services ul li a {
   font-size: 1.2em;
   text-decoration: none;
   color: #000066;
}

#services ul li a:hover {
   text-decoration: underline;
}

#rightcol {
   padding-right: 20px;
   float: right;
      width: 347px;
}

#bluecard {
   background: url(../images/creditcard_top_blue.jpg) top left no-repeat;
  min-height: 100px;
   margin-top: 10px;
}

#blackcard {
   background: url(../images/creditcard_top_black.jpg) top left no-repeat;
  margin-top: 8px;
}

#blackcard p, #bluecard p {
   padding: 30px 0 0 20px;
   font-size: 1.4em;
   line-height: 1.2em;
   font-weight: 600;
}


.carda {
   text-align: right;
   width: 347px;
   height: 35px;
   background: url(../images/creditcard_bottom.jpg) bottom left no-repeat;
   margin-top: 25px;
   position: relative;
}

.carda a {
   position: absolute;
   padding-right: 15px;
   color: #000066;
   text-decoration: none;
   font-size: 1.2em;
   top: 5px;
   right: 0;
}

.carda a:hover {
   text-decoration: underline;
}

#news {
   background: #e2e3eb url(../images/cal_top.gif) top left no-repeat;
   padding-top: 15px;
}

#news h1 {
  font-size: 1.6em;
  margin-bottom: 25px;
}

#news h1 {
   padding-left: 20px;
}
#news div.setwidth {
   background: url(../images/cal_bottom.gif) bottom left no-repeat;
   padding-bottom: 15px;
}

#news div.setwidth div {
   border-bottom: 1px solid #000066;
   margin-left: 20px;
   margin-right: 30px;
}

#news div.setwidth div.last-child {
   border: none;
}

#news h2 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

#news p {
  font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom: 10px;
}

#logos {
   height: 202px;
  background: url(../images/logobar_bg.gif) top left repeat-x;
}

#logos img {
   padding: 10px 20px;
}

#footer {
   text-align: center;
   height: 75px;
   width: 845px;
   padding-top: 15px;
   color: #333333;
  font-size: 1.2em;
   line-height: 1.4em;
}

/* INNER PAGE STYLING */

#innerwrap {
  margin: 0;
   background: #e2e3eb url(../images/left_faux.gif) bottom left repeat-y;
   border-bottom: 6px solid #edd02c;
   width: 100%;
}

#innerwrapper {
  width: 883px;
}



#leftcol_inner {
  width: 490px;

  float: left;
  height: 100%;
}

#leftcol_inner h1 {
   font-family: georgia, 'times new roman', serif;
   font-size: 2.1em;
   margin-top: 10px;
   padding-bottom: 25px;
   background: url(../images/leftcol_break.gif) bottom right no-repeat;
  padding-left: 25px;
}

#leftcol_inner img {
   border: 5px solid #000066;
 margin-left: 25px;
}


#leftcol_inner label {
 font-size:1.2em;
}

.zemError {
  font-size: 1.2em;
  color: #cc0000;
  margin-bottom: 10px;
}

#leftcol_inner dt {
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 10px;
  line-height: 1.6em;
  width: 440px;
 padding-left: 25px;
  border-top: 1px solid #e2e3eb;
}

#leftcol_inner dt.first-child {
  border-top: none;
}

#leftcol_inner dd {
  font-size: 1.4em;
  line-height: 1.2em;
  width: 440px;
 padding-left: 25px;
}


#leftcol_inner p {
  font-size: 1.4em;
  margin-top: 10px;
  line-height: 1.6em;
  width: 440px;
 padding-left: 25px;
}

#leftcol_inner textarea {
   width: 440px;
}

#leftcol_inner p.last-child {
  margin-bottom: 10px;
}



#rightcol_inner_wrap {
  background: url(../images/rightcol_repeat.gif) top left repeat-y;
  height: 100%;
  width: 353px;
  margin: 0 7px 0 495px;

}

#rightcol_inner {
  width: 353px;
  background: url(../images/rightcol_bottom.gif) bottom left no-repeat;
  padding-bottom: 15px;
}

#rightcol_inner h2 {
background: url(../images/rightcol_top.gif) top left no-repeat;
  padding: 15px 10px 20px 0;
  text-align: center;
  font-size: 2em;
  margin-bottom: 8px;
 font-family: georgia, 'times new roman', serif;
}


#innerwrap:after, #rightcol_inner:after {
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tips {
  background: url(../images/rightcol_break.gif) top left no-repeat;
  padding-top: 15px;
  margin-bottom: 15px;
}

.tips div {
  width: 245px;
  padding-left: 70px;
  margin-left: 15px;
  font-size: 1.2em;
  line-height: 1.6em;
  margin-top: 10px;
   min-height: 75px;
}



#random div.nth-child-1 div {
   background: url(../images/01.gif) top left no-repeat;
}


#random div.nth-child-2 div {
   background: url(../images/02.gif) top left no-repeat;
}

#random div.nth-child-3 div {
   background: url(../images/03.gif) top left no-repeat;
}

#random div.nth-child-4 div {
   background: url(../images/04.gif) top left no-repeat;
}

#random div.nth-child-5 div {
   background: url(../images/05.gif) top left no-repeat;
}


#footer2 {
 clear:both;
  text-align: center;
   height: 75px;
   width: 845px;
   padding-top: 15px;
   color: #333333;
  font-size: 1.2em;
   line-height: 1.4em;
}



/* DEBT CALCULATOR */

form {
  padding-left: 25px;
}

form#quiz {
   padding-left: 0;
}

.push {
   margin-top: 25px;
}

#calc label {
  float: left;
  width: 300px;
  padding-top: none;
}

#calc input {
   width: 100px;
}

.center_btn {
   margin-left: 300px;
}

td {
  font-size: 1.4em;
  padding: 10px 0;
}

td.first-child, td.nth-child-2 {
   width: 55px;
}

p.indent span, p.answer, form p.ques { 
	font-weight: bold;
}

p.indent, p.answer {
   margin: 0 12px;
}

.qbox {
   width: 416px;
   background: url(../images/ques_bot.gif) bottom left no-repeat;
   padding-bottom: 10px;
   margin-left: 25px;
}

.qboxbot {
   width: 416px;
   background: url(../images/ques_top.gif) top left no-repeat;
}

#leftcol_inner div.qbox p.ques {
  font-size: 1.4em;
  margin-top: 0;
  line-height: 1.6em;
  width: 400px;
 padding-left: 15px;;
  padding-top: 10px;
  color: #ffffff;
}

span.green {
  color: #009900;
}

span.red {
   color: #cc0000;
}

#terms {
   margin-left: 25px;
   width: 400px;
   height: 150px;
   overflow: auto;
   border: 1px solid #000066;
   padding: 10px;
   background-color:#e2e3eb;
}

#terms h2, #terms p {
   margin-left: 0;
   padding-left: 0;
   width: 374px;
}

#terms h2 {
   font-size: 1.4em;
   font-weight: bold;
}

.floaty div {
  float: left;
  margin: 5px 0;
}

#leftcol_inner h2 {
  background-color: #000066;
  color: #ffffff;
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom:10px;
   padding: 3px 10px;
   margin-top: 8px;
}

#leftcol_inner h3 {
  color: #000066;
   font-size: 1.6em;
   font-weight: bold;
   margin:10px 0 10px 25px;
}

.linebottom {
   border-bottom: 1px solid #e2e3eb;
   padding-bottom: 8px;
}

.total {
  background-color:#e2e3eb;
  padding: 10px 0;
  font-weight: bold;
}

ol#privacy {
  margin-left: 25px;
  font-size: 1.4em;
   margin-top: 10px;
   padding: 0 20px;
}

ol#privacy li {
   list-style-type: decimal;
margin: 10px 5px;
}

ol#privacy li ul li {
   list-style-type: disc;
}

#leftcol_inner a img {
	border: 0;
	margin-top: 10px;
}

strong {
 font-weight:bold;
}

.disclosure .zemContactForm {
	background-color: #243c90;
	color:#fff;
	padding:25px;
}

.disclosure .zemContactForm .zemError {
	background-color:#fff;
}

.disclosure .zemContactForm label {
	line-height:16px;
}

.disclosure .zemContactForm input {
	margin-bottom:10px;
}