@charset "UTF-8";

body {

	font-family: Verdana, Helvetica, sans-serif;

	background-image:url('../../images/picture.jpg');

	font-size: 10pt;

	color: #585858;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: left bottom;

	outline-color: #008000;

	overflow-y: scroll;

}



#main {

	width: 90%;

	margin:auto;

}



#logo_text_cumulus  {

	background-size: 9px;

	border-radius: 6px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #FFFFFF;

	letter-spacing: .3em;

	padding-bottom: .3em;

	padding-top: .3em;

	text-align: center;

	

}



#chart_container	{

	margin:2em auto 2em auto;

	width:1150px;

}

#header  {

	height: auto;

	width: 90%;

	margin:auto;

	background-attachment: fixed;

	background-repeat: inherit;

	color: #FFFFFF;

}



#footer_cumulus	{

	width:85%;

	margin:auto;

}

#header_cummulus, a:visited	{

	color: #fff;

}

.footer {

	width: 60%;

	position: relative;

	margin-left: 10%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	font-weight: 300;

	color: #B92D37;

}

#content {

	margin-top: 5%;

	margin-right: 20%;

	margin-bottom: 5%;

	margin-left: 20%;

}

h1 {

	border-radius: 7px;

	font-weight: bolder;

	text-transform: none;

	color: #FFF;

	letter-spacing: .3em;

	text-align: center;

	font-family: Calibri;

	font-style: italic;

	background-color: #B92D37;

	height: 7%;

	border: medium solid #D9C909;

}



h3 {

	font-size: 110%;

	font-weight: bold;

	color: #585858;

	letter-spacing: 0.2em;

	text-transform: lowercase;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

}

h4 {

	font-size: 125%;

	font-weight: bold;

	text-transform: lowercase;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	color: #000000;

	background-color: #6F9DBE;

}



h2 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 90%;

	color: #555555;

	letter-spacing: 0.15em;

	padding-bottom: .2em;

	background-color: #c0cad3;

	text-align: center;

	border-style:solid;

	border-color:orange;

	border-width:thin;

	border-radius: 6px;

	padding-top: .2em;

	padding-right: 1em;

}



a {

	color: #B92D37;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #FF0000;

}

a:hover {

	text-decoration: underline overline;

	color: #6F9DBE;

	text-decoration:blink;

}

a:active {

	text-decoration: none;

    color: #FF0000;

}

.textright	{

	text-align:right;

	float:right;

	font-family:Verdana, Geneva, Tahoma, sans-serif;

	font-weight:bold;

	color:#C0CAD3;

}

.textleft	{

	text-align: left;

	color: #FF3300;

	font-weight: bold;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	float: left;

}

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;

	top: inherit;

}



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;

}



.blockquote {

	background-color: #E7E7DE;

	margin-right: 22%;

}

caption {

	font-size: 95%;

	font-style: normal;

	font-weight: bold;

	letter-spacing: .1em;

	padding-top: 0.5em;

	padding-bottom: 0.25em;

	text-align: left;

}



.tableseparator_temp {

	font-size: 90%;

	font-weight: bolder;

	background-color: #B92D37;

	color: #C0C0C0;

	padding: .5em;

	letter-spacing: .1em;

	text-align: center;

}

.tableseparator_rainfall {

	font-size: 90%;

	font-weight: bolder;

	background-color: #D5515A;

	color: #C0C0C0;

	padding: .5em;

	letter-spacing: .1em;

	text-align: center;

}

.tableseparator_wind{

	font-size: 90%;

	font-weight: bolder;

	background-color: #E08188;

	color: #666666;

	padding: .5em;

	letter-spacing: .1em;

	text-align: center;

}

.tableseparator_pressure {

	font-size: 90%;

	font-weight: bolder;

	background-color: #E89BA0;

	color: #808080;

	padding: .5em;

	letter-spacing: .1em;

	text-align: center;

}

.tableseparator_solar {

	font-size: 90%;

	font-weight: bolder;

	background-color: #EDAFB4;

	color: #8C8C8C;

	padding: .5em;

	letter-spacing: .1em;

	text-align: center;

}



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: 0.0em;

}



.td_temperature_data {

	background-color: #F1D3B7;

}

.td_rainfall_data {

	background-color: #F4E0CE;

}

.td_wind_data {

	background-color: #F7E7D9;

}

.td_pressure_data {

	background-color: #F9EFE1;

}

.td_solar_data {

	background-color:#FAF0F1;

}

.td_navigation_bar {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

	letter-spacing: 0.2em;

	

}

.labels {

	font-weight: bold;

	background-position: left;

}

.site_data {

	text-align: right;

}

.colon_separator {

	font-weight: 400;

	background-position: left;

}

.tableseparator_solar {

	font-size: 90%;

	font-weight: bolder;

	background-color: #F8E4E6;

	color: #808080;

	padding: .5em;

	letter-spacing: .1em;

}



.forecast {

	font-weight: bold;

	background-position: left;

	color: #FF0000;

}

.Table_settings {

	margin:1em auto 1em auto;

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 60%;

}

#table.footer, a:visited  {

	width: 85%;

	position:relative;

	margin-left:auto;

	margin-right:auto;

	z-index: auto;

	empty-cells: show;

	color:red;

}



table {

	width: 100%;

	position: relative;

	z-index: auto;

	empty-cells: show;

}