@charset "UTF-8";
/* CSS Document */

html, body {
		margin: 0;
		padding: 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size: 2em;
		line-height: 1em;
		letter-spacing: -.05em;
		height: 100%;
		width: 100%;
		background: #eee;
	}
	p {
		margin: 0 100px 0 100px;
		padding: 0;
		height: auto;
		line-height: 1.8em;
	}

	#topbar {
		position: absolute;
		background: url('../images/bar.gif') 0 0 repeat-x;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 25px;
		z-index: 10;
		font-size: 10px;
		line-height: 10px;
		text-align: right;
	}
	
	#topbar a {
		color: #fff;
		font-size: 10px;
		line-height: 25px;
		text-decoration: none;
		letter-spacing: normal;
		margin: 0 10px 0 0;
	}
	#topbar a:hover {
		color: #f00;
	}
	#topbar a.current {
		color: #f00;
	}
	
	#topbar a.leftlink {
		float:left;
		color: #fff;
		font-size: 10px;
		line-height: 25px;
		text-decoration: none;
		letter-spacing: normal;
		margin: 0 0 0 10px;
	}
	#topbar a.leftlink:hover {
		color: #f00;
	}

	#left {
		background: #111;
		color: #eee;
		width: 50%;
		height: 100%;
		float:left;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#left a { 
		color:#eee;
		text-decoration: none;
	}
	#left a:hover { 
		color:#f00;
	}
	#right a { 
		color:#111;
		text-decoration: none;
	}
	#right a:hover { 
		color:#f00;
	}
	#right {
		background: #eee;
		color: #111;
		width: 49%;
		float:left;
		height: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
		}
	table {
		height: 100%;
		width: 100%;
		}
	table td {
		text-align:center;
	}
	
	.row0 {
	width: 100%;
	background: #eee;
	color: #111;
	text-align: center;
	height: 2em;
	}
	.row1 {
	width: 100%;
	background: #111;
	color: #eee;
	height: 2em;
	}
	.row2 {
	width: 100%;
	background: #eee;
	color: #111;
	height: 2em;
	}
	.row3 {
	width: 100%;
	background: #111;
	color: #eee;
	text-align: center;
	height: 2em;
	}
	.row3 a {
	color: #eee;
	text-decoration:none;
	}
	.row3 a:hover {
	color: #f00;
	text-decoration:none;
	}