html, body {
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px;
	margin: 0px;
	background: #424242 url(images/bg.gif);
}
#container {
	position: relative;
	width: 736px;
	background: #FFF;
	margin: 0px auto;
}
#header {
	float: left;
	width: 528px;
	height: 275px;
	background: #EF4E23 url(images/header.jpg);
}
#popular {
	float: left;
	width: 180px;
	height: 205px;
	padding: 60px 10px 10px 18px;
	font-weight: bold;
	color: #FFF;
	background: url(images/popularbg.gif) repeat-y top; 
}
#popular a {
	color: #146962;
	text-decoration: none;
}
#popular a:hover {
	color: #146962;
	text-decoration: underline;
}
#popular ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#popular li {
	float: left;
	width: 180px;
	height: 20px;
}

/* NAVIGATION */
#nav {
	float: left;
	width: 736px;
	height: 34px;
	background: url(images/nav_bg.gif) no-repeat right;
}

/* CONTENT */
#content {
	float: left;
	width: 710px;
	padding: 15px 11px 0px 15px;
	background: #FFF url(images/contentbg.gif);
}
.box {
	float: left;
	width: 152px;
	color: #FFF;
	padding: 0px;
	margin: 0px 10px 15px 10px;
	background: url(images/boxbg.gif);
}
.box h1.head {
	float: left;
	width: 152px;
	font-size: 11px;
	height: 22px;
	color: #FFF;
	margin: 0px;
	text-align: center;
	padding: 7px 0px 0px 0px;
	text-transform: uppercase;
}
.box h1.red {
	background: url(images/headred.gif);
}
.box h1.pink {
	background: url(images/headpink.gif);
}
.box ul {
	float: left;
	width: 148px;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	list-style-type: none;
}
.box li {
	float: left;
	width: 143px;
	height: 17px;
	padding: 3px 0px 0px 5px;
	margin: 0px;
}
.box li.even {
	background: #4A6792;
}
.box a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.box a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* FOOTER */
#footer {
	float: left;
	width: 736px;
	height: 27px;
	background: url(images/footer.gif) no-repeat top;
}	

/* OTHERS */
br {
	clear: both;
}
#nav img {
	float: left;
	border: 0px;
}