/******************/   
/* default styles */
/******************/
  
body { 																/* DEFAULT VALUES FOR WEB SITE BODY */
	background: #DDDDDD;											/* Default color for web site body background */
	/* background-image: url('images/BackgroundGradient.gif'); */	/* Show a gradient background image */
	background-repeat: no-repeat;									/* Don't repeat background image in either direction */
	margin: 10;														/* So web page stretches to top of screen */
	text-align: center;												/* This line is necessary since some browsers don't support the margin commands entirely */
																	/* To center a table, this has to be done in the parent element, not the table definition */
}

/********/
/* TEXT */
/********/

/*
.txt_hdr_contact {
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
}
*/

.subheader {														/* Blue area below main header */
	font-family: Arial; 
	font-weight: bold;
	font-size: 19pt;
	font-style:italic;
	color: #FFFFFF;
}

.title {
	font-family: Arial; 
	font-weight: Bold;
	font-size: 18pt;
	color: #00A3DD;
}

.title2 {
	font-family: Arial; 
	font-weight: Bold;
	font-size: 8pt;
	color: #00A3DD;
}

.title_specs {
	font-family: Arial; 
	font-weight: Bold;
	font-size: 12pt;
	line-height: 200%;
	color: #00A300;
}

.subtitle {
	font-family: Arial; 
	font-weight: Bold;
	font-size: 12pt;
	color: #CC9900;
	/*color: #00A300;*/
}

.subtitle_question {
	font-family: Arial; 
	font-weight: Bold;
	font-style: Italic;
	font-size: 14pt;
	color: #00A300;
}

.paragraph {
	font-family: Arial; 
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
}

.paragraph_indent {
	font-family: Arial; 
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	margin-left: 25px;
}

.paragraph_highlighted {
	font-family: Arial; 
	font-weight: bold;
	font-size: 10pt;
	color: #F58233;
}

.paragraph_colored {
	font-family: Arial; 
	font-weight: Bold;
	font-size: 10pt;
	color: #CC9900;
}

.hyperlink {
	font-family: Arial; 
	font-weight: normal;
	font-size: 10pt;
}

.hyperlink_page {
	font-family: Arial; 
	font-weight: normal;
	font-style:italic;
	font-size: 8pt;
	line-height: 200%;
	color: #000000;
}

.word_highlighted {
	color: #CC3300;
}


/**********/
/* TABLES */
/**********/

table.tbl_main {												/* MAIN TABLE */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	border-collapse: collapse;
}

table.tbl_hdr_logo {											/* TABLE FOR HEADER CONTAINING LOGO */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	width: 900;
	/*background-color: #606060;*/
	border: none;
	border-collapse: collapse;
}

table.tbl_hdr_logo td {
 	padding: 0px;
 	/* border-spacing: 0px; */
}

table.tbl_hdr_nav {												/* TABLE FOR HEADER CONTAINING NAVIGATION BAR */
	border: none;
	border-collapse: collapse;
}

table.tbl_hdr_pic {												/* TABLE FOR HEADER BAND WITH PICTURE */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	width: 900;
	background-color: #00A3DD;
	border-collapse: collapse;
}

table.tbl_hdr_pic_left {										/* TABLE FOR LEFT HAND COLUMN OF HEADER BAND WITH PICTURE */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	border-collapse: collapse;
}

table.tbl_hdr_pic_right {										/* TABLE FOR RIGHT HAND COLUMN OF HEADER BAND WITH PICTURE */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	border-collapse: collapse;
}

table.tbl_body {												/* TABLE FOR BODY OF PAGE */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	width: 900;
	background-color: #FFFFFF;
	border-collapse: collapse;
}

table.tbl_body_col_left {										/* TABLE FOR LEFT HAND COLUMN OF BODY */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	border-collapse: collapse;
}

table.tbl_body_col_right {										/* TABLE FOR RIGHT HAND COLUMN OF BODY */
	margin-left: auto;											/* Center the table horizontally */
	margin-right: auto;											/* Center the table horizontally */
	border-collapse: collapse;
}


