a {
 text-decoration: none
}
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
  font-size:1em;
  font-family:arial, sans-serif;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#FFFFD0; 
   background-image:-webkit-linear-gradient(top, #BF9E72 0%, #403A33 100%);
   background-image: linear-gradient(to bottom, #FFFFE6 0%, #FFFFA0 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #403A33
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #FFFFF0;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #640000;
  padding: 8px 0;
}
#menu-accordeon ul li a {
    font-size:0.9em
}
#menu-accordeon li:hover, #menu-accordeon li:focus {
   background: #BFBFBF;
}
#menu-accordeon li li:hover {
   background: #DFDFDF;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li, #menu-accordeon li:focus li {
  max-height: 20em;
}
@media screen and (max-width:1024px) {
    #menu-accordeon li:hover li {
        max-height: 0;
    }
    #menu-accordeon li.active li {
        max-height: 20em;
    }
    #menu-accordeon li.active {
        background: #729EBF
    }
    #menu-accordeon li:hover {
        background-color:#BF9E72; 
        background-image:-webkit-linear-gradient(top, #BF9E72 0%, #403A33 100%);
        background-image: linear-gradient(to bottom, #BF9E72 0%, #403A33 100%);
    }
}

body {
    margin: 0px;
    padding: 0px;
	font-family: Arial;
}
div#header {
	padding: 0px;
	margin-top: 0px;
    clear: both;
    height: 50px;
    background-color: #FFFFE6;
    color: #640000;
}

div#left {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-top: 10px;
	background: white;
}
div#right {
	float: right;
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
	background: #F0FFEA;
}
div#middle {
	margin-top: 10px;
	overflow: hidden;
	background: #F1F1F1;
}
div#footer {
	margin-top: 10px;
	clear: both;
	background-color: #FFFFE6;
}
.algo {
	background-color: #F0FFEA;
}
.pbtitle {
	color: #000064;
}
.qtitle {
    color: #640000;
}
.question:before {
  content: "Question.";
  font-weight: bold;
  font-size: large;
  color: #640000;
}
.question {
	background-color: #FFFFE6;
}
.hint:before {
  content: "Hint:";
  font-weight: bold;
}
.hint {
   padding-top: 20px;
}
table {
   border-collapse: collapse;
}