body {
margin: 0px;
padding: 0px;
background: #ffcc00 url(images/body.jpg) repeat;
}

#container {
width: 760px; /* Must be the same width as your images */
background: #FFF url(images/background.jpg) repeat-y;
margin: 0px auto;
padding: 0px;
}

 #header {
width: 100%;
height: 229px; /* Must be the same height as header.jpg */
background: #FFF url(images/header.jpg) no-repeat;
}

 #menu {
width: 100%;
height: 40px;
}
#menu var { /* hides the text link */
visibility: hidden;
}
#menu a {
text-decoration: none;
display: block;
float: left;
height: 40px;
}
a.one {
width: 141px;
background: url(images/menu.jpg) no-repeat 0px 0px;
}
a.two {
width: 119px;
background: url(images/menu.jpg) no-repeat -141px 0px;
}
a.three {
width: 133px;
background: url(images/menu.jpg) no-repeat -260px 0px;
}
a.four {
width: 120px;
background: url(images/menu.jpg) no-repeat -393px 0px;
}
a.five {
width: 118px;
background: url(images/menu.jpg) no-repeat -513px 0px;
}
a.six {
width: 129px;
background: url(images/menu.jpg) no-repeat -631px 0px;
}
a:hover.one {
background: url(images/menu.jpg) no-repeat 0px -40px;
}
a:hover.two {
background: url(images/menu.jpg) no-repeat -141px -40px;
}
a:hover.three {
background: url(images/menu.jpg) no-repeat -260px -40px;
}
a:hover.four {
background: url(images/menu.jpg) no-repeat -393px -40px;
}
a:hover.five {
background: url(images/menu.jpg) no-repeat -513px -40px;
}
a:hover.six {
background: url(images/menu.jpg) no-repeat -631px -40px;
}

 #main {
width: 100%;
clear: both;
}
#footer {
width: 100%;
clear: both; /* absolutely necessary! */
}
#text {
float: left;
display: inline; /* IE6 fix */
width: 500px;
margin: 0px 15px; /* means 0px on top and bottom and 15px on left and right*/
}
#sidebar {
float: right;
display: inline; /* IE6 fix */
width: 200px;
margin: 0px 15px;
}
/* 500 + 200 + 4*15 = 760! :) */

 #text p, #sidebar p, #sidebar ul {
font: 12px/19px Arial, Verdana, sans-serif;
color: #666;
}
#text h1 {
font: 16px Georgia, Times, sans-serif;
color: #1DB7FF;
padding-left: 15px;
}
#text h2 {
font: 14px Georgia, Times, sans-serif;
color: #61CBFF;
padding-left: 30px;
}
#text a {
text-decoration: none;
color: #58BAE9;
}
#text a:hover {
text-decoration: underline;
color: #85D4FF;
}
#sidebar h3 {
font: 16px Arial, Verdana, sans-serif;
color: #61C5FF;
}
#sidebar a {
text-decoration: none;
color: #999;
}
#sidebar a:hover {
text-decoration: underline;
color: #666;
}
#sidebar ul.subpages {
margin: 0px;
list-style: square;
}
#sidebar ul li a, #sidebar ul li {
text-decoration: none;
color: #13B3FF;
}
#sidebar ul li a:hover {
background-color: #DAEDF8;
color: #85D4FF;
}