html, body {
  margin: 0;
	padding: 0;
	height: 100%;
}
  


#main {
  position: relative;
  min-height: 100%;
}

/*
#main {
  height: auto !important;
  height: 100%;
  min-height: 100%;
}
*/

#header {
  
  width: 100%;
}

#header .logo {
}

#middle {
	padding-bottom: 50px;
  /*overflow: auto;*/
}

#menu {
  vertical-align: top;
  float: left;
  width: 8em;
  margin: 0;
}

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

#menu li {
  margin: 3px;
  padding: .25em .5em .25em 1em;
  
  display: block;
  border-style: outset;
  border-width: 2px;
}

#menu li.sub {
  margin-left: 1em;
}

#menu li a {
  text-decoration: none;
  font-weight: bold;
}

#menu li a:link    {
  color:black;
}

#menu li a:visited {
  color:black;
}

#menu li a:hover   {
  color: #c994ff;
}

#menu li a:active   {
  color: red;
}

#content {
  margin-left: 8em;
  vertical-align: middle;
  padding: 1em;
}

#content #cmenu {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}

#content #cmenu li {
  border-style: outset;
  border-width: 2px;
  margin: 1px;
  padding: .25em .5em .25em .5em;
  display: inline;
}

#content #cmenu li a {
  text-decoration: none;
  font-weight: bold;
}

#content #cmenu li a:link    {
  color:black;
}

#content #cmenu li a:visited {
  color:black;
}

#content #cmenu li a:hover   {
  color: #c994ff;
}

#content .data {
  padding: 1em;
  border-style: solid;
  border-width: 1px;
}

#footer {
  height: 50px;
}

#footer {
	clear: left;
	position: relative;
	bottom: 0;
	left: 0;
}