html, * {
	padding:0;
	margin:0;
}
body { background-color:#1d1d1d; margin:0 auto; font-size:12px; color:#fff; font-family:Arial, Geneva, Helvetica, sans-serif; line-height: 14px; vertical-align: 14px; }

/* headers */
h1 {
	font-size:3.4em;
	text-align:center;
	padding-top:20px;
	color:#ffffff;
	letter-spacing:3px;
	font-weight:normal;
}
h2 {
	color:#2e7fff;
	background-color:#343434;
	display:inline;
	padding:0 5px;
	margin:5px 0;
}
h3 {
	font-size:1.3em;
	font-weight:normal;
	color:#5580B4;
}
h4 {
	background-color:#333333;
	border-bottom:1px solid #222222;
	padding:5px;
	color:#b3aeaa;
}

/* paragraphs */
p {
	margin:2px 0 15px 0;
	line-height:1.3em;
}

/* links */
a { color:#2e7fff; text-decoration: none; border-bottom:1px dotted #2e7fff; }
a:hover { color: #7d7f7e; border-bottom:1px dotted #7d7f7e; }
div#footer a {
	color:#ffffff;
	text-decoration:none;
	border:none;
	background-color:#233C57;
	padding:4px;
}
div#footer a:hover {
	border:none;
}
div#sidebar ul li a { 
	color:#2e7fff;
	text-decoration:none;
	font-family:Arial, Verdana, "Trebuchet MS";
	border:none;
	padding:5px;
}
div#sidebar ul li a:hover {
	background-color:#5580B4;
	color:#ffffff;
}

/* lists */
ul, ol {
	margin:0 0 5px 30px;
}

/* code */
code {
	display:block;
	border:1px solid #cccccc;
	background-color:#dddddd;
	padding:15px;
	margin:5px;
}
	
/* container, header and nav */
div#container { background-color:#333; width:850px; padding:7px; margin:20px auto 0; }
div#header { background-image:url(images/headerlogo.gif); background-repeat:no-repeat; background-position:center; background-color:#111111; height:110px; padding:10px; }
div#header p {
	text-align:center;
	padding:0;
	margin:0;
	font-size:0.8em;
	color:#ffffff;
}
div#nav { font-size: 16px; background-image:url(images/navtop.jpg); background-repeat:repeat-x; height:50px; border-bottom:1px solid #416c9c; border-top:1px solid #325277; }
div#nav ul {
	float:left;
	margin:0;
	padding:0;
}
div#nav ul li {
	display:block;
	float:left;
}
div#nav ul li a {
	float:left;
	border:none;
	padding:15px 15px 0;
	height:35px;
	font-family:Arial, Verdana, "Trebuchet MS";
	font-size:0.8em;
	color:#cccccc;
	text-decoration:none;
	display:block;
}
div#nav ul li a:hover {
	color:#ffffff;
	background-color:#1D2F43;
}
div#nav form {
	float:right;
	margin:10px 15px 0 0;
}
div#nav form input {
	border:solid 1px #416c9c;
	background-color:#1d2f43;
	color:#ffffff;
	padding:5px;
	font-family:Arial, Verdana, "Trebuchet MS";
}
div#nav form input.button {
	padding:3px;
}

/* content */
div#content { color: #fff; font-size: 13px; line-height: 17px; padding:20px 10px 0; background-color:#262626; }
div#page {
	width:67%;
	float:left;
}
div#sidebar {
	width:28%;
	float:right;
}
div#sidebar p { padding:3px 5px; color:#cccccc; font-style: italic; }
div#sidebar ul {
	list-style:none;
	margin:7px 12px;
}
div#sidebar ul li {
	padding:3px 0;
}

/* footer */
div#footer {
	padding:20px 5px;
	background-color:#1d1d1d;
	color:#b3aeaa;
}
div#footer p {
	font-size:10px;
	font-family:Arial, Verdana;
	text-align:center;
	margin:0;
	padding:5px;
}

/* generic classes */
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
}