﻿/* Home page contained by .content */

.content
{
	vertical-align: bottom;
}

/* home page chart column */
.chartColumn
{
	margin: 12px 0 0; padding: 0px;
	float: left;
	width: 60%; min-width: 500px; height: auto;
	z-index: 1;
}
.chartColumn .chartPanel
{
	position: relative;
	margin: 12px; padding: 0px;
	float: left; /* width: 100%; */
	width: 100%; height: auto;
	min-width: 316px;
	z-index: 3;
}
.chartPanel .background
{
	background: url(../Images/shadowHomeTable_1000x600.gif) no-repeat bottom right;
	z-index: 2 !important;
}
.chartPanel .top
{
    margin: 0px; padding: 0px;
    width: 100%; min-width: 362px; height: 24px;
    background: rgb(168,0,0) url(../images/backgroundChartHeader_1000x24.gif) no-repeat;
}
.chartPanel h2
{
	margin: 4px 8px; padding: 0px;
	float: left;
	font: 14px/16px Sans-serif, Helvetica, Arial;
	color: rgb(255,255,255);
}
.chartColumn #rightEdge
{
    margin: 0px; padding: 0px;
    width: 6px; height: 23px; /*ngrg*/
    float: right;    
}
.chartColumn .rightEdge
{
    margin: 0px; padding: 0px;
    width: 6px; height: 23px; /*ngrg*/
    float: right;    
}
.chartColumn .grid
{
	margin: 0px;
	padding: 0px;
	background: white;
	border: none !important;
}

.chartColumn .grid th
{
    margin: 0px; padding: 6px;
    height: 36px;
    background: rgb(198,198,198);
    border: 1px solid rgb(206,206,206); border-bottom: 1px solid rgb(10,31,98);
    font: 12px/14px Verdana,Arial,Helvetica,sans-serif;
    color: rgb(10,31,98);
    font-weight: bold;
    text-align: left; vertical-align: bottom;
}

.chartColumn .grid td
{
    margin: 0px; padding: 6px;
    height: auto;
    background: rgb(240,240,240);
    border: 1px solid rgb(236,236,236);
    text-align: center; vertical-align: middle;
    font: 12px/14px Verdana,Arial,Helvetica,sans-serif;
    color: rgb(16,16,16);
}

.chartColumn .grid .altrow td
{
    background: rgb(250,250,250) !important;
}

.mapColumn
{
    float: left;
	margin: 24px 24px; padding: 0px;
	width: auto; height: 100%;
	vertical-align: bottom;   
}

.mapColumn img
{
	margin: 0px; padding: 0px;
	width: 350px; height: 350px;
	border: none;  
}

/* initial splash page */
.content > p
{
	float: left;
	margin: 8px;
	padding: 8px;
	width: 50%;
	min-width: 300px;
	max-width: 600px;
	background-color: White;
	font-family: inherit;
	font-size: large;
	color: inherit;
	font-weight: normal;
	line-height: 24px;
	border: 1px dotted rgb(150,125,125);
	border-top: none;
	border-bottom: none;
}

.content .emailForm
{
	float: left;
	margin: 60px 8px 8px 8px;
	padding: 8px;
	width: 25%;
	min-width: 200px;
	max-width: 300px;
	height: 100%;
	vertical-align: bottom;
}

.emailForm input.email
{
	margin: 16px;
	padding: 4px 6px 0px;
	border: 2px solid red;
	width: 50%;
	min-width: 120px;
	max-width: 280px;
	height: 18px;
	font-family: Sans-serif, Helvetica, Arial;
	font-size: 14px;
	color: rgb(10,31,98);
	font-weight: normal;
	background: url(../images/backgroundFormField_100x29.gif);
	background-repeat: no-repeat;
}

.emailForm p
{
}

.emailForm h2.postResponse
{
	font-weight: bold;
	color: rgb(186,0,0);
}
