#main{
  background-color: #6496d0;
  display: block;
  margin: 0 auto;
  height: 1000px;
   width: 840px;
  position: relative;
}
body{
  background-color: #6496d0;
}
#up{
  width: 840px;
  background-color: #6496d0;
  display: block ;
  position: relative;
   margin: 0 auto;
  height: 90%;
  background-image: url(img/hat.jpg)
}
#buttom{
  background-image: url(img/buttomb.jpg);
  width: 840px;
  height: 40px;
  background-color: #6496d0;
  background-repeat: no-repeat ;
  position: relative;
  display: block;
   margin: 0 auto;
}
#ban{
  width: 800px;
  height: 140px;
  margin: 0 auto;
  display: block;
  position: relative;
}
#left{
    position: absolute ;
     width: 20px;
  top: 0px;
  left: 0px;
   margin: 0 auto;
  background-image: url(img/leftsideb.jpg);
  background-repeat: repeat;
  display: block;

  height: 100%;
}
#middle{
  left: 20px;
  top: 0px;
  margin: 0 auto;
  position: absolute;
  display: block;
  padding: 0 auto;
}
#text{
margin: 100px
}
#right{
    position: absolute ;
     width: 20px;
  top: 0px;
  left: +820px;
  background-image: url(img/rightsideb.jpg);
  background-repeat: repeat;
  display: block;
   margin: 0 auto;
  height: 100%;
}
#menu{
  background-color: #000000;
  height: 40px;
  width: 800px;
   margin: 0 auto;
  position: relative ;
  background-image: url(img/Wood25lmenu800.jpg)
}
#stuff{
  width: 800px;
   margin: 0 auto; 
   height: 100%
}

ul{

	width:788px; margin:0 auto;
  list-style-image: none
}

ul li{

	float:left; margin:0 1px 0 0 ;
  list-style-image: none
}

ul li a{

	padding: 0 20px;
	color:#000;

	background: transparent ;

		display:block; 	text-decoration:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:29px; 	font-size:16px; 	font-family:Arial, Helvetica, sans-serif;
  word-spacing: 3px;
  list-style-image: none
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: color: red;}