Untitled


<html>
<head>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<title>The Sporting Revolution</title>
</head>
<body>
<div id="container">
        <div id="header"></div>
  <div id="navbar">
    <div class="button1"></div>
	<img src="images/navbar_forums.jpg" width="145" height="50"/>
	<img src="images/navbar_sports.jpg" width="119" height="50"/>
	<img src="images/navbar_about.jpg" width="333" height="50"/>
    </div>
        <div id="main"></div>
        <div id="footer"></div>
</div>
</body>
</html>


#container
{
        height:100%;
        margin:auto;
        background-color:#FFFFFF;
        border:solid silver;
        border-width: 1px 0px;
        width:960px;
}
#header
{
        height:150px;
        background-image: url(../images/header.jpg);
        border-bottom:solid 1px Silver;
        width:960px;
}
#navbar
{
        height:50px;
        background-color: #3F92D2;
        border-bottom:solid 1px Silver;
        width:960px;
}
#main
{
        background-color:#FFF;
        height:100%;
        width:960px;
}
#footer
{
        height:100px;
        background-color:66A3D2;
        border-top:solid 1px silver;
        width:960px;
}
.button1 {
height:50px;
width:363px;
background-image:url(./../images/navbar_home.jpg);
}
.button1:hover {
	height:50px;
	width:363px;
background-image:url(./../images/mo/nav_home_mo.jpg);
}