body {
font: Arial, Helvetica, sans-serif;
color: #191e3f;
background-color: #eeeeee;
}

TD {vertical-align: top;}

/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: -28px 50px 50px 50px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #000; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 10px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f0d7db; /* set unselected tab background color as desired */
color: #000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
/* end css tabs */

.content, .shadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}

.shadow { background-color: #ccc; }

.content {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 0.5em;
}

.container { width: 900px; padding:0px; margin: 40px 0px 0px 20px; border: 1px solid #eee;}

/* text styling */
h1 {font-size: 36px; color:#000066;}
.white_9 {font-size: 9px; color: #fff;}
.white_12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.white_12_bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.white_14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold;}

/* form */
#form {text-align: center; background-color:#FFFFFF;}

/* old style */
.blue_14 {color: #191E3F; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: .5cm;}
.blue_14_bold {color: #191E3F; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.blue_12 {color: #191E3F; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.red_italic {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #A9122A; font-style:italic; font-weight: bold;}
big {line-height: .5cm; color: #191E3F; font-family: Arial, Helvetica, sans-serif;font-size: 14px;} 

.red_12 {color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

div.scroll {
text-align: left;
height: 200px;
width: 800px;
overflow: auto;
border: 1px solid #666;
padding: 10px;
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

/* settings for index page */
/* northeast cpr logo placement */
img.index_logo {position: absolute; z-index: 20; top: 80px; left: 65px;}

/* view testimonials placement */
img.testimonials {position: absolute; z-index: 10; top: 300px; left: 80px;}  

/* firewoman placement */
img.firewoman {position: absolute; z-index: 10; top: 199px; left: 718px;}

/* firemen placement */
img.firemen {position: absolute; z-index: 10; top: 203px; left: 665px;}

/* red stripe placement */
img.index_red_stripe {position: absolute; z-index: 10; top: 160px; left: 21px; background-image:url(../images/red_stripe.gif); width: 899px; height: 15px;}

#index_content {width: 400px; text-align: left; padding: 10px 20px 7px 250px;}
#index_content_text {padding: 10px 0px 0px 20px; }




/* settings for classes page */
/* northeast cpr logo placement */
img.classes_logo {position: absolute; z-index: 20; top: 330px; left: 725px;}

/* red stripe placement */
img.classes_red_stripe {position: absolute; z-index: 10; top: 390px; left: 21px; background-image:url(../images/red_stripe.gif); width: 899px; height: 15px;}

#classes_content {width: 800px; text-align: left; padding: 0px 20px 70px 20px;}

#rates_content {width: 800px; text-align: left; padding: 0px 20px 260px 50px;}

#testimonials_content {width: 800px; text-align: left; padding: 0px 20px 180px 50px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#testimonials_content_faq {width: 800px; text-align: left; padding: -20px 20px 180px 50px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}

#contact_content {width: 400px; text-align: left; padding: 0px 20px 77px 250px;}
#contact_content_text {padding: 30px 25px 0px 20px; }

/* northeast cpr logo placement for FAQ*/
img.faq_logo {position: absolute; z-index: 20; top: 370px; left: 725px;}

/* red stripe placement for FAQ*/
img.faq_red_stripe {position: absolute; z-index: 10; top: 410px; left: 21px; background-image:url(../images/red_stripe.gif); width: 899px; height: 15px;}