body
{
  background-color: #3269ae;
  color: #ffffff;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:677px;
	height:164px;
	z-index:2;
}

#buttons {
	position:absolute;
	left:249px;
	top:136px;
	width:512px;
	height:28px;
	z-index:3;
}

#maincontent {
  position: absolute;
  left:0px;
  top:164px;
  width:780px;
  height:auto;
  z-index:4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  padding-bottom: 18px;
  background-color: #ffffff;
  color: #000000;
  min-height: 430px;
}

a:link, a:active, a:visited  {
  text-decoration:none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

a:hover {
  text-decoration: underline;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.collapsePanel {
  background-color: white;
  overflow: hidden;
}

.collapsePanelHeader {
  width: 100%;
  height: 27px;
  background-color: #3269ae;
  color: #FFFFFF;
  font-weight: bold;
}

.panelBorder{
  border:1px solid #3269AE;
}

.checkBoxBorder{
  background-color: #3269ae;
}

.tdBorder {
  border:1px solid #3269AE;
  border-top: none;
}

.HiddenText label 
{ display: none; }
        
.weather 
{ 
  border: 0px; 
  width: 203px;
}

/* 
   Following is a fudge that works only in IE/Win and puts a border around the image
   because it doesn't handle PNG transparency too well 
 */
* html .icon img { border: 1px solid #ccc;  }
.temp { font: normal 2em Arial, serif; color: #900000; vertical-align:top;}
.cc { text-align: center; float: left; width: 40%; vertical-align:top; }
.misc { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.attrib { clear: both; text-align: center; padding: .5em; background: #eee; 
          font-family: Arial, Helvetica, sans-serif; font-size: 11px;}