/* http://Freightyard.Net/freightyard.css
   Copyright 2006 by Kevin P. Rice */

html {
  color: black;
  background-color:#005f7f;
  font-family: Verdana, sans-serif;
  padding: 8px;
}

body { margin:5px 3em; padding:0; }

/* Jello -- http://www.positioniseverything.net/articles/jello.html * * * * */
body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;
	background: #005f7f;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 50%;
	max-width: 290px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: #bef;
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative; /* IE fix for negative margins*/
	text-align: left;
}

/* "Holly hack" for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 

/* end Jello -- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clearfloats:after {
    content: "&nbsp"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfloats {height: 1%;}
/* End hide from IE-mac */

.adsense { }
.adsense_ie {clear:both;}
.SiteSearch {float:left;margin-top:2em;}
.SiteSearch img {border:none;}

div#content { margin:0; padding:1em; }
div#footer { background-color:black; color:white; font-size:smaller; padding:0.25em; }
div#badges { background-color:#005f7f; padding:1em; text-align:right; }

a:link { color: #900; }
a:visited, a:active { color: #009; }
a:hover { background-color:yellow; text-decoration:underline; }
a:active { color:red; }
a.button:link img, a.button:visited img { border-style:none; }

a.mact:link, a.mact:visited { color: #A0E9C2; font-weight: bolder; text-shadow: red 0px 0px 5px; }
a.mact:hover { color: yellow; }
a.mact:active { color: white; }
div#menu a:link, div#menu a:visited { color:#31CB7B; text-decoration: none; }
div#menu a:active { color: white; }
div#menu a:hover { color: yellow; }

/* makes active (roll-over style) border around block objects */
.border {border:2px solid #900; border-thickness:2px}
A:hover .border {border:2px solid yellow; border-thickness:2px}
A:active .border {border:2px solid red; border-thickness:2px}

div#menu, div#menu a, div#menu table {
  color: #A0E9C2;
  background-color: black;
  text-align: center;
  font: x-small Verdana, Sans-Serif;
  border: none;
  margin: auto;
  padding: 0;
  white-space: nowrap;
}

div#today { color:white; font-weight:bold; }
div#logo { background-color:#00bfff; }
div#nav div {
  color: #A0E9C2;
  background-color: black;
  float:left;
  text-align: center;
  font: x-small Verdana, Sans-Serif;
  border: none;
  margin: auto;
  padding: 0 5px;
  white-space: nowrap;
}

img { border:none; }

span.credit { font-style:italic; font-size:8pt; }
div.container {
  background-color: #DDD;
  margin: 10px;
  padding: 10px;
}
div.spacer { clear: both; }
div.float {
  float: left;
  width: 320px;
  padding: 10px;
  font-style:italic;
  font-size:8pt;
}

/* Eliminate extra line beween header and following paragraph */
.nospace { margin-bottom:0; }
.nospace + p { margin-top:0.3em; }

blockquote span, p.quote { font-style:italic; }

div.gallery {
  border: solid 1px black;
  float: left;
  font-size: 8pt;
  height: 220px;
  padding: 10px;
  text-align: center;
  width: 220px;
}
a.gallery:hover, a.gallery:hover div.gallery { background-color: white; }
a.gallery { border: none; text-decoration: none; }
img.gallery { border: none; }

#NOAA_Weather { float:right; background-color:#ffb; width:144px; padding:10px; font-size:xx-small; }
#NOAA_Weather h1 { font-size: medium; }
#NOAA_Weather #location { font-size:small; font-weight:bold; }
#NOAA_Weather #observation_time { font-size:xx-small; }
#NOAA_Weather #icon { display:block; float:right; }
#NOAA_Weather #weather { font-size:medium; font-weight:bold; }
#NOAA_Weather .label { font-weight:bold; }
#NOAA_Weather .data {}
#NOAA_Weather #image { display:block; }