a {
	color: #F09;
	text-decoration: none;
}

body {
	background: #FFF url(wallp.gif) repeat fixed;
	color: #311;
	font: normal 1em "Trebuchet MS",Arial;
	margin: 20px 0;
	text-align: center;
}

ul {
	padding: 10px 0;
}

li {
	list-style: none;
	margin: 4px 0 4px 20px;
}

li span {
	font-size: 0.9em; color: #444;
}

#footer {
	clear: both;
}
#content, #footer {
	padding: 0 5px;
}

/* structure */
#container {
	background: #fff url(header.jpg) no-repeat top right;
	border: 1px solid #EEE;
	border-color: #EEE #CCC #AAA;
	margin: 0 auto;
	text-align: left;
	width: 600px;
}

/* header */

h1 {
	padding-left: 18px;
	color: #92807c;
	font-size: 2em;
}

/* footer */
#footer {
	background: #333;
	color: #FFF;
	margin: 5px;
	padding: 2px 5px;
}

/* content */
.item {
	padding: 10px;
	text-align: justify;
}
.item h1 {
	font: normal 1.6em serif,Arial;
	letter-spacing: 1px;
	color: #C36;
}

#left {
	float: left;
	width: 390px;
	background: #F2EEF2;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* submenu */

#right {
	float: right;
	width: 195px;
	background: #DDD;
}
#right a:hover {
	text-decoration: underline;
}