#content
{
/* container div set-up */
/*border: 1px solid black;*/
background: #ffffff;
width: 70%;
padding: 1px;
font-size: 22px;
/* Set font-size so theres no default */
line-height: 22px;
/* Set line-height because I think it looks better like this ;^) */
/*letter-spacing: .075em;*/
color: #000000;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
}

#content a
{
/* Set text-decoration and color so there is no default */
text-decoration: none;
/*color: #000000;*/
}

#content a:hover
{
font-weight: bold;
letter-spacing: 0;
/*color: #C00000;*/
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}

#content ul
{
list-style-type: square;
padding-left: 1em;
margin: 1em;
}

#content ul ul
{
list-style-type: disc;
padding-left: 1em;
/*padding-top: 1em;*/
margin: 0.2em;
/* offset sub menu */
}

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

#content ul li
{
padding-left: 5px;
padding-top: 2px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#content ul li#active
{
margin-left: 0px;
color: #ffff00;
font-weight: bold;
font-size: 20px;
/* Set margin back half of left-border width (5px) */
}

#content ul li#hidden
{
/*margin-left: 0px;*/
color: #a0a0a0;
/* Set margin back half of left-border width (5px) */
}

#content ul li#inactive
{
/*color: #00ff00;*/
}

#content ul ul li#inactive
{
margin-left: 1em;
/*color: #ff0000;*/
}


/*#content ul ul li#subactive
{
margin-left: 1em;
font-weight: bold;
color: #c00000;
}
*/

/*#content li { border-left: 1px solid black; }*/
/*#content li#active { border-left: 5px solid black; }*/

#current
{
color: #c00000;
font-weight: bold;
letter-spacing: 0;
border-bottom: 1px dashed black;
}

#subcurrent
{
font-weight: bold;
letter-spacing: 0;
border-bottom: 1px dashed black;
color: #C00000;
}

#subnotcurrent
{
letter-spacing: 0;
color: #a0a0a0;
}