/* standard elements */
html {
	height: 100%;
	background: #fff;
}

* {
	margin: 0;
	padding: 0;
}

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

a:hover {
	color: #06c;
}

img {
	border:0;
}

body {
  color: #4c4c4c;
	font-family: "DejaVu Sans", Arial;
	height: 100%;
}

.content {
	width: 825px;
	float:right;
  padding-bottom: 50px;
  padding-top: 15px;
}

.header {
	font-size: 13px;
	color: #8c8c8c;
  border-bottom: 2px solid #000;
}

/* misc */
.clear {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

.container {
	min-height: 100%;
	height: auto !important;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	background: #fff;
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0 10px;
	width: 1000px;
  padding-top: 30px;
}

.nav {
	float: left;
  font-size: 0.8em;
  width: 160px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: solid #ccc 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav ul li {
	display: block;
}

.nav ul li a {
	display: block;
	padding: 2px 0;
	padding-left: 2px;
  background: #ccc;
  opacity:0.5;
  filter: alpha(opacity = 50);
}

.nav ul li a:hover {
  opacity:1;
  filter: alpha(opacity = 100);
}