table.tbl_specs {
	border-collapse:collapse;
	text-align: left;
	margin-left: 0px;
}

table.tbl_specs td {
	font-family: Arial;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 2px 5px;
	border-top: 1px solid #FFFFFF;
}

table.tbl_specs td.col1 {
	width: 100px;
	font-weight: bold;
	background: #606060;
}

table.tbl_specs td.col2 {
	width: 112px;
	font-weight: normal;
	background: #808080;
}


table.tbl_features {
	border-collapse: collapse;
	border:1px solid #FFCA5E;
	text-align: left;
	margin-left: 30px;
}

table.tbl_features tbody tr {
	background: #FFFFFF;
}
table.tbl_features tbody tr.odd {
	background: #3338E8;
}

table.tbl_features th {
	font-family: Arial;
	font-weight: bold;
	font-size: 11pt;							/* 11pt in table looks like 10pt outside table */
	padding: 2px 5px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
}

table.tbl_features td {
	font-family: Arial;
	font-weight: normal;
	font-size: 11pt;							/* 11pt in table looks like 10pt outside table */
	padding: 2px 5px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
}

table.tbl_features td.col1 {
	width: 180px;
}

table.tbl_features td.col2 {
	width: 350px;
}









/*****************/
/* TABLE COLUMNS */
/*****************/

.col_hdr_ctr {
	width: 400;
}

.col_hdr_right {
	width: 245;
}

/**********/
/* IMAGES */
/**********/

img.img_hdr_logo {												/* Logo in header */
	width: 900;
	height: 85;
	display: block;												/* This is necessary or bar is separated vertically from other features */
}

img.img_print_head {											/* Print head pic */
	width: 250;
	height: 250;
}

img.img_horiz_bar {												/* Horizontal bar */
	display: block;												/* This is necessary or bar is separated vertically from other features */
	width: 900;
}

img.horiz_center {												/* Image is centered horizontally */
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;											/* This line is necessary since some browsers don't support the margin commands entirely */
}

img.horiz_left {												/* Image is left-justified horizontally */
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: left;											/* This line is necessary since some browsers don't support the margin commands entirely */
}

img.horiz_right {												/* Image is right-justified horizontally */
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: right;											/* This line is necessary since some browsers don't support the margin commands entirely */
}




.headerBlue {
	background: 007384; 										/* Background color for header/logo */
}

.headerGold {
	background: A09E10; 										/* Background color for header/logo */
}

.navBlue {
	background: 007384; 										/* Background color for navigation bar */
	align: center; 										
	text-align: center;											/* This lign is necessary since some browsers don't support the margin commands entirely */
}


/********************************************************************************************************************************************************
The mC class is a wrapper for the whole collapsible menu. It sets the font attributes, line height, and the cursor. The cursor is a pointer so visitors
will know the header is clickable.

The m1, m2, and m3 classes are for various indentation levels.  Each level has a top white border to show a separation between elements

The mL class is a wrapper for each of the menus that we are making collapsible. The display:none is needed to hide all of the menus from view when
the page is first displayed. The bottom margin ensures that the content underneath the expanded menu is not hard up against the last entry in the menu.

http://javascript.about.com/library/blclmenu.htm (This is where I found the tutorial)
*********************************************************************************************************************************************************/

/*
	.mC {width:100px; margin:5px; float:right;}
	.mH {font-family: Arial; font-weight: bold; font-size: 10pt; color: #000000; border-top:1px solid #300; cursor: pointer;}
	.mL {display:none; margin-bottom:7px;}
*/


.mC {width:150px; margin:5px; font-family: Arial; font-size: 10pt; font-weight: bold; line-height: 20px; cursor: pointer;}
.m1 {background: A0A0A0; color: #000000; text-indent: 4px; border-top:1px solid #FFFFFF;}
.m2 {background: C0C0C0; color: #000000; text-indent: 20px; border-top:1px solid #FFFFFF;}
.m3 {background: E0E0E0; color: #000000; text-indent: 40px; display:block; border-top:1px solid #FFFFFF;}
.mL {display:none;}