html, body {
 min-height: 100%;
 font-family: "lucida sans unicode", "arial", "sans-serif";
 background-color: #fff;
}

#wrapper {
 width: 900px;
 margin: auto;
 background-color: #fff;
 border: solid #777 1px;
 border-radius: 8px 8px 0px 0px;
 border-width: 1px 1px 0px 1px;
 -moz-border-radius: 8px 8px 0px 0px;
}

#head {
 background-image: url(img/gradient_03.png);
 height: 73px;
 padding: 1px 20px 4px 20px;
}


#menu {
 background-image: url(img/gradient_06.png);
 background-color: #acf;
 color: #000;
 font-size: 13px;
 padding: 1px 20px;
 height: 23px;
}

#page {
 background-image: url(img/gradient_09.png);
 background-repeat: repeat-x;
 background-color: #efefef;
 min-height: 200px;
 display: inline-block;
 display: block;
 overflow: hidden;
}

#sideMenu {
 background-color: #fff;
 border-style: solid;
 -moz-border-radius: 8px;
 border-radius: 8px;
 border-width: 1px;
 border-color: #999;
 font-size: 13px;
 float: left;
 padding: 0px;
 width: 175px;
 margin: 16px 0px 0px 16px;
}


#content, #comments {
 background-color: #fff;
 border-style: solid;
 border-color: #999;
 -moz-border-radius: 8px;
 border-radius: 8px;
 border-width: 1px;
 float: left;
 width: 653px;
 min-height: 200px;
 margin: 16px;
 padding: 10px 10px 30px 10px;
 font-size: 13px;
}

#comments {
 margin: 0px 10px 20px 209px;
 background-color: #dfdfdf;
}

#foot {
 background-image: url(img/gradient_09.png);
 background-repeat: repeat-x;
 border-style: solid;
 border-color: #777;
 border-width: 1px 0px 0px 0px;
 background-color: #8ab;
 font-size: 13px;
 padding: 20px 20px 10px 20px;
 display: inline-block;
 display: block;
 overflow: hidden;
}
#base {
 border-style: solid;
 border-color: #777;
 -moz-border-radius: 0px 0px 8px 8px;
 border-radius: 0px 0px 8px 8px;
 border-width: 0px 1px 1px 1px;
 padding: 10px 0px 0px 0px;
 margin: auto;
 width: 900px;
 background-color: #8ab;
}





#menu ul {
 margin: 0px;
 padding: 0px;
}
#menu ul li {
 list-style-type: none;
 padding: 2px 30px;
 float: left;
 height: 19px;
}
#menu ul a {
 color: #014;
 text-decoration: none;
}
#menu ul a:hover {
 color: #18f;
}
#menu ul li:hover {
 background-color: white;
}



#sideMenu h4 {
 margin: 10px 0px 0px 0px;
 color: #55b;
 font-size: 105%;
 padding: 0px 10px;
 line-height: 105%;
 border-bottom: 1px solid #999;
}

#sideMenu ul li h6 {
 margin: 0px 5px;
 text-align: right;
 font-weight: normal;
 font-size: 80%;
}

#sideMenu ul {
 margin: 0px 0px 10px 0px;
 padding: 10px 0px 20px 0px;
 list-style-type: none;
 line-height: 100%;
 color: #11a;
 background-color: #ddf;
 border-bottom: 1px solid #999;
 position: relative;
 display: block;
}

#sideMenu ul ul {
 margin: 0px;
}

#sideMenu ul li {
 padding: 3px 15px;
}

#sideMenu ul a {
 position: relative;
 left: -5px;
 text-decoration: none;
 color: #66d;
}

#sideMenu ul a:hover {
 left: 0px;
 color: #11a;
}

#sideMenu ul li:hover {
 background-color: #eef;
}

#sideMenu ul ul a {
 left: 0px;
}

#sideMenu ul li ul {
 padding: 0px;
 border: none;
}

#sideMenu ul li ul li {
 padding: 3px 3px 0px 3px;
 border: none;
 border-top: 1px solid silver;
 font-size: 90%;
 background-color: #eef;
}

