/* Source:  http://accessat.c-net.us/articles/convert/test/list.html */

/* KP - specs below for 2, 3 and 4-col tables */
/* 2-col presented as right-aligned table within a table to allow for left margin */
/* 4-col presents as % of full width, assumes 25% for each col */

/* @import "list-adv.css";  ** no longer req'd ** */

@import "tblnew.css";


/* ****  FOLLOWING APPLIES FOR EMPTY 1-COLUMN TABLE - CONTAINER FOR REG TABLES*******************************  */
/* all 'h2' elements within any element of class 'tbl1cont' */

/* table element of class 'tbl1cont' */
table.tbl1cont {
	width: 720px;                 /* 70% of width of page */
	border: 0;
	border-width: 0;
	border-collapse: collapse;  /* WinIE looks better with this set */
/*	align: left;
	float: left;
	clear: both;
*/
}
/* all 'td' elements within any element of class 'tbl1cont' */
/*kp note - assumes you want 1 column only */
.tbl1cont td {
	width: 100%;                 /* 100% of parent element, which is the container table */
	border: none;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;
	vertical-align: top;        /* cell content alignment */
	clear: both;
	float: left;
	text-align: left;  /* was align: left; - not valid */
}



/* ****  FOLLOWING APPLIES FOR 1-COLUMN TABLE (REGULAR) ******************************************************  */
/* all 'h2' elements within any element of class 'tbl1col' */
.tbl1col h2 {
	background-color: #efefef;
	border-bottom: 5px solid green;
	margin: 0;
	padding: .4em 1em;    /* background visible around text */
	font-size: 14px;      /* will eventually change to % */
	font-weight: normal;
	text-decoration: none;
}
.tbl1col h4 {
	margin: 0;
	padding: .4em 1em;    /* background visible around text */
	font-size: 12px;      /* will eventually change to % */
	font-weight: normal;
	text-decoration: none;
}

/* all 'a' elements in an 'h2' element within any element of class 'tbl1col' */
.tbl1col h2 a {
	text-decoration: none;
	color: #070000;
}
/* all 'ul' elements within any element of class 'tbl1col' */
.tbl1col ul {
	font-size: 12px;
	list-style: square url("..images/button_white_18x18.gif"); /* 10x12 image for the bullet */
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */
	padding-left: 0;
 /* add from kpstd */
 vertical-align: text-top; 
 line-height: 100%;
 text-align: left; 
}

/* all 'li' elements within a 'ul' element within any element of class 'tbl1col' */
.tbl1col ul li {
	margin-left: 0;
	padding-left: 10px;     /* distance between marker and text */
	margin-bottom: 5px; /* a little spacing between list items */
}
/* all 'a' elements in a 'ul' element within any element of class 'tbl1col' */
.tbl1col ul a {
	text-decoration: none;
	color: #007000;
 	text-decoration: underline;
}

/* table element of class 'tbl1col' */
table.tbl1col {
	border: 1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;  /* WinIE looks better with this set */
	width: 100%;
        margin-left: 0;
}

