body {
background:#555;
}
#wrap {
width:780px;
margin:0 auto;
background:#ded;
font-size: 13px;
}
#header {
padding:5px 10px;
background:#ddd;
font-size: 45px;
height: 120px;
text-align: center;
}
h1 {
margin:0;
}
#nav {
height: 35px;
background:#cc9;
text-align: center;
}
#main {
float:right;
width:580px;
padding:10px;
background:#ffe;
}
h2 {
margin:0 0 1em;
}

#leftbar {
font: bold 13px arial;
float:left;
width:150px;
padding:10px;
background:#ded;
}

#leftbar ul {
margin:0;
padding:0;
list-style:none;
}

#footer {
clear:both;
padding:5px 10px;
background:#cc9;
}

#footer p {
margin:0;
}

#nav ul{
font: bold 13px arial;
padding: 5px 0px 0px 0px;
margin: 0;
height: 10px;
}

#nav ul li{
list-style: none;
}

#nav ul li a{
padding: 0px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #cc9; /* You Can Change this color */
border: 2px solid #cc9; /*You can change this color*/
}

#nav ul li a:hover{
background-color: #e5e5e5; /*You Can Change This Color*/
}

#leftbar a:link{ color: #446; text-decoration: none}
#leftbar a:active{ color: #888; text-decoration: none}
#leftbar a:visited{ color: #446; text-decoration: none}
#leftbar a:hover{ color: #999; text-decoration: underline}