/*
 * Main CSS
 *
 * 2006-04-06: Created this style sheet to use as fixes are applied to the pages
 * on the site. (SBM)
 */

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

p td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}	

h1, .header_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

h2, .header_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 8px;
}

h3, .header_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 20px;
	padding-bottom: 0;
}

.date {
	font-style: italic;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.footer {
	margin: 15px;
	width: 610px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;	
}

div.hr {
	margin: 10px 0;
	font-size: 1px;
	color: #9999cc;
	background-color: #9999cc;
	height: 1px;
	width: 100%;
	border: 0;
}

.highlight_red {
	color: red;
}


/*
 * Touts
 */
.tout {
	width: 225px;
	border: 1px solid #9999cc;
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

.tout h1 {
	font-size: 13px;
	margin: 0;
	margin-bottom: 4px;
	color: #003366;
	padding: 2px;
	background: #e0e0de;
}

.tout p {
	color: #003366;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 4px;
}

.tout a {
	color: #003366;
	font-size: 11px;
	white-space: nowrap;
}

.tout_bullet {
	color: #9431ad;
	vertical-align: center;
}

/*
 * Product List Table
 */
table.product_list
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}

.product_list th {
	padding: 6px 4px 4px 4px;
	text-align: left;
	width: 100%;
	background: #e0e0e0;
	text-transform: uppercase;
	border-bottom: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
}

.product_list td {
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
}


/*
 * Horizontal Navigation
 */
.h_nav {
	width: 469px;
	background-color: #e0e0e0;
	padding: 4px;
	text-align: center;
}

.h_nav .h_nav_item, 
.h_nav .h_nav_item:hover,
.h_nav .h_nav_item-active,
.h_nav .h_nav_item-active:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663366;
	background-color: #cccccc;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 8px;
	margin: 0px 3px;
	text-transform: uppercase;
}

.h_nav_underscore {
	font-size: 1px;
	width: 477px;
	margin-top: 2px;
	background-color: #9999cc;
	height: 6px;
}


/** 
 * Error
 */

#error {
	margin: 15px 0 15px 0;
	border: solid 1px red;
	width: 100%;
}

#error .title {
	padding: 4px;
	color: white;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: red;
}

#error ol {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: normal;
}

	.coal_h2
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin-top: 20px;
		margin-bottom: 8px;
		color: green;
	}