/* all 'td' elements within any element of class 'tbl1col' */
/*kp note - assumes you want 1 column only */
.tbl1col td {
	font-size: 12px;
	width: 100%;                 /* 100% of parent element */
	vertical-align: top;        /* cell content alignment */
	padding:0;                  /* req so contents/shading go right to border; must be in TD section */
	margin-top: 0px;        /* reqd for tighter spacing */
	margin-bottom: 0px;     /* reqd for tighter spacing */
	border: 1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;
	clear: both;
	float: left;
	text-align: left;  /* was align: left; - not valid */

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


/* ****  FOLLOWING APPLIES FOR 2-COLUMN TABLE  ****************************************************************  */
/* all 'h2' elements within any element of class 'tbl2col' */
.tbl2col h2 {
	background-color: #f0f0f0;
	border-bottom: 5px solid green;
	margin: 0;
	padding: .4em 1em;    /* background visible around text */
	font-size: 14px;      /* will eventually change to % */
	font-weight: normal;
}
/* all 'a' elements in an 'h2' element within any element of class 'tbl2col' */
.tbl2col h2 a {
	text-decoration: none;
	color: #3c3c3c;
}
/* all 'ul' elements within any element of class 'tbl2col' */
.tbl2col ul {
	font-size: 12px;
	list-style: square url("../images/button_white_18x18.gif"); /* 10x12 image for the bullet */
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */
	padding-left: 0;
 /* add from kpstd */
 vertical-align: text-top; 
 line-height: 160%;
 text-align: left; 
}

/* all 'li' elements within a 'ul' element within any element of class 'tbl2col' */
.tbl2col ul li {
	margin-left: 0;
	padding-left: 10px;     /* distance between marker and text */
	margin-bottom: 15px; /* a little spacing between list items */
        line-height:   125%;  /* kp add */
}
/* all 'a' elements in a 'ul' element within any element of class 'tbl2col' */
.tbl2col ul a {
	text-decoration: none;
	color: #5a5a5a;
}
/* table element of class 'tbl2col' */
table.tbl2col {
	border-width: 0;
	border-collapse: collapse;  /* WinIE looks better with this set */
}
/* all 'td' elements within any element of class 'tbl2col' */
/*kp note - this variation tbl2col assumes you want 2 columns */
.tbl2col td {
	width: 50%;                 /* 50% of parent element */
	border: 1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;
	vertical-align: top;        /* cell content alignment */
}
.tbl2col a:hover {
	text-decoration: underline;
}

/* ****  FOLLOWING APPLIES FOR 3-COLUMN TABLE  ****************************************************************  */
/* all 'h2' elements within any element of class 'tbl3col' */
.tbl3col h2 {
	background-color: #efefef;
	border-bottom: 5px solid green;
	margin: 0;
	padding: .4em 1em;    /* background visible around text */
	font-size: 14px;      /* will eventually change to % */
	font-weight: normal;
}
/* all 'a' elements in an 'h2' element within any element of class 'tbl3col' */
.tbl3col h2 a {
	text-decoration: none;
	color: #3c3c3c;
}
/* all 'ul' elements within any element of class 'tbl3col' */
.tbl3col ul {
	font-size: 12px;
	list-style: square url("../images/button_white_18x18.gif"); /* 10x12 image for the bullet */
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */
	padding-left: 0;
 /* add from kpstd */
 vertical-align: text-top; 
 line-height: 160%;
 text-align: left; 
}

/* all 'li' elements within a 'ul' element within any element of class 'tbl3col' */
.tbl3col ul li {
	margin-left: 0;
	padding-left: 10px;     /* distance between marker and text */
	margin-bottom: 15px; /* a little spacing between list items */
        line-height:   125%;  /* kp add */
}
/* all 'a' elements in a 'ul' element within any element of class 'tbl3col' */
.tbl3col ul a {
	text-decoration: none;
	color: #5a5a5a;
}
/* table element of class 'tbl3col' */
table.tbl3col {
	border-width: 0;
	border-collapse: collapse;  /* WinIE looks better with this set */
}
/* all 'td' elements within any element of class 'tbl3col' */
/*kp note - this variation tbl3col assumes you want *3* columns */
.tbl3col td {
	width: 33.3%;                /* 33.3% of parent element */
	border: 1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;
	vertical-align: top;        /* cell content alignment */
}
.tbl3col a:hover {
	text-decoration: underline;
}

/* ****  FOLLOWING APPLIES FOR 4-COLUMN TABLE  ****************************************************************  */
/* all 'h2' elements within any element of class 'tbl4col' */
.tbl4col h2 {
	background-color: #efefef;
	border-bottom: 5px solid green;
	margin: 0;
	padding: .4em 1em;    /* background visible around text */
	font-size: 14px;      /* will eventually change to % */
	font-weight: normal;
}
/* all 'a' elements in an 'h2' element within any element of class 'tbl4col' */
.tbl4col h2 a {
	text-decoration: none;
	color: #3c3c3c;
}
/* all 'ul' elements within any element of class 'tbl4col' */
.tbl4col ul {
	font-size: 12px;
	list-style: square url("../images/button_white_18x18.gif"); /* 10x12 image for the bullet */
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */
	padding-left: 0;
 /* add from kpstd */
 vertical-align: text-top; 
 line-height: 160%;
 text-align: left; 
}

/* all 'li' elements within a 'ul' element within any element of class 'tbl4col' */
.tbl4col ul li {
	margin-left: 0;
	padding-left: 10px;     /* distance between marker and text */
	margin-bottom: 15px; /* a little spacing between list items */
        line-height:   125%;  /* kp add */
}
/* all 'a' elements in a 'ul' element within any element of class 'tbl4col' */
.tbl4col ul a {
	text-decoration: none;
	color: #5a5a5a;
}
/* table element of class 'tbl4col' */
table.tbl4col {
	border-width: 0;
	border-collapse: collapse;  /* WinIE looks better with this set */
}
/* all 'td' elements within any element of class 'tbl4col' */
/*kp note - assumes you want 4 columns */
.tbl4col td {
	width: 25%;                 /* 25% of parent element */
	border: 1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-collapse: collapse;
	vertical-align: top;        /* cell content alignment */
}
.tbl4col a:hover {
	text-decoration: underline;
}



/* ****  FOLLOWING APPLIES FOR 8-COLUMN TABLE  FOR FOOTER NAV BAR**********************************************  */
/* all 'h2' elements within any element of class 'tbl8col_footer' */
.tbl8col_footer h5 { 
	/* background-color: #efefef; */
	border-bottom: none;
	margin: 0;
	padding: .4em .4em;    /* background visible around text */
	font-weight: normal;
	text-align: center;
}



/* all 'a' elements in an 'h5' element within any element of class 'tbl8col_footer' */
.tbl8col_footer h5 a { 
	text-decoration: none;
	color: #007000;
}
/* all 'ul' elements within any element of class 'tbl8col_footer' */
.tbl8col_footer ul {
	font-size: 67%;
	list-style: none; /* NO image for the bullet */
	margin: 2px 2px 2px 2px;  /* bullet image is in left margin */
	padding-left: 0;
 /* add from kpstd */
 vertical-align: text-top; 
 line-height: 160%;
 text-align: right; 
}


/* all 'li' elements within a 'ul' element within any element of class 'tbl8col_footer' */
.tbl8col_footer ul li {
	margin-left: 0;
	padding-left: 0;     /* distance between marker and text */
	margin-bottom: 5px; /* a little spacing between list items */
        line-height:   125%;  /* kp add */
}


/* all 'a' elements in a 'ul' element within any element of class 'tbl8col_footer' */
.tbl8col_footer ul a {
	text-decoration: none;
	color: #5a5a5a;
}


/* table element of class 'tbl8col_footer' */
table.tbl8col_footer {
	border-width: 0;
	border-collapse: collapse;  /* WinIE looks better with this set */
	text-align: center;  /* was align: center; - not valid */

background: yellow;
}
/* all 'td' elements within any element of class 'tbl8col_footer' */
/*kp note - this variation tbl8col_footer assumes you want *8* columns */
.tbl8col_footer td {
	width: 12.5%;                /* 12.5% of parent element */
	border: 	1px solid #cacaca;  /* color of former border image */ /*kp add light gray */
	border-top:  	none;
	border-bottom:  none;
	border-collapse: collapse;
	vertical-align: top;        /* cell content alignment */
	text-align: center;  /* was align: center; - not valid */

}

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

/* table for displaying up to 3 cols, shaded (beige to start), with horiz borders between - e.g., for showing
   contents of a journal entry or similar list-type data. Will be indented a little, and less than full width 
   For simplicity and flexibility, call it a 3col "decorated" table */

/* define table element */
table#tbl3col_dec {       /* "dec" means decontated */
  border: solid 1px #FFCC00; 
  /* width: 80%;   */
  background: #F5F5DC;  /* was beige; */
  margin: 10px;  margin-left: 1px;  /* needs to be 1px min for FF */
  border-collapse: collapse;  /* WinIE looks better with this set */
}

/* tbl header th element cascade from base.css */

/* define td elements */
table#tbl3col_dec td { 
  margin: 0px;  
  padding: 8px;
  padding-left: 16px; 
  border-bottom: 1px solid #cacaca;
  width: auto;  /* allows more browser flexibility */
}