@import url(base.css);
#sections {
  float: left;
  width: 60em;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sections li {
  margin: 0;
  padding: 0;
  float: left;
  width: 12em;
}
#sections li a {
  border-left: 1px solid #aeaead;
  border-bottom: 1px solid #aeaead;
  background: #ededd7 url(/images/tab_tr.png) no-repeat top right;
  display: block;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 75%;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding-left: 1em;
  color: #545454;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#sections li a:hover {
  color: #000;
}
#sections li a.intro:link,
#sections li a.intro:visited,
#stupid2.intro div {
  background-color: #cfcdba;
}
#sections li a.handouts:link,
#sections li a.handouts:visited,
#stupid2.handouts div {
  background-color: #b6e3e3;
}
#sections li a.planmap:link,
#sections li a.planmap:visited,
#stupid2.planmap div {
  background-color: #b5d998;
}
#sections li a.school:link,
#sections li a.school:visited,
#stupid2.school div {
  background-color: #ffcc99;
}
#sections li a.rube:link,
#sections li a.rube:visited,
#stupid2.rube div {
  background-color: #ffcccc;
}
#sections li a.answer:link,
#sections li a.answer:visited,
#stupid2.answer div {
  background-color: #dbd8f0;
}
.minisections {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.minisections li {
  margin: 0;
  padding: 0;
  float: left;
}
.minisections li a {
  border-left: 1px solid #aeaead;
  border-bottom: 1px solid #aeaead;
  background: #ededd7 url(/images/tab_tr.png) no-repeat top right;
  display: block;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 67%;
  width: 12em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #545454;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 20px;
}
.minisections li a.handouts {
  width: 9em;
}
.minisections li a.intro {
  width: 13em;
}
.minisections li a.planmap {
  width: 9em;
}
.minisections li a.school {
  width: 11em;
}
.minisections li a:link:hover,
.minisections li a:visited:hover {
  color: #000;
}
.minisections li a.intro:link,
.minisections li a.intro:visited,
#stupid2.intro div {
  background-color: #cfcdba;
}
.minisections li a.handouts:link,
.minisections li a.handouts:visited,
#stupid2.handouts div {
  background-color: #b6e3e3;
}
.minisections li a.planmap:link,
.minisections li a.planmap:visited,
#stupid2.planmap div {
  background-color: #b5d998;
}
.minisections li a.school:link,
.minisections li a.school:visited,
#stupid2.school div {
  background-color: #ffcc99;
}
.minisections li a.rube:link,
.minisections li a.rube:visited,
#stupid2.rube div {
  background-color: #ffcccc;
}
.minisections li a.answer:link,
.minisections li a.answer:visited,
#stupid2.answer div {
  background-color: #dbd8f0;
}
#stupid1 {
  float: left;
  width: 12em;
  height: 6px;
  margin-bottom: 2px;
}
#stupid1 div {
  background: #cfcdba;
  height: 100%;
  margin-right: 1px;
}
#stupid2 {
  float: left;
  width: 60em;
  height: 6px;
  margin-bottom: 2px;
}
#stupid2 div {
  background: #cfcdba;
  height: 100%;
  margin-right: 1px;
}
#foo {
  background: #ededd7 url(/images/ffffff.png) repeat-y top right;
  margin-left: -1px;
}
#side {
  float: left;
  width: 12em;
  height: 100%;
}
#side div {
  margin-left: 1px solid white;
  height: 100%;
}
#newass {
  background: #e1ebf4;
  padding: 1ex;
  font-size: 75%;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
}
a:link,
a:visited {
  color: #0e5e97;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
#newass a {
  background: transparent url(/images/arrow_blue2.gif) no-repeat center right;
  padding-right: 1em;
  text-decoration: none;
}
#newass a:hover {
  text-decoration: underline;
}
#ass ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 85%;
}
#ass li {
  padding-left: 0;
  margin-left: 1em;
  margin-bottom: 1ex;
}
#ass li a {
  color: #006699;
  text-decoration: underline;
  font-weight: bold;
}
#ass li a:hover {
  text-decoration: none;
}
#ass li span.bold {
  font-weight: bold;
}
#ass li span.casesSelected {
  color: #555;
}
#planner {
  background: #cfcdba;
  padding: 1ex;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 2em;
}
#main {
  float: left;
  width: 60em;
  background: #fff;
}
#main div {
  padding-left: 1em;
}
div.tmp {
  width: 30em;
  margin: 1em 0;
}
div.tmp h4 {
  color: orange;
  margin: 1em 0;
}
div.tmp hr {
  height: 0;
  background: #fff;
  border: 0;
  margin: 0;
  padding: 0;
  border-top: 1px dotted orange;
}
div.tmp div {
 background: #eee;
}
div.tmp p {
  padding-top: 0;
  margin-top: 0;
}
div.tmp ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
div.tmp ul li {
  border-left: 1px solid black;
  padding-left: 1em;
  margin-left: 1em;
  float: left;
}
div.tmp ul li.first {
  border-left: none;
  padding-left: 0;
}
div.tmp2 {
  width: 350px;
  margin: 1em 0;
}
div.tmp2 a.top {
  display: block;
  height: 20px;
  width: 350px;
  background: #b6e3e3 url(/images/topic_head2.gif) no-repeat top right;
}
div.tmp2 h5 {
  background: #eee;
  padding: 2em 1em;
  margin: 0;
  color: #555;
}
div.tmp2 p {
  background: #E1EBF4;
  padding: 1em;
  margin: 0;
}
div.tmp2 a.select {
  display: block;
  background: #0e5e97 url(/images/head_br.png) no-repeat bottom right;
  color: #fff;
  text-decoration: none;
  padding: 0;
}
div.tmp2 a.select span.corner {
  display: block;
  background: transparent url(/images/head_bl.png) no-repeat bottom left;
  padding: 1em;
}
div.tmp2 a.select span.corner span {
  background: transparent url(/images/arrow_white.gif) no-repeat center right;
  padding-right: 1em;
}
div.tmp2 a.select:hover span span {
  text-decoration: underline;
}
div.clear {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  height: 1px;
/* this craziness is necessary for IE (which ignores 'height: 0'
   and proceeds to make this div 1em tall. */
  background: #fff;
}
a:hover span.real {
  text-decoration: underline;
}
/*
  vim: et ts=2 sw=2 ai
*/