/* table types required for Intranet site / kpaa live site */

/* table types: as much as possible, use DIVs instead of tables - i.e., if just for lists or text, use DIV

So, DIV types required are: */
.box_std, .box_std_white, .box_std_blue   {  
margin-top: -1px;
margin-left: 1px;
border: 1px solid #cacaca;
padding-left: 15px;
padding-right: 15px;
}

.box_std 	{background: #fafafa;}
.box_std_white 	{background: #ffffff;}
.box_std_blue   {background: #99BBD9;}

.box_fleft_white, .box_fright_white  {
margin-top: -1px;
margin-left: 1px;
border: 1px solid #cacaca;
padding-left: 15px;
padding-right: 15px;
height: auto;
}

.box_fleft_white  { float: left;  background: #ffffff; margin-right: 15px; }
.box_fright_white { float: right; background: #ffffff; margin-right: 8px;  }

.box_fleft_white .list_bull li, .box_fright_white .list_bull li, .box_std .uline li, .box_std_white .uline li
     { border-bottom: 1px solid #D4DFFA; padding-bottom: 8px;}
.box_fleft_white .list_bull li.last, .box_fright_white .list_bull li.last, .box_std .uline li.last, .box_std_white .uline li.last
     { border: none; }


/* same as std tables h2 */
.box_std h2, .box_std_white h2, .box_std_blue h2, .box_fleft_white h2, .box_fleft_white h2  {  
border-bottom: 5px solid #007000;
background: #efefef;
  margin: 0;
  padding: 10px 18px; 
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom:  10px;
}

.box_std .subhd, .box_std_white .subhd, .box_std_blue .subhead, .box_fleft_white .subhd, .box_fright_white .subhd {  
border-bottom: 3px solid #007000;
background: #cacaca;
  margin: 0;
  padding: 6px 18px; 
  margin-top:     -10px;
  margin-right:   -15px;
  margin-bottom:   10px;
  margin-left:    -15px;
  font-size: 100%;
  font-weight: 600;
}

tr.subhd td {
border-bottom: 2px solid #007000;
background: #cacaca;
  margin: 0;
  padding: 4px;
  padding-left: 10px;
  margin-top:     -20px;
  margin-right: -20px;
  margin-bottom:  10px;
  margin-left: -15px;
  font-size: 80%;
  font-weight: 600;
  line-height: 100%;
  color: #007000;
  vertical-align: bottom;
}

.box_std ul,       .box_std ul li,       .box_std p, 
.box_std_white ul, .box_std_white ul li, .box_std_white p, 
.box_std_blue ul,  .box_std_blue ul li,  .box_std_blue p 
{
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 0.5em; margin-bottom: 0.5em; 
}

.box_std .list_bull li, .box_std_white .list_bull li, .box_std_blue .list_bull li {padding-left: 1.8em; }

.box_std em, .box_std_white em, .box_std_blue em  {background: #F5F5DC; font-style: normal; }

tr.table:hover {
background: url("images/button_highlight_blue_solid.gif")  repeat top left; 

}

.list_blueline { 
list-style-type: none;
}

.list_blueline li, 
.box_std_white .list_blueline li, 
.box_std       .list_blueline li,   
.box_std_blue  .list_blueline li 
{
border-bottom: 1px solid #99BBD9;
padding-top:    10px;
padding-bottom: 3px;
margin-top: -8px;
}

.list_blueline li:hover {
background: #99BBD9;
color: #000000;
}


/*
- regular - std H2, std subhd, white b/g, no hover, std border all cells
- striped - new_grad_tbl_stripe_5x30.gif on TR [CAN MAKE HEIGHT 100% OF CELLS???]; hover b/g white; 
- shade_all - #fafafa b/g all cells below subhead; std h2, std subhead, no hover
- shade_alt - create TR for odd & even - odd b/g #ffffff; even b/g #fafafa

- oranggebox - orange border; std h2, std subhead; all cells below subhead g/g #fafafa; 
- orange_center - don't need h2 or subhead; width 50%; margin-left 20%; margin-right 30%; b/g #fafafa

*/

/* default table setup ************************************************************************** */
/*
widths:  w30 ... w99 
margin-left: 1px;

table 
background: white;
border: 1px solid #cacaca;
border-collapse: collapse;

h2 for all tables:  color: #007000;  font-size: 133%;  line-height: 120%; border-bottom: 3px solid #007000; background: #efefef;

*/

.box .subhead { 	/* IS required for subheadings - shaded, border, smaller bold font */
border-bottom: 2px solid #007000;
background:    #eaeaea; 
color:         #007000; 
font-size:     85%; 
font-weight:   600; 
margin-top:    0px;
padding-top:   4px;
}

/* 
table p {padding: .5em .5em 0em .5em; } 

table em {
background: #F5F5DC;
font-style: normal;
color: #007000
}
*/

/* normal table row - undecorated - settings s/b inherited by other TR types unless overridden */
/* tr {line-height: 150%;
background: #ffffff;
}
*/

/* 
tr.striped {	
background:
 url("../images/new_grad_tbl_stripe_5x30.gif");  
 background-repeat: repeat-x;   
 background-position: top left;
 margin-top: 0; margin-left:0px; 
border-top: none;
}
*/

/* shaded row with top border - every 2nd row */
tr.even {	
background: #eaeaea;
border-top: 1px solid #cacaca;
}

/* tr:hover highlights whole row on mouse-over; by putting it here, leaves H2/subhead alone */
/* don't know if we want this or not .... */
/* for rows where b/g is white, should be fine; for others, figure out option */
/*
tr:hover { 
color: #ffffff; 
text-decoration: none;  
background: url("../images/button_highlight_blue_solid.gif")  repeat top left; 
}
*/

/* standard TD layout */
/* td {		
padding-left:  10px;
margin-left:   0px; 
vertical-align: top;
padding-right: 0px;
padding-top:  0px; 
border-left:  1px solid #cacaca;
border-right: 1px solid #cacaca;
border-top:   1px solid #cacaca;
}
*/

/* lay out multi-column (mc) pseudo-tables ***************************************************************** */
  .mchdr, .mcsubhdr, .inner, .innerfirst {background: white; }
  .mchdr    { border: 1px solid #cacaca; border-bottom: 5px solid #007000; background: #eaeaea; }
  .mchdr h2 { border-bottom: none; background: none; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px;  }
  .mcsubhdr { border: 1px solid #cacaca; border-bottom: 2px solid #007000; background: #ccc; }
  .mcsubhdr { font-size: 10px; color: #007000; padding-top: 12px; padding-bottom: 12px; } 
  .mcl, .mcc { float: left;}
  .mcr { float: right;}
  .inner, .innerfirst  { padding-top: 10px; padding-bottom: 10px; border: 1px solid #cacaca; border-top: none; margin-top: 0px;}
  .innerfirst  { border-top: none;  }
  .inner em, .innerfirst em { background: #F5F5DC; text-decoration: none; font-style: normal; color: #007000;}
  .mcleven {background: #fafafa; }
  .mcl, .mcc, .mcr { margin-top: -6px; margin-bottom: -6px;}
  /* dummy classes for identifying cols in pseudo-table divs - makes search & replace of widths, etc. much easier */
  .mc_c1, .mc_c2, .mc_c3, .mc_c4, .mc_c5, .mc_c6, .mc_c7, .mc_c8 { }
/* end layout of mc pseudo-tables ************************************************************************* */



/* Overrides for left nav; h3 for "who we are" etc.; vo1 for orange vert bar | on top-level list; v02 for indented org ">" */
.nav_left h3 { font-size: 14px; font-weight: 600; margin-top: 14px; color: #525252; margin-bottom: 2px; }
.vo1, .vo2 { color: #ffcc00; font-weight: 600; padding-left: 0px; padding-right: 2px; text-decoration: none; }
.vo2 {padding-left: 9px; }