﻿body {
    background: #d7d7d7 url("../img/bg.png") top repeat-x;
    color: #444444;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#header {
  width: 775px;
  height: 100px;
  margin: 0 auto 0;
  padding: 0;
}

#topbar {
  height: 55px;
}

#logo {
  float: left;
	padding: 0px 0px;
}

#logo img {
  position: absolute;
  top: 6px;
	vertical-align: middle;
}

#logo a {
	color: black;
	text-decoration: none;
}

#username {
	margin: 0;
	padding: 8px 0 0 0;
	text-align: right;
	font-size: 80%;
	white-space: nowrap;
	color:white;
}

#username li {
	display: inline;
	padding: 0 4px;
}

#username li:before {
	content: "| ";
	color: black;
}

#username li:first-child:before {
	content: "";
}

#username a {
	color: #8ba3b8;
	text-decoration: none;
}

#username a:hover {
	color:#c5d1dc;
	text-decoration: none;
}

.menu {
	margin:0px;
	padding:0px 0px 0px 1%;
	float:right;
	list-style:none;
}

.menu li {
	float:left;
	margin:0px;
	padding:3px 4px 6px 26px;
}

.menu a {
  color: #8ba3b8;
  font-weight: bold;
  display: inline;
  text-decoration: none;
  text-shadow: 2px 2px 2px #052d50;
}

.menu a:visited {
  color: #8ba3b8;
  text-decoration: none;
}

.menu a:hover {
  color: #c5d1dc;
  text-decoration: none;
}

.menu a:active {
  color: #ffffff;
  opacity: 1.0;
}

.menu a.current {
  color: #ffffff;
  opacity: 1.0;
}

#page {
  width: 775px;
	margin: 0 auto 0;
	padding: 0;
}

a {
	color: #0000aa;
	background-color: transparent;
}

a.nonexistent, a.badinterwiki {
	color: gray;
}

a:hover {
  text-decoration: underline;
}

#content {
	margin: 0;
	padding: 0;
}

#content p {
  line-height: 150%;
	margin: 0 0 1em;
	padding: 0;
}

#content ul {
  list-style-type: disc;
}

#content li p{
	margin: 0;
	padding: 0;
}

#content li {
	padding: 3px 0px 3px 15px;

}

.hr1 {height: 2pt;}
.hr2 {height: 3pt;}
.hr3 {height: 4pt;}
.hr4 {height: 5pt;}
.hr5 {height: 6pt;}
.hr6 {height: 7pt;}

.table-of-contents-heading {
display:none;
}

.u {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	line-height: 150%;
	margin: 0px 0px 3px 0px;
	padding: 0;
	color: #000;
}	

h1 {
	color: #444444;
}

h2 {
  color: #222222;
  font-size: 12px;
}

hr {
	clear: both;
	height: 1pt;
	background-color: #9C9C9C;
	border: 0;
}

img {
	border: 0;
}

li p {
	margin: .25em 0;
}

li.gap {
	margin-top: 0.5em;
}

pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	/* end css 3 or browser specific rules */
}

strong.highlight 
{
	background-color: #CCE0FF;
	padding: 1pt;
}

#credits {
	text-align: right;
	margin: 30px 0 40px 0;
	padding: 5px 0px;
  border-top: 1px solid #b7b7b7;
	clear: both;
}

#credits li, #timings li {
	display: inline;
	padding:6px 6px 6px 6px;
	white-space: nowrap;
	margin: 0px 4px;
}

#credits a {
	color: #777777;
	font-size: 11px;
	text-decoration: none;
}

#credits a:hover {
	color: #a7a7a7;
	text-decoration: none;
}

#credits img {
	vertical-align: middle;
}

#footer {
	clear: both;
	width: 775px;
	margin: 10px auto 0;
	padding: 0;
}

#pagebottom {
	margin: 0;
	padding: 0;
	clear:both;
}

.boxmax {
  margin: 0;
  padding: 0;
  clear:left;
	float:left;
}

.boxleft {
  width:480px;
  margin: 0;
  padding: 0 20px 0 0;
  clear:left;
	float:left;
}

.boxright {
  width:275px;
  padding:0;
  margin:0 0 30px 0;
  clear:right;
	float:right;
	background: #d7d7d7 url("../img/sidebox_bottom.png") left bottom no-repeat;
}

.boxright ul {
  margin:0;
  padding:10px 0;
  list-style:none;
  background: #c6c6c6 url("../img/sidebox_bottom.png") left bottom no-repeat;
}

.boxright li {
  margin:0 0 0px 0;
  padding:0 0;
  list-style:none;

}
.boxright ul ul {
  margin:0 0 10px -15px;
  padding:0 0 0px 0;
  background: #c6c6c6;
  list-style:none;
}

.boxright li li {
  margin:0 0 0px 0;
  padding:0;
  list-style:none;

}

.boxright li a{
  margin:0;
  padding:0;
  color: #222288;
}

.boxright h2 {
  color: #b6b6b6;
  font-size: 11px;
  padding: 0px 16px;
  margin: 0px 0 0 0;
  background: #1d7f30 url("../img/box_bottom.png") left bottom no-repeat;
  line-height: 22px;
}

.boxright img {
  width:248px;
}
