h3.section_head {
  display: none;
}

#menu {
  margin: 0;
  padding-bottom: 1.7em;
  padding-left: 10px;
  list-style-type: none;
}

#menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

#menu a:link, #menu a:visited {
  background: #dad6cd;
  border: solid 1px #c9c5bc;
  color: #4e533f;
  float: left;
  line-height: 14px;
  margin-right: 8px;
  padding: .2em 1em;
  text-decoration: none;
}

#menu a:active, #menu a:hover, #menu a:focus {
  -moz-outline: none; /* hide the giant dotted border caused by the text-indent */
  background: #e7e4df;
}

#menu.section-1 li#nav-1 a, 
#menu.section-2 li#nav-2 a, 
#menu.section-3 li#nav-3 a, 
#menu.section-4 li#nav-4 a {
  background: #f5f4f2;
  border-bottom-color: #f5f4f2;
}

#sections {
  border: solid 1px #c9c5bc;
  background: #f5f4f2;
  padding: 1em 1.5em;
}

#sections #subnav-1,
#sections #subnav-2,
#sections #subnav-3,
#sections #subnav-4 {
  display: none;
}

#sections.section-1 #subnav-1, 
#sections.section-2 #subnav-2, 
#sections.section-3 #subnav-3, 
#sections.section-4 #subnav-4 {
 display: inline;
}

#sections h3 {
  font-size: 120%;
  margin-top: .5em;
}

#sections ul {
/*  list-style-type: none; */
  margin-left: 0;
  border: dashed .09em #c9c5bc;
  padding: 1em 1em 1em 3em;
  background: #edece8;
}
#sections li {
  padding: .5em;
/*  border-bottom: dashed .09em #c9c5bc */
}

.tips td {
  background: url(../pix/idea.gif) no-repeat #edece8;
  border: dashed .09em #c9c5bc;
  padding: 1.5em;
  vertical-align: top;
  width: 50%;
}

address {
  display: block;
  margin-top: 1em;
  text-align: right;
}

#examples_table {
  width: 85% !important;
  width: 70%;
  position: relative;
}
#examples_table td {
  width: 50%;
  vertical-align: top;
}
#examples_table h4 {
  padding: 1em;
  margin: -1em -1em 1em -1em;
  background: #edece8;
}
#examples_left {
  border: solid 1px #c9c5bc;
  border-right: none;
  padding: 1em;
}
#examples_right {
  border: solid 1px #c9c5bc;
  padding: 1em;
}