html,body
{
    margin: 0; padding: 0;
    
}
body
{
font: 100.01% "Trebuchet MS", Verdana, Arial, sans-scerif;
color: rgb(247,247,247);
background:rgb(251,236,139);
  text-align: center;

}


#container { 
width : 760px;
text-align: left;
background-color: rgb(30,30,30);
margin: 0px auto;
}


#header {
background-color: #333;
position: relative;
margin-botton: 11px;
height: 130px;
width: 100%;
}
#header h1 {
font-size: 34px;
font-weight: 100;
padding: 10px 0 4px 10px;
letter-spacing: -3px;
}
#header h1 a {
color: #FAF391;
text-decoration: none; 
}
#header h1 a:hover { 
color: #fff;
text-decoration: none; 
}
#header h2 {
font-size: 17px;
font-weight: 100;
color: #fff;
padding-left: 12px;
}

#main {
	background-color: rgb(30,30,30);
padding-top: 20px;
float: left;
list-style: none; 
width: 150px;
}
#main ul { list-style-type: none; }
.main li { 
padding: 0; 
margin: 0; 
}
#main a, 
#main a:visited {
text-transform:uppercase;
display: block;
height: 25px;
line-height: 25px;
padding: 0 10px 0 10px;
color: #ffffff;
background: rgb(30,30,30);
text-decoration: none;
border-bottom: 1px solid rgb(155,155,155);
}
#main a:hover {
color: #000;
background-color: #FAF391;
}
.content {
		padding: 10px 10px 10px 0;
float: right;
width: 530px;
}


.content h2 {
color: rgb(30,30,30);
text-decoration: none; 
font-size: 28px;
letter-spacing: -2px;
font-weight: 100;
padding: 10px 0 10px 0;
text-decoration: none;

}


.content h2 a:link {
	color: #FAF391;
	 text-decoration: none;
 }

.content h2 a:hover {
	color: rgb(255,255,255);
	 text-decoration: none;
 }

#footer {
	padding: 10px;
	font-size: 11px;
	clear : both;
	width: 740px;
	height: 40px;
	text-align: center;
	color: #aaa;
	background:rgb(126,126,126);
			}
#footer a {
color:rgb(168,168,168);
}