a:link {
    text-decoration:none;
  }


a:visited {
    color : inherit;
    text-decoration : none;
  }


a:active {
    text-decoration:underline;
  }


a:hover {
    text-decoration:underline;
  }


#top-bar {
    /*background-color : white;
    height : 15px;*/
    width : 100%;
  }


.content {
    width: 100%;
    height: 100%;
  }


.sidebar {
    /*background-color : #a7b2bc;
    float : left;
    height : 790%;*/
    padding-left : 1.5em;
    /*padding-top : 10px;
    right-color : black;
    right-style : solid;
    right-width : 1px;
    width : 105px;*/
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

 #menu li {
	/*float: left;*/
	margin: 0.15em;
}

 #menu li a {
	background: url(/css-nav.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	/*width: 9em;*/
	display: block;
	border: 0.1em solid #dcdce9;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

#menu li a:hover {
	text-decoration: underline;
}

/* Hide from IE5-Mac \*/
#menu li a {
	float: none;
}
/* End hide */

#menu {
	/*width:30em;*/
	margin: 0.5em;
	width: 100%;
}

.menuitem {
	background: #DDDDDD;
	border: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	padding: 0.3em;
	color: #000000;
}

.menuitem a {
    color: #000000;
  }

.gradient {
    background-image: url(sidebar-gradient.png) : repeat-y;
  }


.title {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
  }


.footer {
    /*float: bottom;
    top: 100%-100px;*/
    text-align: center;
    font-size: smaller;
  }