body {
	background-color: #3399FE;
	width: 800px;
	margin: 0;
	}

	
#pageHeader { 
	margin: 0px;
	}
	
#pageHeader h1 { 
	background: transparent url(../images/logo.jpg) no-repeat top left;
	margin: 0px;
	height: 141px; 
	}
#pageHeader h1 span {
	display:none
	}
	
	
#container { 
	background: url(../images/exterior.jpg) no-repeat top right; 
	width: 800px;
	height: 431px;
	margin: 0px;
	}
	
#footer {
	background: url(../images/bottomaddy.jpg) no-repeat top;
	width: 800px;
	height: 36px;
	margin: 0px;
	}
	
.ads {
	width: 811px;
	height:	55px;
	margin-top: 36px;
	border: 0;
	padding: 0;
	}
	
.ads a {
	float: left;
	text-decoration: none;
	margin-top: 36px;
	border: 0;
	padding: 0;
	}
	
.ads a:link {
	text-decoration: none;
	}
	
.ads a img{border: 0;} 
	
	
	
	
/** Hovering text adapted from Eric Meyer's demos at www.meyerweb.com **/

ul.navbar { 
font: 12px Verdana, sans-serif; /* optional: I added 20px line-height so lines of text are same height as images */ 
padding: 0; 
margin: 0; 
list-style: none; 
width: 100px; 
float: left; /* added to show what happens to content on the right side */ 
margin-right: 10px; /* added to create a margin between pretend content and list */ 
}
ul.navbar li { 
position: relative; /* for span to take it's position from */ 
}
/* enter the image dimensions and float it */ 
ul.navbar li img { 
width: 100px; 
height: 50px; 
float: left; /* this also makes it disply: block; */ 
}
ul.navbar a { 
display: block; 
height: 50px; /* same height as image */ 
text-decoration: none; 
color: #000; 
}
ul.navbar a:hover { 
/* an a:hover rule has to be in place before the a:hover span will work but note that a color rule on it's own is not enough */ 
color: #000; /* a color rule alone is not enough for IE */ 
background: transparent;
text-indent: 0; /* so this makes it work in IE should the "no-popup" quirk be triggered */ 
}
ul.navbar a span { 
display: none; 
/*position: absolute;*/ /* another IE quirk see note on rule below */ 
left: 110px; /* or 99px if you want a 1px overlap to ensure continuity */ 
width: 210px; /* whatever you want! */ 
background: #ddd; 
}
ul.navbar a:hover span { 
display: block; 
position: absolute; /* this needs to be on the :hover span or it triggers layout and you get sticky tooltips */  
background: transparent;
}


