body
{
	background:url(tlo4.jpg)fixed;
	font-size:20px;
	font-family: 'Lato', sans-serif;
}		

h1
{
	text-align:left;
    position:relative;
	left:200px;
	top:30px;
	font:bold;
	font-size: 30px;
	color:black;
}

h2
{
	text-align:left;
    position:relative;
	left:200px;
	top:-210px;
	font:bold;
	font-size: 20px;
	color:black;
}


.img
{
	position:relative;
	margin-left:auto;
	left:-550px;
	top:-60px;
	max-width: 100%;
	height:auto;
	width:100px;
    
}

#img
{
	height:200px;
	width:150px;
	margin:auto; 
}

h5
{
	text-align:center;
	font-size:15px;
	line-height:2px;
	color:black;
}
.text1
{
	border-radius:10px 10px 10px 10px;
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 32%, rgba(0,212,255,1) 100%);
	height:35px;
	width:140px;
	font-size:13px;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:5px;
	position:relative;
	left:auto;
	top:-50px;
}

.box1
{
	position:relative;
	float:left;
	left:15%;
	top:auto;
	clear:both;
}

.box1-1
{
	float:left;
	width:148px;
	height:205px;
	background:url(OutsideTemp.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:200px;	
}

.box1-2
{
	float:left;
	width:148px;
	height:205px;
	background:url(Barometer.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:200px;	
}

.box1-3
{
	float:left;
	width:148px;
	height:205px;
	background:url(OutsideHumidity.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:200px;	
}

.box1-4
{
	float:left;
	width:148px;
	height:205px;
	background:url(Rain.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:200px;
}

.box1-5
{
	float:left;
	width:148px;
	height:205px;
	background:url(YearlyRain.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:200px;	
}

.text2
{
	border-radius:10px 10px 10px 10px;
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 32%, rgba(0,212,255,1) 100%);
	height:35px;
	width:140px;
	font-size:13px;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:5px;
	position:relative;
	left:auto;
	top:-50px;
}

.box2
{
  position:relative;
  float:left;
  left:15%;
  top:-100px;
  clear:both;
}


.box2-1
{
	float:left;
	width:148px;
	height:205px;
	background:url(WindChill.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}


.box2-2
{
	float:left;
	width:148px;
	height:205px;
	background:url(HeatIndex.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}

.box2-3
{
	float:left;
	width:148px;
	height:205px;
	background:url(RainRate.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}

.box2-4
{
	float:left;
	width:148px;
	height:205px;
	background:url(AirDensity.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}

.box2-5
{
	float:left;
	width:148px;
	height:205px;
	background:url(MonthlyRain.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}

.text3
{
	border-radius:10px 10px 10px 10px;
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 32%, rgba(0,212,255,1) 100%);
	height:30px;
	width:200px;
	font-size:13px;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:8px;
	position:relative;
	left:auto;
	top:30px;
	clip:rect(60px 60px 60px 0px)
}

.box3
{
	position:relative;
	float:left;
	left:400px;
	top:-130px;
	clear:both;
	
}

.box3-1
{
	position:relative;
	top:0px;
	float:left;
	width:220px;
	height:250px;
	background:url(WindDirection.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;	
}

.box3-2
{
	position:relative;
	top:0px;
	float:left;
	width:220px;
	height:250px;
	background:url(WindSpeed.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;		
}

.text4
{
	border-radius:10px 10px 10px 10px;
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 32%, rgba(0,212,255,1) 100%);
	height:35px;
	width:320px;
	font-size:13px;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:5px;
	position:relative;
	left:-5px;
	top:25px;
}

.box4
{
	position:relative;
	float:left;
	left:170px;
	top:-130px;
	clear:both;
}

.box4-1
{
	position:relative;
	top:0px;
	float:left;
	width:320px;
	height:250px;
	background:url(RainHistory.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;		
}

.box4-2
{
	position:relative;
	top:0px;
	float:left;
	width:320px;
	height:250px;
	background:url(OutsideTempHistory.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;		
}

.box4-3
{
	position:relative;
	top:0px;
	float:left;
	width:320px;
	height:250px;
	background:url(BarometerHistory.gif)no-repeat bottom;
	margin-left:30px;
	margin-bottom:50px;		
}

#footer
{
	clear:both;
	font-size:10px;
	text-align:left;	
	color:black;
}

a:link
{
	color:red;
}

a:visited
{
	color:red;
}