body {
  margin: 0;
  padding: 0;
  color: black;
  background-color: #cccccc;
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 73%;
}
.picfl {
  float: left;
  padding-right: 5px;
  position: relative;
}
.picfr {
  float: right;
  padding-left: 5px;
  position: relative;
}
.picfc {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
#header {
  color: inherit;
  background-color: #6666ff;
}
.headerTitle {
  margin: 0;
  padding: 0.25em 4mm;
  text-align: center;
  color: #cb8dc7;
}
.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}
.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}
.subHeader {
  margin: 0;
  padding: 0.5ex 1ex;
  color: white;
  float: left;
  clear: left;
  position: relative;
  background-color: black;
  font-size: 109%;
}
.subHeader a {
  margin: 0;
  padding: 0 1ex;
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
}
.subHeader a:hover {
  color: black;
  background-color: white;
}
.subHeaderRight {
  margin: 0;
  padding: 0.5ex 2ex;
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: right;
}
.subHeaderCentr {
  margin: 0;
  padding: 0.5ex 2ex;
  color: white;
  background-color: MediumBlue;
  font-size: 109%;
  text-align: center;
}
.subHeaderCentr a {
  margin: 0;
  padding: 0 1ex;
  color: white;
  background-color: MediumBlue;
  text-decoration: none;
}
.subHeaderCentr a:hover {
  color: black;
  background-color: white;
}
.leftSideBar {
  border: 1px solid black;
  margin: 2ex 0.75ex;
  width: 22em;
  float: left;
  clear: left;
}
.leftSideBar .sideBarTitle {
  margin: 0;
  padding: 0.8ex 1ex;
  color: #404040;
  background-color: #e6dfcf;
  font-weight: bold;
}
.leftSideBar .sideBarTemp {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #fffc19;
  background-color: red;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarWind {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #b1b147;
  background-color: #65650a;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarComfort {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #ca7147;
  background-color: #7e4f39;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarHumidity {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #8b4d71;
  background-color: #4dc0ca;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarSun {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #3f4000;
  background-color: #fcff00;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarDew {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #3f4000;
  background-color: #fcc0ca;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarPressure {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #333300;
  background-color: #ff7b06;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarRain {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #cc8514;
  background-color: #000196;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarForecast {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: #330033;
  background-color: #06ff7b;
  font-weight: bold;
  text-align: center;
}
.leftSideBar .sideBarHistory {
  margin: 1.25ex 1ex;
  padding: 0.8ex 1ex;
  color: white;
  background-color: black;
  font-weight: bold;
  text-align: center;
}
.leftSideBar ul {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}
.leftSideBar li {
  margin: 1ex;
  padding: 0;
}
.leftSideBar a {
  color: #a68c53;
  background-color: transparent;
  text-decoration: none;
}
.leftSideBar a:hover {
  color: #404040;
  background-color: transparent;
  text-decoration: none;
}
.leftSideBar .sideBarText {
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  color: black;
  background-color: transparent;
  line-height: 1.25em;
  display: block;
}
.leftSideBar .sideBarText a {
  padding: 0 2ex 1em;
  color: #3f253e;
  text-decoration: none;
  font-weight: bold;
}
.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}
.leftSideBar .thisPage {
  color: #404040;
  background-color: transparent;
  font-weight: bold;
}
div.hitoday {
  text-align: left;
  color: red;
}
div.lowtoday {
  text-align: left;
  color: blue;
}
div.avgtoday {
  text-align: left;
  color: black;
}
.rightSideBar {
  border: 1px solid black;
  margin: 2ex 0.75ex 0 0;
  padding: 0;
  width: 20em;
  float: right;
  clear: right;
}
*[class~="rightSideBar"] {
  margin-right: 1.5ex;
}
.rightSideBar .sideBarTitle {
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
  color: black;
  background-color: #e6dfcf;
  font-weight: bold;
}
.rightSideBar .sideBarMaps {
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
  color: #dcb729;
  background-color: #2936dc;
  font-weight: bold;
  text-align: center;
}
.rightSideBar .sideBarLinks {
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
  color: White;
  background-color: black;
  font-weight: bold;
  text-align: center;
}
.rightSideBar .sideBarSun {
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
  color: Black;
  background-color: Yellow;
  font-weight: bold;
  text-align: center;
}
.rightSideBar a {
  color: #3f253e;
  background-color: transparent;
  text-decoration: none;
}
.rightSideBar a:hover {
  text-decoration: none;
}
.rightSideBar .sideBarText {
  margin: 0;
  padding: 0 1ex 0.5em;
  line-height: 1.5em;
}
.rightSideBar .sideBarText a {
  padding: 0 2ex 1em;
  color: #3f253e;
  text-decoration: none;
  font-weight: bold;
}
.rightSideBar .sideBarText a:hover {
  text-decoration: none;
}
.rightSideBar .more {
  margin: 0;
  padding: 0 2ex 1em;
  text-decoration: none;
  text-align: right;
  display: block;
}
.rightSideBar .more:hover {
  text-decoration: underline;
}
.rightSideBar ul {
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}
.mtable {
  text-align: left;
  font-weight: normal;  
}
#main-copy {
  margin: 0 22em 0 21em;
  color: black;
  text-align: center;
  line-height: 1.5em;
}
#main-almanac {
  margin: 0 23em 0 15em;
  color: black;
  text-align: left;
  line-height: 1.5em;
}
#main-copy h1 {
  color: #a68c53;
  background-color: transparent;
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
#main-copy a {
	color: #8B4513;
	background-color: transparent;
	text-decoration: underline;
}
#main-copy a:hover {
  text-decoration: none;
}
p {
  margin: 2px;
  padding: 2;
}
dt {
  margin: 0;
  padding: 0 0 0.5ex;
  font-weight: bold;
}
dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
#footer {
  margin: 0;
  padding: 1em 4mm;
  color: black;
  background-color: #9999ff;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  clear: both;
}
#footer div {
  margin: 0;
  padding: 0 0 1ex;
}
#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}
#footer a:hover {
  text-decoration: none;
}
#stations ul{
        display:inline-block;
        margin-right:10px;
        width:300px;
        text-align: left;
}
#stations ul li{
        list-style:none;
        background-image:url(img/point.png);
        background-repeat:no-repeat;
        background-position: -4px 2px;
        text-indent:12px;
        line-height:18px;
}