/* Style sheet used for main site */

body, tbody {
	font-family: Arial, Helvetica, sans-serif ;
	color: black ;
    background-color: white ;
	font-size: 12px;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}

p {
	font-size: 12px;
}

a:link, a:visited {
	color: #003366 ;
/*	background-color: white; */
	text-decoration: none ;
	font-weight: bold ;
}
a:hover, a:active {
	color: #66CCCC ;
/*	background-color: white; */
	text-decoration: underline ;
	font-weight: bold ;
}

/* required for the image roll-over border
a:link img, a:visited img {
	border: thin solid white ;
}
a:hover img, a:active img {
	border: thin solid #66CCCC ;
}
*/
a img {
	border: none ;
}

.body_title {
/*	font-family: "Arial Black", "Helvetica Black", sans-serif ; */
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	font-size: 20px ;
	color: #000000 ;
	background-color: white; 
	text-align: center ;
	line-height: 150% ;
	text-transform: uppercase ;
	
}
/* example of body_title that looks more like the data sheets
.body_title {
	font-family: "Arial Black", "Helvetica Black", sans-serif ;
	font-size: 20px ;
	color: #FFFFFF ;
	text-align: center ;
	line-height: 150% ;
	text-transform: uppercase ;
    background-color: #003366 ;
}
*/

.body_sub_title {
/*	font-family: "Arial Black", "Helvetica Black", sans-serif ; */
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	font-size: 18px ;
	line-height: 150% ;
	color: #003366 ;
	background-color: white; 
}
.body_sub2_title {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 150% ;
	color: #003366 ;
	background-color: white; 
}
.body_caption {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9px;
}

.reverse_indent p {
	line-height: 100% ;
	padding-left: 20px ;
	text-indent: -20px ;
	margin: 5px 0 5px 0 ;
}
.body_table_fixed {
	width: 700px ;
    height: 400px ;
	color: #003366 ;
    background-color: white ;
    border: none ;

    margin: 0 auto 0 auto ; /*  centers the body table for all browsers EXCEPT IE5.5 and later */
}
.body_table_align {
    text-align: center ; /*  centers the body table for IE5.5 and later */
}
.body_table_full {
	width: 100% ;
    height: 400px ;
	color: #003366 ;
    background-color: white ;
    border: none ;
}



/**** Custom definitions for Home page ***/
.home_column {
	width: 233px ;
	text-align: center ;
	vertical-align: middle; 
	padding: 5px 10px 5px 10px ;
}
.home_list {
	font-size: 14px;
	font-weight: bold ;
	list-style-image: url(/images/bullet.gif) ;
	list-style-position: outside ;
	list-style-type: disc ;
}
.home_list li {
	line-height: 75% ;
	padding: 0 0 0 5px ;
	margin: 30px 0 30px 0 ;
}


/*** Custom definitions for the Contact Us page, also used on Contractor, Dist & Rep pages ***/

 a.contact_email:link,  a.contact_email:visited {
	color: black ;
	text-decoration: none ;
	font-weight: normal ;
}
 a.contact_email:hover,  a.contact_email:active {
	color: #66CCCC ;
	text-decoration: underline ;
	font-weight: normal ;
}

/*******************************************************/
/*** H E A D E R   T A B L E   D E F I N I T I O N S ***/
/*******************************************************/
.header_table {
	width: 100% ;	/* pages are designed for 700px or 100% */
/*	color: #003366 ;
    background-color: white ;	*/
    border: none ;
	padding: 0 0 0 0 ; 	/* reset padding & margins to avoid defaults which vary by browser */
	margin: 0 0 0 0 ;
}
.header_table .top_row {
	height: 10px ;
	padding: 0 0 0 0 ;
}
.header_logo_align {
    text-align: center ; /*  centers the body table for IE5.5 and later */
}
.header_table .logo_row {
	width: 700px ;
	height: 40px ;
	color: #003366 ;
    background-color: white ;
	margin: 0 auto 0 auto ;  /*  centers the footer content: '0 0 0 0' for left align or '0 auto 0 auto=' for centered */
}
.header_table .spacer1_row {
	height: 8px ;
	padding: 0 0 0 0 ;
}
.header_table .line_row {
	height: 2px ;
	color: white ;
	background-color: #FF0000 ;
	padding: 0 0 0 0 ;
}
.header_table .spacer2_row {
	height: 6px ;
	padding: 0 0 0 0 ;
}
.header_table .menu_row {
	width: 700px ;
	height: 20px ;
	color: white ;
    background-color: #003366 ;
	padding: 0 0 0 0 ;
	margin: 0 auto 0 auto ;  /*  centers the footer content: '0 0 0 0' for left align or '0 auto 0 auto=' for centered */
}
.menu_row a:link, .menu_row a:visited {
	color: white ;
    background-color: transparent ;
	font-weight: bold ;
	text-decoration: none;
}
.menu_row a:hover, .menu_row a:active {
	color: white ;
    background-color: transparent ;
	font-weight: bold ;
	text-decoration: none;
}
.header_menu_align {
    text-align: center ; /*  centers the body table for IE5.5 and later */
	color: white ;
    background-color: #003366 ;
}
.header_table .menu {
	width: 20% ;
	color: white ;
    background-color: #003366 ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	font-size: 12px; 
	text-align: center ;
	padding: 0 0 0 0 ;
	text-transform: uppercase ;
	cursor: pointer;
}
.header_table .bottom_row {
	height: 10px ;
	padding: 0 0 0 0 ;
}

/*******************************************************/
/*** F O O T E R   T A B L E   D E F I N I T I O N S ***/
/*******************************************************/
.footer_table {
	width: 100% ;	/* pages are designed for 700px or 100% */
	color: white ;
    background-color: #003366 ;
    border: none ;
	padding: 0 0 0 0 ; 	/* reset padding & margins to avoid defaults which vary by browser */
	margin: 0 0 0 0 ;
}
.footer_table td {
	color: white ;
    background-color: #003366 ;
}
.footer_table a:link, .footer_table a:visited {
	color: white ;
    background-color: transparent ;
	font-weight: bold ;
	text-decoration: none;
}
.footer_table a:hover, .footer_table a:active {
	color: white ;
    background-color: transparent ;
	font-weight: bold ;
	text-decoration: none;
}
.footer_table .top_row {
	height: 1px ;
	padding: 0 0 0 0 ;
}
.footer_table .menu_row {
	width: 700px ;
	height: 20px ;
	padding: 0 0 0 0 ;
	margin: 0 auto 0 auto ;  /*  centers the footer content: '0 0 0 0' for left align or '0 auto 0 auto=' for centered */
}
.footer_table_align {
    text-align: center ; /*  centers the body table for IE5.5 and later */
}
.footer_table .menu {
	width: 25% ;
	color: white ;
    background-color: #003366 ;
	font-size: 12px ;
	font-weight: bold ;
	text-align: center ;
	padding: 0 0 0 0 ;
	text-transform: uppercase ;
	cursor: pointer;
}
.footer_table .menu_spacer {
	color: white ;
    background-color: #003366 ;
}
.footer_table .bottom_row {
	height: 19px ;
	text-align: right ;
	font-size: 10px ;
	text-decoration: none ;
	color: #CCCCCC ;	/* eq to 'lightgray' but color name support varies by browser */
    background-color: white ;
	padding: 0 0 0 0 ;
}