﻿/* CSS layout */
/*styles for masthead and top navigation*/
#masthead {
}
#masthead img {
	border-width: 0px;
}
#Telephone_number {
	text-align: right;
	font-family: "Arial Black";
	font-size: medium;
}
.font_color_orange {
	color: #FF9900;
}
.font_color_blue {
	color: #0000FF;
}
#top_nav {
	text-align: right;
	background-color: #0000FF;
	color: white;
}
#top_nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
	background-color: #0000FF;
}
#top_nav a:hover {
	font-style: italic;
}
#top_nav a:visited {
	font-style:italic;
}
#ToolLines_Home_Link {
	font-size: small;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0000FF;
	text-align:left;
}
#ToolLines_Home_Link a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
	background-color: #0000FF;
}
#ToolLines_Home_Link a:hover {
	font-style: italic;
}
#ToolLines_Home_Link a:visited {
	font-style: italic;
}
/*Sytles for left column, catalog navigation*/
#left_col {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 150px;
	height: auto;
	left: 0px;
	top: 0px;
}
/*styles for container*/
#container {
	position: relative;
	width: 100%;
}
/*styles for page navigation*/
#page_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #0000FF;
}
/*styles for page content*/
#page_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	text-align: left;
	padding: 1px;
	margin: 5px;
	vertical-align: top;
	left: 0px;
	top: 0px;
	width: 95%;
	float: inherit;
}
#page_content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: normal;
	font-style: normal;
	color: #FF9900;
	text-align: left;
	padding: 1px;
	margin: 2px;
}
#page_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	text-align: left;
	margin: 2;
	padding: 1;
	color: #FF9900;
	margin-bottom: 5px;
	margin-top: 5px;
}
#page_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	margin: 2;
	padding: 1;
	color: #FF9900;
	margin-bottom: 5px;
	margin-top: 5px;
}
#page_content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	margin: 2;
	padding: 1;
	color: #FF9900;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 5px;
}
#page_content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	margin: 2;
	padding: 1;
	color: #FF9900;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 5px;
}
#page_content h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	margin: 2;
	padding: 1;
	color: #FF9900;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 5px;
}
#page_content hr {
	color: #FF9900;
}
#page_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin-bottom: 1px;
	margin-top: 5px;
}
#page_content img {
	border-width: 0px;
}
#page_content a:link {
	color: #0000FF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
#page_content a:visited {
	color: #0000FF;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
}
#page_content a:active {
	font-weight: bold;
}
#page_content a:hover {
	 font-style:italic;
}
#page_content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	vertical-align: top;
}
#page_content dt {
	font-weight: bold;
}
/*styles for footer*/
.img_caption {
	font-size: small;
	font-style: italic;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
/* Scroll Lock Scrollable Content Height */
#TableContainer {
height:250px;
overflow:scroll;
}
.scrollContent {
 height:50px;
 overflow:auto;
}
.scrollContent tr {
 height: auto;
 white-space: nowrap;
}

/* Scroll Lock Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child {
 padding-right: 20px;
}

/* Scroll Lock Fixed Header Height */
.fixedHeader tr {
 position: relative;
 height: auto;
}

/* Scroll Lock Put border around entire table */
div.TableContainer {
	border: 1px solid #FF9900;
}

/* Scroll Lock Table Header formatting */
.headerFormat {
 background-color: #FF9900;
 color: white;
 margin: 3px;
 padding: 1px;
 white-space: nowrap;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 text-decoration: none;
 font-weight: bold;
}
.headerFormat tr td {
	border: 1px none #000000;
	background-color: #FF9900;
}

/* Scroll Lock Table Body (Scrollable Content) formatting */
.bodyFormat tr td {
	color: #000000;
	margin: 3px;
	padding: 1px;
	border: 0px none;
	font-family: Helvetica;
	font-size: 12px;
}
/* Sort Lock Table css */
/* Use to set different color for alternating rows */
.alternateRow {
	background-color: #FFCC66;
}

/* Styles used for SORTING */
.point {
 cursor:pointer;
}
td.sortedColumn {
  background-color: #FFCC66
}

tr.alternateRow td.sortedColumn {
  background-color: #FFCC66
}
.total {
	background-color: #FFCC66;
	color: #000000;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
}
-->
</style>

<!--[if IE]>
<style type="text/css">
/* IE Specific Style addition to constrain table
   from automatically growing in height */
div.TableContainer {
 height: 250px;
 overflow:auto;
}
</style>
<![endif]-->

