@font-face {
	font-family: "CMUBright";
	font-weight: normal;
	font-style: normal;
	src: url('cmbright/cmbrightr.ttf');
}
@font-face {
	font-family: "CMUBright";
	font-weight: bold;
	font-style: normal;
	src: url('cmbright/cmbrightb.ttf');
}
@font-face {
	font-family: "CMUBright";
	font-weight: normal;
	font-style: italic;
	src: url('cmbright/cmbrighti.ttf');
}
@font-face {
	font-family: "CMUBright";
	font-weight: bold;
	font-style: italic;
	src: url('cmbright/cmbrightbi.ttf');
}

* {
	font-family: inherit;
}

body {
	font-family: sans,Verdana;
	font-size: 10pt;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	color: #666;
}

a {
	color:#5cb809;
	text-decoration:inherit;
}

a:hover {
	text-decoration:underline;
}

#pagetop {
	background: black;
	background-image: linear-gradient(to top, #fff 0%, #ddd 20%, #bbb 25%, #111 25%, #333 100%);
	height: 80pt;
}

#pagetitle {
	margin-left:4em;
	line-height:72pt;
	font-size:36pt;
	color:#ddd;
	text-shadow:0 0 5px #ccc;
	font-family:CMUBright,Trebuchet MS;
}

#pagetitle a {
	color:inherit;
	text-decoration:inherit;
}

#pagetitle span {
	font-size:12pt;
	color:#68ff17;
	font-family:sans,Verdana;
}

#pagearea {
	background: white;
}

#page {
	margin-left:10em;
	margin-right:10em;
}

#page #menu {
	float:left;
	width:16em;
	border-left:1px solid #ccc;
	padding:1em;
}

#page #content {
	margin-left:20em;
	padding:1em;
	min-height: 50em;
}

#menu a, #menu span {
	display:block;
	padding:0.3em;
}

#menu a {
	padding-top:0.3em;
	padding-left:2em;
	border-bottom: 1px solid transparent;
}

#menu a:hover {
	text-decoration:none;
	border-bottom: 1px solid #ddd;
}

#menu a.homelink {
	padding:0.1em;
	padding-left:0em;
}

#menu a.direntry {
	padding:0.1em;
	padding-left:1em;
}
	

#menu span {
	border-bottom: 1px solid #eee;
	font-weight: bold;
	padding-top:0.6em;
}

.clearboth {
	clear: both;
}

#footer {
	height: 80px;
	line-height:80px;
	color: #444;
	font-size:80%;
	background: #1e1e1e;
	background-image: linear-gradient(to top, #1e1e1e 0%, #000 75%, #bbb 75%, #ddd 80%, #fff 100%);
	padding-left:10em;
	padding-right:10em;
	text-align:right;
}

p {
	text-align:justify;
	padding-left:1em;
	padding-right:1em;
	text-indent:1em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:CMUBright,Trebuchet MS;
	color:#333;
	font-weight:normal;
	border-bottom: 1px solid #eee;
}

h1 {
	font-size:300%;
}

h2 {
	font-size:250%;
}

h3 {
	font-size:200%;
}

h4 {
	font-size:150%;
	font-weight:bold;
}

h5 {
	font-size:130%;
	font-style:italic;
}

h6 {
	font-size: 100%;
	font-style: italic;
	border: none;
}

pre {
	padding-left:3em;
}

pre,tt,textarea,code {
	font-family: Monospace,Courier New;
}

code,tt {
	color: #111;
	border: 1px dotted #8cf;
	border-radius: 0.3em;
}

table {
	font-size: inherit;
}

td {
	padding:0.2em;
	padding-left:0.4em;
	padding-right:0.4em;
	text-align:right;
}