/*
 *  new_kerpoof.css
 *
 *  Coypright (c) 2006 Apictura, LLC.  All Rights Reserved.
 */



/*----------------------- Site Defaults ---------------------------*/

body {
    background-color:#ffffff;
    color: black;
    font-family: Myriad, Arial,"Times New Roman", times, serif;
    font-size: 12pt;
    margin:0px;
    padding:0px;
    text-align: left;
}

/*----------------------- Front Page ---------------------------*/

.cont_1 {
  position: relative;
  width: 710px;
  text-align:left;
  background-image: url('/cb/images/cb/homepage/cbkg.gif');
  background-repeat: repeat-y;
  background-position: top center;
}

.cont_2 {
  position: relative;
  width: 660px;
  left: 25px;
  text-align:left;
  background-color: #a5c5d5;
  border: 1px solid #000;
}

.cont_3 {
  position: relative;
  width: 660px;
  left: 25px;
  text-align:left;
  border: 1px solid #000;
}

.cont_4 {
  position: absolute;
  font-size: 14px;
  top:55px;
  width:300px;
  left: 270px;
  text-align:justify;
}

.cont_5 {
  position: absolute;
  font-size: 15px;
  top:480px;
  width:200px;
  left:420px;
}

.top_half {
  background-image: url('/cb/images/cb/homepage/clouds_bkg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

.top_half_info {
  background-image: url('/cb/images/cb/homepage/clouds_bkg_info_2.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

.bottom_half {
  background-image: url('/cb/images/cb/homepage/grass.gif');
  background-repeat: no-repeat;
  background-position: bottom center;
}

.bottom_half_info {
  background-image: url('/cb/images/cb/homepage/grass2.gif');
  background-repeat: no-repeat;
  background-position: bottom center;
}

.language_sel {
  position: absolute;
  top:6px;
  left:8px;
  font-size:11px;
  color:#43688B;
}

.language_sel a {
  font-size:11px;
  color:#43688B;
  text-decoration:none;
}

.nav_bar {
  position: absolute;
  font-size:12px;
  color:#ffffff;
  border: 1px solid #43A7DE;
  background-color: #43A7DE;
}

.nav_bar a {
  font-size:13px;
  color:#3B6084;
  text-decoration:none;
}

A:link {color:#3B6084; text-decoration: none}
A:visited {color:#3B6084; text-decoration: none}
A:active {color:#3B6084; text-decoration: none}
A:hover {color:#df920e; text-decoration: none;}

.logo {
  position: absolute;
  top: 30px;
  left: 15px;
  z-index: 5;
}

.logo_cc {
  position: absolute;
  text-align: center;
  top: 20px;
  left: 192px;
  width: 212px;
  height: 147px;
  z-index: 3;
}

.logo_fav {
  position: absolute;
  top: 113px;
  left:65px;
  z-index: 6;
}

.fp_tl {
  width: 19px;
  height: 19px;
  background-image: url('/cb/images/cb/homepage/tl2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.fp_tr {
  width: 19px;
  height: 19px;
  background-image: url('/cb/images/cb/homepage/tr2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.fp_t {
  height: 19px;
  background-image: url('/cb/images/cb/homepage/t2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.fp_l {
  width: 19px;
  background-image: url('/cb/images/cb/homepage/l2.png');
  background-repeat: repeat-y;
  background-position: top left;
}

.fp_m {
  background-color: #46688b;
}

.fp_r {
  width: 19px;
  background-image: url('/cb/images/cb/homepage/r2.png');
  background-repeat: repeat-y;
  background-position: top left;
}

.fp_bl {
  width: 19px;
  height: 19px;
  background-image: url('/cb/images/cb/homepage/bl2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.fp_br {
  width: 19px;
  height: 19px;
  background-image: url('/cb/images/cb/homepage/br2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.fp_b {
  height: 19px;
  background-image: url('/cb/images/cb/homepage/b2.png');
  background-repeat: repeat-x;
  background-position: top left;
}

.footer_cont {
  text-align:center;
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #43A7DE;
  background-color: #43A7DE;
}

.footer_cont a {
  color: #dddddd;
  text-decoration: none;
}

/*----------------------- Section titles ---------------------------*/

.section_title {
  position: absolute;
  top: -18px;
  left: 14px;
  z-index: 5;
}

.section_title_1 {
  position: relative;
  z-index: 1;
  float: left
}

.section_title_2 {
  position: relative;
  min-width: 110px;
  float: left;
  height: 21px;
  overflow: hidden;
  background-image: url('/cb/images/cb/misc/section_title_mid.png');
  background-repeat: repeat-x;
}

.section_title_3 {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  z-index: 2;
  padding: 0px 4px;
  cursor: default;
}

/*----------------------- Section containers ---------------------------*/

.dot_border {
  position: relative;
  padding: 5px 5px 0px 5px;
  margin-top: 35px;
  background-image: url('/cb/images/cb/misc/dot_border.gif');
  background-repeat: repeat;
  z-index: 6;
}

.dot_inner {
  position: relative;
  background-color: #fff;
  z-index: 6;
}

.dot_border_b {
  position: relative;
  height: 5px;
  background-image: url('/cb/images/cb/misc/dot_border.gif');
  background-repeat: repeat-x;
  z-index: 5;
}

/*----------------------- Site graphics and buttons -----------------------*/

img {
  border:0px;
}

div.blue-line {
  border: 0;
  background-color: #bce;
  height: 5px;
  overflow: hidden;
}

div.pink-line {
  border: 0;
  background-color: #ebc;
  height: 5px;
  overflow: hidden;
}

div.green-line {
  border: 0;
  background-color: #293;
  height: 5px;
  overflow: hidden;
}

/*-------------------- Callout specific ------------------------*/

.calloutMenu td {
  font-weight: bold;
  font-size: 12pt;
  color: #36b;
}


/*-------------------- CMS specific ------------------------*/

.cms_small_1 {
  position:   relative;
  width:      250px;
  text-align: left;
}

.cms_small_2 {
  position:     relative;
  width:        250px;
  border:       1px solid #bbb;
  margin-right: 8px;
  padding:      5px;
  float:        left;
}

.cms_header_1 {
  margin-bottom: 15px;
  font-size:     14px;
  font-weight:   bold;
  color:         #358;
  text-align:    left;
  border-bottom: 1px solid #aaa;
}

.cms_header_2 {
  position:      relative;
  font-size:     11px;
  color:         #999;
  text-align:    right;
  float:         right;
}

.cms_large_1 {
  position:         relative;
  width:            580px;
  height:           164px;
  overflow:         hidden;
  border:           1px solid #bbb;
  text-align:       left;
  font-size:        16px;
  padding:          8px;
}

.cms_large_2 {
  position:         relative;
  width:            580px;
  border:           1px solid #bbb;
  text-align:       left;
  font-size:        16px;
  padding:          8px;
}

/* -------- Form common styles: membership --------- */

div.row {
  clear: both;
  padding: 3px 0px 3px 0px;
}

div.row span.label {
  float: left;
  width: 220px;
  text-align: right;
  padding-right: 5px;
}

div.row span.label_error {
  float: left;
  width: 220px;
  text-align: right;
  color: #DC143C;
  padding-right: 5px;
}

.input-box {
  color: black;
  background-color: #E0E1E2;
  border: 1px solid #687888;
  width: 200px;
  height: 19px;
}

.select-box {
  color: black;
  background-color: #E0E1E2;
  border: 1px solid #687888;
  width: 202px;
  height: 19px;
}

/* ---------------------- Text properties -------------------- */

h1 {
   text-align:      left;
   margin-left:     20px;
   margin-right:    20px;
   
}

h2 {
   text-align:      left;
   margin-left:     40px;
   margin-right:    20px;
}

h3 {
   text-align:      left;
   margin-left:     40px;
   margin-right:    20px;
}

h4 {
   text-align:      left;
   margin-left:     60px;
   margin-right:    20px;
}

p {
   text-align:      left;
   margin-left:     60px;
   margin-right:    20px;
}

ul {
   margin-top:      7px;
}

li {
   text-align:      left;
   margin-left:     65px;
   margin-right:    20px;
}

.footer {
   text-align:      center;
}

.text-white-large {
  color: #FFFFFF;
  font-size: 23pt;
  font-weight:bold;
  margin: 12px 0px;
}

.text-white-medium {
  color: #FFFFFF;
  font-size: 16pt;
  font-weight:bold;
}

.text-white-small {
  color: #FFFFFF;
  font-size: 10pt;
  font-weight:bold;
}

.text-red-small {
  color: #FF5555;
  font-size: 10pt;
  font-weight:bold;
}

/*-------------------- Contact page -------------------------*/

div.warning_div {
  background-image: url('/cb/images/cb/buttons/exclamation.gif');
  background-repeat: no-repeat;
  background-position: 8px center;
  text-align: left;
  color: #000;
  padding: 0px 10px 0px 40px;
  margin: 2px 0px 2px 108px;
}

/*-------------------- FAQ / Help -------------------------*/

div.hidden_ans {
  display: none;
  margin-left:60px
}

.q_and_a {
  margin-left:60px;
}

.q_and_a_img {
 position:relative;
 top:6px;
 margin-right:3px;
}