#sideMenu ul li ul li:hover {
 background-color: #fff;
}





 #foot ul:first-child {
  padding: 5px 0px 5px 20px;
  min-height: 75px;
  font-size: 90%;
 }

 #foot ul:last-child {
  float: none;
  border: none;
  padding: 0px;
 }

 #foot ul a {
  color: #005;
  text-decoration: none;
 }

 #foot ul:not(.hList) li {
  list-style-type: none;
  font-size: 100%;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  line-height: 100%;
 }

 #foot ul li hr {
  height: 1px;
  background-color: #55a;
  border: none;
 }



 #foot ul.hList, #foot ul {
  padding: 5px 15px 0px 20px;
  margin: 0px;
  width: 150px;
  float: right;
  border-style: solid;
  border-color: #55a;
  border-width: 0px 0px 0px 1px;
  text-align: center;
  color: #005;
  min-height: 80px;
  list-style-type: none;
  font-size: 100%;
 }


 #foot ul.hList li {
  text-align: center;
  width: 50px;
  float: left;
  padding: 0px;
  list-style-type: none;
  line-height: 100%;
  margin: 5px 0px;
  font-size: 100%;
 }

 #foot ul img {
  border: none;
 }


 #content ul {
  margin: 10px 40px;
  padding: 0px;
 }

 #content ul li {
  margin: 0px 18px;
 }

 #content ul.breadCrumb li {
  float: left;
  font-size: 90%;
  padding: 0px 4px 0px 0px;
  margin: 0px;
 }

 #content ul.breadCrumb {
  display: inline-block;
  display: block;
  overflow: hidden;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  list-style-type: none;
 }

 #content ul.breadCrumb a {
  text-decoration: none;
 }

 #content h2, #comments h2, #comments h3 {
  border-bottom: 1px solid #999;
  line-height: 100%;
  margin: 0px;
  font-size: 144%;
  color: #55a;
  padding: 0px 16px;
 }

 #content h3 {
  color: #66b;
  margin: 16px;
  padding: 20px 0px 0px 0px;
 }

 #content h5, #comments h4 {
  color: #999;
  font-weight: normal;
  text-align: right;
  margin: 0px 0px 20px 0px;
  line-height: 100%;
  padding: 0px 16px;
 }

 #content p {
  margin: 16px;
  text-align: justify;
 }

 .note {
  border-style: solid;
  border-color: #18f;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border-width: 1px;
  padding: 16px 16px;
  background-color: #cef;
  line-height: 100%;
  margin: 20px 10px;
  clear: both;
 }


 #comments h2 {
  color: #337;
 }

 #comments h3 {
  font-size: 110%;
  padding: 2px 20px 2px 20px;
  background-color: #eee;
 }

 #comments h4 {
  font-size: 80%;
  padding: 0px 5px;
  margin: 0px;
 }

 #comments p {
  margin: 6px 10px;
  padding: 5px 10px 10px 10px;
 }

 #comments ul {
  list-style-type: none;
  padding: 0px;
 }

 #comments ul li {
  padding: 00px;
  border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  border: 1px solid gray;
  margin: 10px 10px 20px 10px;
 }

 #comments ul form li {
  padding: 0px;
  border: none;
  margin: auto;
  text-align: right;
  width: 600px;
  display: block;
  clear: both;
 }



#comments form input {
 width: 450px;
 margin: 0px 30px 0px 0px;
}

#comments form textarea {
 width: 450px;
 margin: 0px 30px 0px 0px;
 float: right;
}

#comments form input.button {
 width: auto;
 margin: 0px 0px 0px 190px;
 float: left;
}

#comments form label {
 text-align: right;
}




#content ul.indexList {
 list-style-type: none;
 margin: 0px 0px 0px 150px;
 padding: 20px 0px 70px 0px;
}

#content ul.indexList li {
 float: left;
 padding: 0px;
 margin: 0px;
 width: 50%;
}

#content ul.indexList li:hover {
 background-color: #eef;
}




div#content hr {
 margin: 20px 0px;
}
div#content input {
 width: auto;
}
 div#content table:not(.equation) {
  width: 90%;
  font-size: 100%;
  margin: 20px 10px;
 }
 div#content table.equation {
  margin: 10px;
 }
 div#content table.equation td {
  text-align: center;
  padding: 0px 10px;
  font-size: 90%;
  margin: 0px;
 }
 div#content table.equation hr {
  margin: 0px;
  color: black;
  border-width: 0px;
  background-color: black;
  height: 1px;
 }
 div#content ul.hlist {
  padding: 0px;
 }
 div#content ul.hlist li {
  list-style-type: none;
  padding: 2px 10px;
  margin: 2px 10px;
 }
 div#content ul.hlist li sup {
  line-height: 0px;
 }
 div#content ul.hlist li:not(:last-child) {
  float: left;
 }
 div#content div.answerBox {
  display: none;
  padding: 20px;
  border: 2px dotted silver;
  background-color: #DDD;
  margin: 20px 0px;
  border-radius: 8px;
  -moz-border-radius: 8px;
 }
 

 div#content ol, div.courseNotesContainer ul {
  padding: 20px;
 }