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

body {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../images/glossymetal.jpg);
}

#main {
	margin-left: 150px;
}

#maincontent {
	width:436px;
	height:510px;
	z-index:1;
	overflow: scroll;
	position: absolute;
	margin-left: 228px;
	margin-top: 23px;
	left: 143px;
	top: -2px;
}

#maincontent2 {
	width:436px;
	height:510px;
	z-index:1;
	position: absolute;
	margin-left: 226px;
	margin-top: 23px;
}
#navigation {
	
	width:200px;
	height:343px;
	z-index:2;
	position: absolute;
	top: 35px;
	margin-top: 220px;
	margin-left: 24px;
}


p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
	
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 160px;
	font-size: 12px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #333;
  color: #fff;	
  padding: 5px;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  background: transparent;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }