body {
	margin: 0;
	padding: 0;
	background: #af9;
	color: #006;
	font-family: sans-serif;
}

h1 {
	/*background-image: url("/img/cs-treeline-5868.jpg");*/
	background-image: url("/img/td-41-2770_blue-gold-1_2000x140.jpg");
	color: white;
	margin: 0;
	height: 140px;
}

.h1-logo {
	margin-top: 60px;
	margin-left: 5%;
}

h2 {
	margin-top: 0;
	color: #006;
	margin-bottom: 0;
	padding-bottom: 0;
}

th {
	font-size: 150%;
}

.top {
	height: 35px;
}

.rise {
  background-image: url("/img/green-grey.png"); 
  background-repeat: repeat-x;
	height: 20px;	
	margin-top: 10px;
}

.drop {
	background: #af9 url("/img/grey-green.png") repeat-x;
	height: 20px;	
}

a {
	color: #006;
	text-decoration: none;
	font-weight: bold;

}

table, tr, td, th {
	border: 0;
}

a:hover {
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
}

hr {
  border: 0;
	height: 1px;
	color: #64739e;
	background-color: #64739e;
}

.outer {
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 42.5%;
	float: left;
}

.outerWide {
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 90%;
	float: left;
}

.p-shadow {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow-to-green.gif) no-repeat bottom right;
  margin: 10px 0 25px 10px !important;
  margin: 10px 0 25px 5px;
	width: 98%;
}

.p-shadow .p-inner {
  background: none !important;
  background: url(/img/shadow-to-green-2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow .content {
  color: #444;
  background-color: white;
  border: 1px solid #a9a9a9;
  padding: 4px;
  padding: 0;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

.content p, .content dl, .content table {
	padding: 4px;
	padding-left: 1ex;
}

dt {
	border-top: 1px solid #99c;
}

dt:first-child {
	border-top: 0 !important;
}

.forecast {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-size: smaller;
	padding-left: 1px;
	height: 200px;
}

.forecastIcon {
	text-align: center;
	float: left;
	width: 11.1%;
	background: white;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.forecastIcon:hover {
	background: #ccf;
	padding-left: 0;
	padding-right: 0;
}

.forecastDescription {
	clear: both;
	padding: 5px 0 5px 0;
	background: white;
	height: 3em;
}

.forecast:hover .forecastDescription {
	background: #ccf;
}

.forecast:hover .description {
	background: #ccf;
}

.forecast:hover .forecastDescription span {
	display: none;
}

.dsc {
	display: none;
}

.forecastIcon:hover .dsc {
  display: block;
  position: absolute; 
	float: left;
  top: 250px;
  left: 0;
  padding: 0px; 
  padding-left: 2px;
  margin-right: 20%;
  margin-left: 6%;
	text-align: left;
  z-index: 101;
}

h3 {
  font-family: georgia, serif;
	font-style: italic;
	margin: 0;
	padding: 4px;
	text-align: right;
	color: white;
	background: #aaf;
}

.unknown {
	color: red;
	font-style: italic;
}

.button {
	/*
	font-size: smaller;
	font-variant: small-caps;
	color: black;
	background: orange;
	vertical-align: top;
	*/
	font-style: normal;
	padding: 0 1ex;
	cursor: pointer;
}

.toolbar {
	display: none;
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 90%;
	float: left;
	clear: both;
	font-size: smaller;
	text-align: center;
}

.toolbar p {
	margin: 0;
	padding: 0.5ex;
}

.toolLink {
	display: none;
}

.text {
	background-color: #af9;
	font-family: monospace;
	width: 80ex;
  border: 1px solid #a9a9a9;
	margin: 0.5ex;
}

textarea {
	width: 80ex;
  border: 1px solid #a9a9a9;
	margin: 0.5ex;
	background-color: #af9;
}

.label {
	text-align: right;
}

pre {
	padding: 0 1ex;
}

a img {
	border: none;
}