body {
overflow: auto;
	background: #191919;
font-family:helvetica, arial, sans-serif;
color:#ccc;
font-size:11px;
}

#background {
width: 240px;
height:100%;
top: 0px;
left: 10px;
float:left;
position:fixed;

border-bottom: 0pt solid #ccc;
padding:10px 0px 0px 0px;
background:#000;
/* for IE */
  filter:alpha(opacity=35);
  /* CSS3 standard */
  opacity:0.45;
}


#name {
width: 230px;
top: 0px;
left: 15px;
float:left;
position:fixed;
border-top: 5pt solid #fff;
border-bottom: 0pt solid #ccc;
padding:10px 0px 0px 0px;
}






#sections {
width: 230px;
top: 110px;
left: 15px;
float:left;
position:fixed;
border-top: 1pt solid #ccc;
border-bottom: 0pt solid #ccc;
padding: 6px 0px 0px 0px;
text-transform:uppercase;
font-size:10px;
}

#sub {
width: 230px;
bottom: 100px;
left: 15px;
float:left;
position:fixed;
border-top: 1pt solid #ccc;
border-bottom: 0pt solid #ccc;
padding: 6px 0px 0px 0px;
}

#side2 {
width: 230px;
bottom: 40px;
left: 15px;
float:left;
position:fixed;
border-top: 1pt solid #ccc;
border-bottom: 0pt solid #ccc;
padding: 6px 0px 0px 0px;
}


#container {
width: 600px;
top: 0px;
left: 260px;
float:left;
position:absolute;
border-top: 5pt solid #fff;
border-bottom: 0pt solid #ccc;
padding: 6px 0px 0px 0px;
}


#content {
width: 600px;
top: 104px;
left: 0px;
float:left;
position:absolute;
border-top: 1pt solid #ccc;
border-bottom: 0pt solid #ccc;
padding: 6px 0px 0px 0px;
}


























ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
padding-bottom: 4px;

}

ul.menu a {
  display: block;
  text-decoration: none;
  font-size:35px;
  font-weight:700;
  font-family:helvetica, arial, sans serif;
 line-height:30px;
outline: 0;
  
}

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

ul.menu li a, ul.menu ul.menu li a {
  background: none;
  color: #fff;	
  padding: 0px;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: none;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: none;
  color: #666;
  
font-size:25px;
text-transform: uppercase;
 line-height:22px;
font-weight:600;
outline: 0;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: none;
color: #fff;
  border-left: 0px #000 solid;
  padding-left: 0px;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 0px #f00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: none;
    background: none;
}
div.panel {
    border: 0px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}





.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; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }