body {
  margin: 0px 0px 0px 0px ;
  background-color: #cccc99;
}

.page{
  height: 100%;
}

.topimgbar{
  color:#000066;
  background:#000066;
  height:15px;
  line-height:15px;
  overflow:hidden;

}

.topimgbarsep{
  color:#000033;
  background:#000033;
  height:3px;
  line-height:3px;
  overflow:hidden;	
}

.titlebar{
  font-family:georgia, verdana, arial, sans-serif;
  color:#FFF;
  font-size:x-large;
  font-weight:bold; 		
  background:#990000;
  padding:2px;
}

.sepbar1{
  color:#330000;
  background:#330000;
  height:3px;
  line-height:3px;
  overflow:hidden;	
}

.sepbar2{
  color:#555;
  background:#555;
  height:7px;
  line-height:7px;
  overflow:hidden;

}

#mainnav{
  position: absolute; 
  top: 5px; 
  left: 5px;
  width: 100px; 
  min-width: 100px; 
  z-index: 1; 
}

#content{
  position: absolute; 
  top: 120px; 
  left: 120px; 
  width: auto; 
  min-width: 350px; 
  padding: 0px 50px 50px 0px;
  z-index: 2;    
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 12pt; 
}

#content p{
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 12pt;  
}

#content h1{
  font-family: Verdana, Arial, sans-serif, Helvetica; 
}

#content h2{
  font-family: Verdana, Arial, sans-serif, Helvetica;
  border-bottom: 2px solid #000000;
}

#content dt{
  font-weight:bold; 
}

#contextnav{
	position: absolute; 
  top: -125px; 
  left: -125px;
  width: 190px;
  margin: 0px 5px 50px 50px
  padding: 15px 15px 15px 15px;  
  border: 1px solid #bbb;
  background: #fafafa;
  color: #000000;
  z-index: 2;
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 12pt;
} 


.mainlinks{
  border: 1px solid #bbb;
  padding: 2px 5px;
  background: #fafafa;
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 10px;
  color: #000000;  
  z-index: 1;
}

.mainlinktitle {
  border-bottom: 1px dotted #bbb;
  padding: 5px 5px;
  background: #fafafa;
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

.mainlinks.nobullets{
  padding: 0px;
  margin: 0px 0px 0px 20px;
  text-indent: 3px;
  line-height: 1.2em;
  background: #fafafa;
}

.mainlinks A:link {text-decoration: none; color: #990000; }
.mainlinks A:visited {text-decoration: none; color: #990000; } 
.mainlinks A:active {text-decoration: none; color: #990000; }
.mainlinks A:hover {text-decoration: underline; color: #990000; }

table.calendar {font-size: 11px; background-color: #ccc;}
tr.calendardateheaders {font-weight: bold; font-family: Verdana, sans-serif;}
table.calendar td { text-align: center; }

table.calendar A:link {text-decoration: none; font-weight: bold; color: #990000;}
table.calendar A:visited {text-decoration: none; font-weight: bold; color: #990000;}
table.calendar A:active {text-decoration: none; font-weight: bold; color: #990000;}
table.calendar A:hover {text-decoration: underline; font-weight: bold; color: #990000;}

A:link {text-decoration: none; color: #990000;}
A:visited {text-decoration: none; color: #990000;}
A:active {text-decoration: none; color: #990000;}
A:hover {text-decoration: underline; color: #990000;}


.itemdate{
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 5px 5px;
  background: #FFFFCC;
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

.fullitemtitle{
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 5px 5px;
  background: #FFFFCC;
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}


.shortitemtitle{
  font-family: Verdana, Arial, sans-serif, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #000000;

}

.temp{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #ff0000;
}


.feelslike{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 10px;
	color: #000000;
}

.wind{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 8px;
	color: #000000;
}

.forcast{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 10px;
	color: #000000;
}

.weatherupdate{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 6px;
	color: #000000;
}