/* Style Sheet Prepared by Karen Piotrowski of Myriad Design/Chili Pepper Consulting 2005.4.1   */
/* W3C CSS Validator approved - http://jigsaw.w3.org/css-validator/                             */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* General Style Declarations */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body,table,tr,th,td,p,form,input,textarea,select,ul,li,dt,dl,dd {
  font-size: 9pt; 
}

body,table,tr,th,td,p,form,input,textarea,select,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6 {
  color: #333333;
  font-family: Arial, Helvetica, Sans-Serif; 
}

td   { vertical-align: top; text-align: left; }
img  { border-style: none; padding: 0px; }
form { margin: 0px; }
dl,dt,dd { margin: 0px; padding: 0px; }
ul,ol    { margin: 0px 12px 0px 26px; padding: 0px; }
li   { margin: 0px 0px 4px 0px;  }
a    { color: #333333; font-size: 9pt; text-decoration: underline; }

ul ul, ul ol, ol ol, ol ul { margin-left: 52px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Background Declarations */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body               { background-image: url(../global_img/ccc_bg_base.gif) !important; }
body.bg_quiz,
body.bg_needknow   { background-image: url(../global_img/ccc_bg_quiz_left.gif) !important; }

body.bg_needknow div,
body.bg_quiz div     { height: 100%; background-repeat: no-repeat; }
body.bg_needknow div { background-image: url(../global_img/ccc_bg_quiz_logo.gif) !important; }
body.bg_quiz div     { background-image: url(../global_img/ccc_bg_quiz_logo.gif) !important; }

/* div.bg_home, */
/* div.bg_sub         { height: 100%; background-repeat: no-repeat; } */
/* div.bg_home        { background-image: url(../global_img/ccc_bg.gif) !important; } */
/* div.bg_sub         { background-image: url(../global_img/ccc_bg_sub.gif) !important; } */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Table Cell Alignment Options */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.celltoplt { vertical-align: top;    text-align: left;   }
td.celltopct { vertical-align: top;    text-align: center; }
td.celltoprt { vertical-align: top;    text-align: right;  }
td.cellmidrt { vertical-align: middle; text-align: right;  }
td.cellmidct { vertical-align: middle; text-align: center; }
td.cellmidlt { vertical-align: middle; text-align: left;   }
td.cellbotrt { vertical-align: bottom; text-align: right;  }
td.cellbotct { vertical-align: bottom; text-align: center; }
td.cellbotlt { vertical-align: bottom; text-align: left;   }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Template Element Style Declarations */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.main_table_home    { width: 670px; }
table.main_table_sub     { width: 670px; }

table.main_content_table { width: 100%; }
td.main_content          { padding: 16px 0px 20px 16px; }

td.logo            { border-bottom: 1px solid #ffffff; width: 181px; }
td.logo_banner     { border-bottom: 1px solid #ffffff; }
td.logo_banner img { border-left: 1px solid #ffffff; }

td.section_title {
  color: #003366; 
  font-size: 14pt; 
  font-weight: bold;
  text-transform: uppercase;
}

td.section_nav   { padding: 8px 0px 8px 0px; }
td.section_nav p , 
td.section_nav p a, 
td.section_nav * { 
  color: #990033; 
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 0px; 
}

td.page_title {
  color: #003366; 
  font-size: 11pt; 
  font-weight: bold;
  padding-bottom: 6px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Primary Navigation Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.nav_primary { width: 181px; }

div.nav_primary_list { display: none; }


div.nav_primary_list,
div.nav_primary_list_show { margin: 0px 8px 6px 26px; }


div.nav_primary_list p , 
div.nav_primary_list p a, 
div.nav_primary_list_show p ,  
div.nav_primary_list_show p a  {
  color: #FFFFFF;
  font-size: 8.5pt; 
  text-decoration: none;
}

div.nav_primary_list p , 
div.nav_primary_list_show p {
  margin: 0px 0px 4px 0px;
}


ul.nav_primary_list * a:hover,
ul.nav_primary_list_show * a:hover { text-decoration: underline; }
  div.nav_primary_list * a:hover,
  div.nav_primary_list_show * a:hover { text-decoration: underline; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer Style Options */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.footer {
  border-top: 1px solid #999999;
  color: #999999;
  font-size: 8pt;
}

td.footer a,
td.footer p a  { 
  color: #333333; 
  font-size: 8pt; 
  font-weight: normal; 
  text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Chart Style Options */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Make sure chart "cellspacing" is set to 1 */
table.chart       { background-color: #333333; }
table.chart tr td { background-color: #E4E7E7; }

tr.row_red,
tr.row_red td,
table.chart tr.row_red,
table.chart tr.row_red td  {
  background-color: #990033;
  color: #eeeeee;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Quiz and Need To Know Style Options */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body.bg_quiz *     { color: #003366; }
body.bg_needknow * { color: #003366; font-weight: bold; }

table.quiz_know_table,
table.need_know_table { width: 100%; height: 100%; }

td.quiz_content_question  { font-size: 14pt; font-weight: bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* General Style Options */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.nospace { margin-bottom: 0px; padding-bottom:0px;}

td.nowrap  { white-space: nowrap; }

td.cell_yellow,
td.cell_yellow p { background-color: #D09700; }

td.cell_red,
td.cell_red p { background-color: #990033; }

p.halftop { margin: 0px; padding-bottom:6px; }
/* For halftop to work, you tag two consecutive paragraphs with this style */
/* It will reduce the spece between those two paragraphs */