/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:#555;
	font: 10pt/15pt Trebuchet MS, Arial, sans-serif;
	color:#fff;
	}
	
a {
	text-decoration:none;
	color:#fc6;
	font-weight:bold;
	}
	
a:hover	{
	color:#fff;
	}
	
#container {
	background-color:#700;
	height:600px;
	width:100%;
	}

#left {
	width:85px;
	height:100%;
	margin:0 0 0 0;
	background:url(images/bg-yellow.jpg);
	}

#navigation	{
	position:absolute;
	top:10px;
	left:0px;
	z-index:4;
	font-weight:bold;
	width:85px;
	height:420px;
	}
	
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	

#navigation ul li a	{
	text-decoration:none;
	color:#fff;
	display:block;
	width:78px;
	height:20px;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	border-bottom:1px dotted #f90;
	}

#navigation ul li a:hover {
	color:#333;
	border-bottom:1px dotted #333;
	}
	
#head {
	width:230px;
	height:600px;
	position:absolute;
	z-index:5;
	top:0;
	left:70px;
	margin:0 0 0 0;
	}

#top {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-yellow.jpg);
	width:100%;
	height:30px;
	margin:0 auto 0 0;
	z-index:3;
	
	}
	
#translation {
	width:80px;
	float:right;
	margin:0 0 0 0;
	padding:0 8px 0 0;
	text-align:right;
	}

#translation a {
	color:#fff;
	}
	
#translation a:hover {
	color:#333;
	}
	
#content {
	width:360px;
	height:400px;
	float:right;
	position:relative;
	margin:50px 50px 0 auto;
	}
	
#content h1	{
	color:#fc6;
	font-size:150%;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	}

#content h2	{
	color:#fc6;
	font-size:120%;
	margin:0 0 12px 0;
	padding:0 0 0 0;
	}
	
#content p {
	margin:0 0 8px 0;
	padding:0 0 0 0;
	}
	
.spacer	{
	width:inherit;
	height:50px;
	clear:both;
	}
	
.list {
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	}
	
.list li {
	margin:0;
	padding:2px 0 0 0;
	}
	
.warning {
	color:#FFcc66;
	font-weight:bold;
	}