@charset "UTF-8";

body {
	width:99%; 
	height:99%;
	background-color: #f1f1f1;
	margin:auto;
	padding:5;
}
#content {
	max-width:1024px; 
	margin:0 auto;
}
	
p {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 2.5vw;
}
caption {
	font-size: 2.8vw;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0em;
	padding-top: 1.25em;
	padding-bottom: 0.25em;
	text-align: left;
	color: #6bad05;
}
h1,h2,h3,h4,h5 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 5vw;
	font-weight: bold;
	color: #CCCCCC; /* era d3d3d3 */
	margin-top: .9em;
	margin-bottom: 0.4em;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 2px 1px 0px #585858;
}
h2 {
	font-size: 3.5vw;
	text-transform: none;
	color: #d6d4d2;
	letter-spacing: 0.1em;
	margin-top:0;
	margin-bottom: 0.2em;
	text-align: center;
	text-shadow: 1px 1.2px 0px #585858;
}
h3 {
	font-size: 3vw;
	color: #ffffff;
	letter-spacing: 0em;
	background-color: #0000cc;
	text-align: center;
	text-transform: none;
	margin:0em;
	padding-top: .3em;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: .3em;
}
h4 {
	font-size: 110%;
	font-weight: normal;
	color: #585858;
	letter-spacing: 0.4em;
	text-transform: lowercase;
	text-align: left;
}
h5{
	font-size: 14px;
	font-weight: normal;
	color: #585858;
	padding-top: 0em;
	padding-bottom: 0em;
	letter-spacing: 0em;
	text-transform: none;
	text-align: justify;
}	

a {
	color: #8aa5d8;
    text-decoration: none;
	font-weight: bold;
	
}
a:visited {
	/* a link the user has visited */
	text-decoration: none;
	color: #8aa5d8;
    background-color: yellow;
}
a:hover {
	/* a link when the user mouses over it */
	background-color: yellow;
	/* text-decoration: underline overline; */
	color: #6F9DBE;
}
a:active {
	/* a link the moment it is clicked */
		background-color: yellow;
		color: #6F9DBE;
}

.credits {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1.6vw;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: 0.1vw;
	text-align: right;
}

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%;
}

table {
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.tableseparator_header {
	font-size: 2.2vw;
	font-weight: bold;
	background-color: teal;/*#0000CC;*/
	color: #FFFF00;
	padding: .5em;
	letter-spacing: .1em;
	text-align:center;
}
.tableseparator_temp {
	font-size: 2.2vw;
	font-weight: bold;
	background-color:#619696;
	color: #454545;
	padding: .5em;
	letter-spacing: .1em;
}
.tableseparator_rainfall {
	font-size: 2.2vw;
	font-weight: bold;
	background-color: #71a2a2;
	color: #454545;
	padding: .5em;
	letter-spacing: .1em;
}
.tableseparator_wind{
	font-size: 2.2vw;
	font-weight: bold;
	background-color: #89a5a5;
	color: #454545;
	padding: .5em;
	letter-spacing: .1em;
}
.tableseparator_pressure {
	font-size: 2.2vw;
	font-weight: bold;
	background-color: #89a5a5;
	color: #454545;
	padding: .5em;
	letter-spacing: .1em;
}
td {
	/*font-size: 2.5vw;*/
	color:#3466b5;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}
.td_thumbnails {
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: 0.1em;
	padding-left: 0.0em;
}
.td_header_data {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F1D3B7;*/
}
.td_temperature_data {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F1D3B7;*/
}
.td_temperature_data2 {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F5E0CC;*/ 
}
.td_rainfall_data {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F5E0CC;*/ 
}
.td_rainfall_data2 {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F1D3B7;*/ 
}
.td_wind_data {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F9EDE1;*/
}
.td_pressure_data {
	font-size: 2vw;
	font-weight: bold;
	background-color: #e4e8d0; /*#F9EDE1;*/ 
}
.td_navigation_bar {
	font-size:2.8vw; /*era 3vw*/
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: 0em;
	background-color: #e7e7e7; /* era f0f0f0 */
}
.labels {
	font-size: 2.5vw;
	font-weight: bold;
	background-position: left;
}
.site_data {
	font-size: 2.5vw;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.05em;
	color: #ff0000;
}
.colon_separator {
	font-weight: 400;
	background-position: left;
}