BODY
{
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
	text-align: left;
	background-attachment: fixed;
	background-image: url(images/picture.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content
{
	margin-top: 1%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
}
H1
{
	font-size: 150%;
	font-weight: bold;
	text-transform: lowercase;
	color: #678090;
	letter-spacing: 0.7em;
	padding-bottom: 1em;
	text-align: left;
}
H2
{
	font-size: 125%;
	font-weight: bold;
	color: #6F9DBE;
	letter-spacing: 0.4em;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
A
{
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
}
A:visited
{
	text-decoration: none;
	color: #CC6600;
}
A:hover
{
	text-decoration: underline overline;
	color: #6F9DBE;
}
A:active
{
	text-decoration: none;
}
H1, H2, H3, H4, H5, H6
{
	font-family: Arial, Helvetica, sans-serif;
}
.credits
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: 0.3em;
	text-align: right;
}
H3
{
	font-size: 110%;
	font-weight: normal;
	color: #585858;
	letter-spacing: 0.4em;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
UL
{
	font-size: 75%;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-left: 10%;
	list-style-type: square;
	text-transform: lowercase;
}
LI
{
	padding-bottom: 0.5em;
}
H2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
	letter-spacing: 0.15em;
	padding-bottom: 0.2em;
	background-color: #C0CAD3;
	text-align: right;
	padding-top: 0.2em;
	padding-right: 1em;
}
.blockquote
{
	background-color: #E7E7DE;
	margin-right: 22%;
}
CAPTION
{
	font-size: 95%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	text-align: left;
}
TABLE
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.tableseparator_temp
{
	font-size: 90%;
	font-weight: 400;
	background-color: #678090;
	color: #CCCCCC;
	padding: 0.5em;
	letter-spacing: 0.1em;
}
.tableseparator_rainfall
{
	font-size: 90%;
	font-weight: 400;
	background-color: #8499A7;
	color: #CCCCCC;
	padding: 0.5em;
	letter-spacing: 0.1em;
}
.tableseparator_wind
{
	font-size: 90%;
	font-weight: 400;
	background-color: #A2B1BD;
	color: #666666;
	padding: 0.5em;
	letter-spacing: 0.1em;
}
.tableseparator_pressure
{
	font-size: 90%;
	font-weight: 400;
	background-color: #C0CAD3;
	color: #666666;
	padding: 0.5em;
	letter-spacing: 0.1em;
}
TD
{
	font-size: 100%;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	color: #222222;
}
.td_thumbnails
{
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: 0.1em;
	padding-left: 0em;
}
.td_temperature_data
{
	background-color: #F1D3B7;
}
.td_rainfall_data
{
	background-color: #F5E0CC;
}
.td_wind_data
{
	background-color: #F9EDE1;
}
.td_pressure_data
{
	background-color: #FDFAF6;
}
.td_navigation_bar
{
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	letter-spacing: 0.2em;
	background-color: #FFFFFF;
}
.labels
{
	font-weight: bold;
	background-position: left;
}
.site_data
{
	text-align: right;
}
.colon_separator
{
	font-weight: 400;
	background-position: left;
}
#temp
{
	font-weight: bold;
}
#tempTH
{
	color: #FF0000;
}
#tempTL
{
	color: #0000FF;
}
#tempYH
{
	color: #FF0000;
}
#tempYL
{
	color: #0000FF;
}
#MonthTempH
{
	color: #FF0000;
}
#MonthTempL
{
	color: #0000FF;
}
#YearTempH
{
	color: #FF0000;
}
#YearTempL
{
	color: #0000FF;
}
#button {
align: center;
width: 880px;
padding: 0;

}
#button li {
display: inline;
}
#button li a {
font-family: Arial;
font-size:12px;
text-decoration: none;
float:left;
padding: 5px;
background-color: #2175bc;
color: #fff;
}
#button li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:7px;
}