body {
		 height: 100%;
		 width: 100%;
		 margin: 0;
		 padding: 0;
		 font-family: verdana, arial, sans-serif;
		 font-size: 13;
		 /*color: #333;*/
		 background-image: url("HorizontalGradient.jpg");
			}

#Main {
  position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:1000px;
	background:transparent;
}

#topsection {
  position:absolute;
	z-index:1;
	float:left;
	left:5px;
	top:0px;
	width:800px;
	height:120px;
	border-bottom:2px ridge gray;
	color:yellow;
	text-align:left;
}

#dayweather {
  position:absolute;
	left:510px;
	top:10px;
	width:225px;
	height:100px;
	border:0px groove black;
	color:yellow;
	background-color:transparent;
	text-align:center;
}

#Box1 {
  position:absolute;
	top:130px;
	left:20px;
	padding-left:2px;
	width:300px;
	height:149px;
	border-bottom:1px ridge black;
	color:white;
	text-align:left;
}

#Box2 {
  position:absolute;
	top:290px;
	left:20px;
	padding-left:2px;
	width:300px;
	height:149px;
	border-bottom:1px ridge black;
	color:#CCCCCC;
	text-align:left;
}

#Box3 {
  position:absolute;
	top:450px;
	left:20px;
	padding-left:2px;
	width:300px;
	height:150px;
	color:black;
	text-align:left;
}

.ImageLeft {
  float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#Box4 {
  position:absolute;
	top:145px;
	left:350px;
	width:250px;
	height:450px;
	border-left:1px ridge black;
	border-right:1px ridge black;
	color:white;
	text-align:center;
}

#Box5 {
  position:absolute;
	z-index:1;
	top:145px;
	left:610px;
	width:250px;
	height:450px;
	color:white;
	text-align:center;
}

.ImageCenter {
  clear:both;
	margin-bottom:5px;
	text-align:center;
}

a:link {
 color:yellow;
}
a:visited {
 color:#CCCCCC;
}