Background image

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Home - Team Deaf JetSki</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
 
 
<style type="text/css"> 
<!--
[b]body[/b] {
	background-image: (images/background.jpg);
	background-repeat: repeat;
	margin: 0;
} 
 
#content   {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #FFFFFF;
	background-image: url(images/contentbg.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#content p {
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(images/rs.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-top: 20px;
	text-align: left;
}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bolder;
	color: #0033CC;
	text-decoration: underline;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
#banner  {
	background-color: #FFFFFF;
	display: block;
	vertical-align: middle;
	background-image: url(images/contentbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#wrapper{
	width: 810px;
	margin: 0 auto;
	top: 0px;
}

#nav li {
	float:left;
	background: url(images/end.gif)
     no-repeat right top;
	text-align: center;
	list-style-type: none;
    }


#nav a {
	display: block;
	background-image: url(images/lst.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	height: 36px;
	padding-left: 25px;
	padding-right: 25px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
	
}

#nav {
	float:left;
	font-size:95%;
	line-height:normal;
	z-index: 2;
	background-color: #04527B;
	padding-left: 2px;
	padding-right: 2px;
	left: 98px;
	width: 806px;
    }
#nav #current a {
	background-image:url(images/start_ov.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 5px 
    }
#nav #current {
	background-image:url(images/end_ov.gif);
    }
#nav  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#footer {
	background-color: #FFFFFF;
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	width: 760px;
	border-top-width: thick;
	border-top-style: double;
	border-top-color: #65A0BF;
	border-right-color: #0475B1;
	border-bottom-color: #0475B1;
	border-left-color: #0475B1;
	color:#7C8890;
	background-image: url(images/contentbg.gif);
}
#footer a:link {
	color: #0066CC;
	text-decoration: none;
}

#footer a:hover {
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}
#top a {
	font-size: small;
	color: #0099CC;
	text-decoration: none;
	text-align: center;
}
--> 
</style> 

</head> 
<body><div id="wrapper"> 
<div id="banner"> 
  <div align="center"><img src="images/banner.gif" alt="banner" width="597" height="218" /></div> 
</div> 
<div id="nav"> 
  <li> 
    <div align="center"><a href="home.htm">Home</a></div> 
  </li> 
  <li id="current"> 
    <div align="center"><a href="news.htm">News</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="events.htm">Events</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="members.htm">Members</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="media.htm">Media</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="#">Forums</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="guestbook.htm">Guestbook</a></div> 
  </li> 
  <li> 
    <div align="center"><a href="links.htm">Links</a></div> 
  </li> 
  <div align="center"> </div> 
  <div></div> 
</div> 
<div id="content"> 
 
    <img src="images/logo.jpg" alt="logo" width="180" height="159" /><br /> 
  </h1> 
 
    <div align="center" id="top"><a href="#banner"><img src="images/top..gif" alt="top" width="13" height="8" border="0" /><em>Return to top</em></a><br /> 
    </div> 
    
</div> 
<div id="footer"> 
<div align="center" class="style4"><a href="index.htm">Home</a> | <a href="sitemap.htm">Site map </a>| <a href="contactus.htm">Contact us</a> | <a href="links.htm">Links</a><br /> 
    </div> 
      
        ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br /> 
        Copyright © Team Deaf JetSki. All Rights Reserved. Designed and Coded by <a href="mailto:[email protected]">Danny McConnell</a>.<br /> 
      
  </div> 
  </div> 
</body> 
</html>