/* 
 *
 * Website, CSS, and all content copyright 1996-2004 The Network Guys - Ken Cooper. All Rights Reserved.
 *
 */

/* 
 *  NOTES:
 *	.my_table {} matches any element in a class="my_table".
 *	.my_table TH {} matches the TH element in a class="my_table".
 *	H1#chapter1 {} matches the H1 element whose ID attribute has the value "chapter1".
 *	td { cursor: auto; } /*ie, P { cursor : url("mything.cur"), url("second.csr"), text; }.
 *	My standard background blue is #40537A.
 *	Do all text in Arial.
 *	Fyi - font-size 10px & 10pt & 80% are different. also xx-small | x-small | small | medium | large | x-large | xx-large.
 */


/* ******************  body  *************** */


/* ___________________________
 * base colors and font family
 */
HTML, BODY { color: black; font-size: 12pt;	/*ignored*/
			body-align: center; 
			margin-top: "15";
			margin-bottom: "15";
			}
HTML, BODY, H2, H3, H4, H5, DIV, P, UL, LI, input { font-family: Arial, Helvetica, sans-serif; }
	
/* _________________
 * header tag colors
 */
#ORIG# H2, H3, H4, H5 { color: #006698; }
H2 { color: #000000; font-size: 18 }
H3 { color: #000000; font-size: 16 }
H4 { color: #000000; font-size: 14 }
H5 { color: #000000; font-size: 12 }
	
/* __________________________
 * attach logo to the desktop
 */
BODY { 

	background-image: url('../images/tng_bg.jpg');
	background-attachment: fixed; 
	background-position: 1% 1%; 
	background-repeat: repeat }

/* _________
 * font size
 */
#ORIG# td, th, p { font-size: x-small; }
td, th, p { font-size: 12; }
	
/* _______________
 * DYNAMIC body id
 */
#id_body { background-color: white; bordercolorlight: "#E0E0E0"; bordercolordark: "#336699"; padding: "10"; 
			border-size: "1"; border-collapse: "collapse"; }
	
UL LI   { list-style: circle outside;  }
	
	
/* _______________
 * copyright class
 */
.copyright { color: white; font-size: 8pt; margin-top: 3; margin-bottom: 2; }
	
	
/* __________
 * column ads
 */
#ads_id 	{ font-size: 10pt; background-color: clear; color: black; text-align: center; padding: 2; width: 125; }
#ads_id th 	{ color: white; font-weight: bold; background-color: #336699; }
#ads_id td 	{ color: #006698; background-color: #F0F0F0; }
	
	
/* _________________
 * blue tables class
 */
.table_blue { 
	vertical-align: top;
	padding: 4;
	padding-bottom: 6;
	border-collapse: collapse;
	bordercolorlight: #E0E0E0;
	bordercolordark: #336699;
	background-color: #F0F0F0;
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	}
.table_blue td { border: none; }
.table_blue th {
	color: white;
##	background-color: #336699;
	background-color: #000000;
	text-align: left;
	padding-left: 8;
	padding-right: 8;
	padding-top: 4;
	padding-bottom: 4;
	}

/* __________
 * menu class
 */
.menu { padding-top: 2; padding-left: 7; padding-bottom: 2; }

/* _______________
 * tng image class
 */
.topbar_tng { padding-top: 7; padding-left: 7; padding-bottom: 7; font-size: "18pt"; color: white; }
.topbar_tng_address {font-size: "12px"; color: white; }

/* _______________
 * top bar links class
 */
.top_bar_links a			{ color: white; text-decoration: none; font-size: "12px"; text-align: right; }
.top_bar_links a:visited	{ color: white; text-decoration: none; text-align: right;}
.top_bar_links a:hover		{ color: black; background: #E0E0E0 ; }


.color_links A					{ color: blue; text-decoration: none; }
.color_links A:visited	{ color: blue; }
.color_links A:hover		{ color: white; background: black; }
.color_links A:active		{ color: red; }


/* _____________
 * padding class
 */
.pad_4 { padding: 4; }

/* EOF */