html, body
{
	background-color: #CCCCFF;
	padding: 0px;
	margin: 0px;
	font-size: 13pt;
}

#sidebar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10em;
	min-width: 150px;
	text-align: center; 
	vertical-align: top; 
	background-color: black; 
	border-right: 1px gray ridge;
	z-index: 10;
	height: 100%;
}

/* Skip IE */
body > #sidebar
{
  position: fixed;
}

/* Only IE 6 */
@media all 
{
  * html {
      height: 100%
      overflow: hidden;
    }

  * html body {
    height: 100%;
    overflow: auto;
  }
}
/* End IE only */

#menu
{
	position: relative;
	list-style: none;
	padding: 0px;
	margin: 0px 2px;
}

#menu li
{
	position: relative;
	padding: 0px;
	margin: 0px;
	border-bottom: 2px black ridge;
}

#menu a
{
	display: block;
	width: 100%;
	margin: 0px;
	padding: 2px 0px;
	background-color: #8844FF;
	text-decoration: none;
	color: lightblue;
	
}

#menu a:visited
{
	color: lightblue;
}

#menu a:hover
{
	color: black;
}

#menu .selected a
{
	color: black;
}

#menu .selected a:visited
{
	color: black;
}

#content_wrapper
{
	position: absolute;
  margin: 0;
  padding: 0;
	color: #222;
  width: 100%;
}

#content
{
  margin-left: 10em;
	padding: 20px 10px;
}

.highlight
{
  color: #DDDD66; 
  color: #BB2222;
  font-size: large; 
}

a
{
	color: #22DD55;
	color: blue;
}

a:visited
{
	color: #33AA66;
	color: #5555FF;
}