* { font-family: Calibri, Arial, Sans-Serif; }

.chartBody
{
	font-size: small; color: blue;
} 

.border, .ChartPageHeader, .MainPageHeader, .SunsetImageCell
{
	background-color: #a0522d;
}

.ChartPageHeader, .MainPageHeader
{
	color: white; height: 21px; text-align: center;
	font-size:medium; 
}

.MainPageHeader { text-align:left; padding-left:10px; }

.legendHeader
{
	background-color: #d2691e;
	font-size: small;
	vertical-align: middle;
	width: 100%;
	color: white;
	text-align: center;
} 

.legendSubHeader
{
	font-size: small;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	font-style: italic;
	background-color: #f5f5f5;
}

.mainPageInfoText
{
	font-size: small;
	text-align:left;
	background-color: #f5f5dc;
	padding-left:5px;
	vertical-align:middle;
} 

.imageMap {  }

.clickSiteText
{
	text-align: right;
	padding-right:10px;
	font-size: small;
	color: White;
	background-color: #cd853f;
}

#tblSiteMapHeader, #divMainPageFooter { width: 983px; }

.siteMessagePanel, .legendContents, .loginPanel, .maintenancePanel, .SubmitMessageSiteMenu { background-color: #f5f5dc; color: Black; }
.legendContents { color:Black; font-size:small; }

/***************** Current Dust Data Panel styles; ********************/
.currentDustDataFieldStyle
{
	Height:20px; Width:144px;
	font-size:medium; font-weight:bold;
	color:Blue;
	text-align:center; 
	vertical-align:middle;
}

.CurrentDustDateStyle
{
	font-size:medium; font-weight:bold; color:Yellow;
	width:100%;
}

.MainPanelCurrentDustData
{
	text-align: center;
	background-color: #f5f5dc;
	width: 100%;
	font-size: small;
	font-weight: normal;
	color:Black;
}

.divCurrentDataHeader
{
	background-color: #d2691e;
	color: White;
	font-size: small;
	width: 100%;
	text-align: center;
}
/*********************************************************************/
/************************** IMAGE MAP STYLES *************************/

#divSiteMap, #divMainHeader { margin: auto; }
#divSiteMap { text-align:center; }
#divMainHeader
{
	background-color: #fafad2;
	border: solid 2px black;
}

/*********************************************************************/
/********************** Menu User Control Styles *********************/

.menuHeader, .menuButton, .selectedMenuButton, .homeButton
{
	width: 120px; font-size: small; text-align: center; 
} 

.menuHeader
{
	height: 20px;
	border-width: thin;
	border-bottom: Black thin solid;
	color: Black;
	background-color: #f5f5f5;
}

.menuButton, .selectedMenuButton, .homeButton { height: 25px; border: solid 2px; }

.menuButton
{
	color: white;
	background-color: #a0522d;
}

.homeButton
{
	color: White;
	background-color: #a0522d;
	font-weight:bold;
}

.selectedMenuButton
{
	background-color: #fafad2;
	color: Black;
}

.hiddenButton { visibility:hidden; display:none; }

/* Params div style */
#divParams 
{
	color: Black; 
	font-size: small; 
	width: 420px; 
	background-color: #ffffc0; 
	text-align: center; 
}

.drawChartButton 
{
	border: solid 1px black; 
	background-color:White;
	color: Black;
	width: 80px;
}

.dataDescription, .dataNotValidated { text-align: center; color:Black; }
.dataDescription { height: 17px;  }
.dataNotValidated { font-style: italic; }

.divSiteMessage
{
	border: solid thin blue;
	background-color: #98fb98;
	text-align: center;
}
.SuccessText { color:Green; }
.SubmitMessageSiteMenu { width:120px; }

.SiteDropDown { vertical-align:middle; } 

.flyOut
{
	background-color: white;
	border: solid 1px silver;
	padding: 10px;
	color: Black;
	width: 150px;
}

.faqQuestion
{
	font-size: normal;
	text-align: left;
	font-weight: bold;
	color: white;
	background-color: #cd853f;
	padding: 5px;
}

.faqAnswer
{	
	font-size: normal;
	text-align: left;
	background-color: #f5f5dc;
	padding: 5px;
	vertical-align: middle;
}