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;
}

/*== Region nav ==*/

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

div.comingSoon
{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

div.comingSoonText
{
	color: Red;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

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

a.regionAnchor
{
	font-size: 16px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

a.regionAnchor:visited
{
	color: Black;
	text-decoration: none;
}


a.regionAnchor:hover 
{
	color: MediumBlue;
	text-decoration: underline;
}

a.comingSoon
{
	font-size: 14px;
	color: #555555;
}

a.comingSoon:visited
{
	font-size: 14px;
	color: #555555;
}

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

/*== Main Sections ==*/

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

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

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

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

div#webCam
{
	padding: 5px;
	margin-bottom: 0.4em;
}
div#webCam .sb-inner
{ 
	background: LightSteelBlue; 
}
div#webCam .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.floatLeft
{
	float: left;
}
div.clearFloat
{
	clear: left;
}

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

/*== View Report Anchor ==*/

a.viewReportAnchor
{
	color: Blue;
	font-weight: bold;
}

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

/*== Error Message ==*/

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

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

hr.divider
{
	width: 100%;
	margin: 0;
	padding: 0;
	height: 1px;
}