html,body
{
	margin:0;padding:0;
	}

body
{
	font: 12px/1.2em verdana, arial,sans-serif;text-align:center;
	background-image: url(bg.png); background-color:#000; color:#ddd;
}

p{margin:3px;}
a{color:#E1FFE1; padding:2px;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {font-size:18px; font-family:"Trebuchet MS", Arial; padding:1px; margin:1px; margin-bottom:5px; color:#8BCE00;}
h3 {font-size:16px; font-family:"Trebuchet MS", Arial; padding:1px; margin:1px; color:#8BCE00;}

ul { margin:2px; padding:2px; list-style-position:inside;}
li { margin-left:10px; padding:2px;}

div#container{width:700px;margin:0 auto;text-align:left;background-color:#000; color:#ddd; margin-top:20px;}

div#header {background-color:#000; color:#fff;}
div#header img {border:0px solid #000; margin:10px;}

div#content{float:right;width:495px; margin-right:4px;}
div#content p{line-height:1.4;}

div#navigation{float:left;width:192px; background:#000; border:1px dashed #ccc; margin:2px;}

div#footer{clear:both;width:100%; background: #111;color: #ddd;text-align:center; font-size:11px;}
div#footer p{margin:0;padding:5px;}

.kutu { border:1px solid #ccc;padding:3px; text-align:center; font-size:16px; color:#fff;
	margin-bottom:10px;}
	
.reng { border:1px solid #222;padding:2px; text-align:center; float:left;width:100px; height:50px;}

table {
	border-collapse: collapse;
	margin: 10px;font-family:Verdana; font-size:11px;
}
th strong {
	color: #fff;
}
th {
	background-color: #111;
	height: 20px;
	color: #fff;
	text-align: center;
	border: solid 1px #333;
}
tr {
	height: 20px;
}
td {
	padding-left: 5px;
	padding-right: 11px;
	border: solid 1px #333;
	height:36px;
}

.tablo
{
	text-align:center; float:left; width:220px; margin:5px; padding:2px;
	}
.tablo td {height:36px;}