body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	margin-left: 0.4em;
	margin-top: 0.8em;
	background-color: Snow;
}

div#container
{
	width: 930px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: Snow;
}

/*== Main Page Columns ==*/

div#mainCol
{
	width: 660px;
	float: left;
	margin-top: 0.4em;
}

div#rightCol
{
	width: 270px;
	float: left;
	margin-top: 0.4em;
}

/*== Links ==*/

div#topLinks
{
    height: 4em;
    width: 920px;
    margin-top: 0.4em;
}
div#topLinks .sb-inner
{ 
	background: SkyBlue; 
}
div#topLinks .sb-border 
{ 
	background: SlateGray; 
}

div.linkMenuItem
{
	text-align: center;
	padding-top: 0.4em;
    padding-left: 1.6em;
	float: left;
}

a.linkAnchor:link
{
	color: DarkBlue;
	font-size: 12px;
	text-decoration: none;
}
a.linkAnchor:visited
{
	color: DarkBlue;
	text-decoration: none;
}
a.linkAnchor:hover 
{
	color: Black;
	text-decoration: underline;
}

/*== Region nav ==*/

div.regionLink
{
    float: left;
    width: auto;
    margin-top: 0.4em;
    margin-right: 0.4em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.68em;
	padding-right: 0.68em;
	text-align: center;
}
div.regionLink .sb-inner
{ 
	background: PowderBlue; 
}
div.regionLink .sb-border 
{ 
	background: SlateGray; 
}

div.regionLinkItem
{
	width: 100%;
	float: left;
	text-align: center;
}

a.regionAnchor:link
{
	color: Black;
	font-size: 14px;
	text-decoration: none;
}
a.regionAnchor:visited
{
	color: Black;
	font-size: 14px;
	text-decoration: none;
}
a.regionAnchor:hover 
{
	color: DarkBlue;
	text-decoration: underline;
}

span.centerText
{
	width: 100%;
	text-align: center;
}

/*== Main Sections ==*/

div#gauge
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#gauge .sb-inner
{ 
	background: LightSteelBlue; 
}
div#gauge .sb-border 
{ 
	background: SlateGray; 
}

div#weather
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#weather .sb-inner
{ 
	background: Wheat; 
}
div#weather .sb-border 
{ 
	background: SlateGray; 
}

div#forecast
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#forecast .sb-inner
{ 
	background: Thistle; 
}
div#forecast .sb-border 
{ 
	background: SlateGray; 
}

div#resource
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#resource .sb-inner
{ 
	background: DarkKhaki; 
}
div#resource .sb-border 
{ 
	background: SlateGray; 
}

div#googleMap
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#googleMap .sb-inner
{ 
	background: LightSteelBlue; 
}
div#googleMap .sb-border 
{ 
	background: SlateGray; 
}

/*== Sections ==*/

div.sectionHeader
{
	font-size: 14px;
	font-weight: bold;
	padding-left: 1em;
	padding-bottom: 0.2em;
	float: left;
}

div.reportLeft
{
	width: 78%;
	float: left;
	text-align: left;
}

div.reportRight
{
	width: 22%;
	float: left;
	text-align: right;
}

div.clearFloat
{
	clear: left;
}

div.noSize
{
	height: 0;
	width: 0;
}

/*== View Report Anchor ==*/

a.viewReportAnchor:link
{
	color: Blue;
	font-weight: bold;
}
a.viewReportAnchor:visited
{
	color: Blue;
	font-weight: bold;
}
a.viewReportAnchor:hover 
{
	color: Red;
	font-weight: bold;
}

/*== Gauge Hydrograph ==*/

div#gaugeHydroTitle
{
}

div#gaugeHydroChart
{
	margin-top: 0.2em;
}

div.gaugeItem1
{
	float: left;
	width: 35%;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div.gaugeItem2
{
	float: left;
	width: 30%;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div.gaugeItem3
{
	float: left;
	width: 35%;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}


/*== Resources ==*/

div.resourceContent
{
	height: 80px;
	background: Snow;
	overflow: auto;
}

div.resourceTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div.resourceRow
{
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
}

div.resourceReport
{
	padding-bottom: 0.5em;
}

a.resourceAnchor
{
	color: DarkBlue;
	font-size: 12px;
	text-decoration: none;
}

a.resourceAnchor:hover 
{
	color: Black;
	text-decoration: underline;
}

/*== Error Message ==*/

div#errorMessage
{
	font-size: 16px;
	color: Red;
	padding: 6em;
	text-align: center;
}

input.retry
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
}

/*== Sponsor Info ==*/

div.sponsorTitle
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 2em;
}

div.sponsorText
{
	font-size: 12px;
	padding-top: 1em;
	padding-left: 2.5em;
	padding-right: 2.5em;
}

div.floatLeft
{
	float: left;
}
div.clearFloat
{
	clear: left;
}

div.noSize
{
	height: 0;
	width: 0;
}