/* sanity seting  */
h1, h2, h3, h4, h5, h6, h7, p, ul, li { margin : 0; }

body   {  background-color: royalblue;
          }
#content-wrapper {
          width           : 932px;
          padding         : 0;
          background-color: #FFD300;
          color           : black;
          margin-top      : 15px;
          border-style    : solid;
          border-width    : 25px;
          border-color    : navy;
          }
#main-page {
          margin          : 0;
          margin-left     : 192px;
          padding         : 0;
          }
#main-content {
          min-height      : 895px;
          margin          : 0;
          padding         : 0 30px 75px 30px;
          border          : solid;
          border-width    : 1px;
          border-color    : black;
          background-color: white;
          }
#main-content h1 {
          margin          : 30px;
          font-family     : verdana regular, Verdana, helvetica;
          font-size       : 20px;
          color           : black;
          text-align      : center;
          }
#main-content h2 {
          margin          : 30px 0 20px 0;
          font-family     : helvetica neue;
          font-size       : 16px;
          color           : black;
          text-align      : center;
          }
#main-content h3 {
          margin          : 10px 0 40px 0;
          font-family     : helvetica neue;
          font-style      : italic;
          font-size       : 16px;
          color           : black;
          text-align      : center;
          }
#main-content h4 {
          margin          : 10px 0 30px 0;
          font-family     : courier, sans-serif;
          font-style      : italic;
          font-size       : 14px;
          color           : black;
          text-align      : center;
          }
#main-content h5 {
          margin          : 20px 0 20px 0;
          font-family     : helvetica neue, sans-serif;
          font-size       : 14px;
          color           : black;
          text-align      : left;
          }
#main-content p {
          margin          : 10px 0;
          font-size       : 14px;
          font-family     : verdana, sans-serif;
          line-height     : 150%;
          color           : black;
          text-align      : left;
          }
#ten-content {
          border          : solid;
          border-width    : 1px;
          border-color    : black;
          min-height      : 895px;
          margin          : 0;
          padding         : 0 30px 50px 30px;
          background-color: white;
          }
#ten-content h1 {
          margin          : 70px 0 10px 0;
          font-family     : helvetica neue;
          font-size       : 18px;
          color           : black;
          text-align      : center;
          }
#ten-content h3 {
          margin          : 15px 0 40px 0;
          font-family     : helvetica neue;
          font-style      : italic;
          font-size       : 16px;
          color           : black;
          text-align      : center;
          }
.ten-content ol, li {

          margin          : 20px;
          font-family     : helvetica neue;

          font-size       : 16px;
          color           : black;
          text-align      : left;
          }

#video-page {
          width           : 725px;
          padding         : 0;
          }
#video-content {
          margin          : 1px;
          padding         : 25px;
          border          : solid;
          border-width    : 1px;
          border-color    : #591E1E;
          background-color: #FFFAF0;
          }
#video-content p {
          margin          : 10px 0 15px 0;
          font-family     : verdana, Arial, sans-serif;
          font-size       : 13px;
          color           : black;
          text-align      : center;
          }

#side-bar {
          float           : left;
          width           : 190px;
          background-color: gold;
          margin          : 0;
          border          : none;
          border-width    : 2px;
          border-color    : black;
          font-family     : verdana, Arial, sans-serif;
          text-align      : center;
          }
#side-bar h1 {
          margin          : 10px;
          font-family     : verdana, Arial, sans-serif;
          font-size       : 14px;
          color           : black;
          }
#side-bar p {
          margin          : 0 6px;
          font-family     : verdana, Arial, sans-serif;
          font-size       : 12px;
          color           : black;
          }
#side-bar ul {
          padding         : 0 3px;
          list-style-type : none;
          }
#side-bar li {
          margin          : 0 4px;
          margin-bottom   : -2px;
          padding         : 5px 3px;
          border-style    : ridge;
          border-width    : 2px;
          border-color    : yellow;
          text-align      : center;
          }
#side-bar a {
          padding         : 5px 3px;
          font-weight     : bold;
          font-family     : verdana, Arial, sans-serif;
          font-size       : 12px;
          text-align      : left;
          text-decoration : none;
          color           : black;
          }
.menubar  {
          height          : 26px;
          margin          : 0;
          padding         : 0;
          white-space     : nowrap;
          background-color: #FFD000;
          color           : black;
          font-size       : 14px;
          border          : solid;
          border-color    : black;
          border-width    : 1px;
          }
.menubar ul {
          width           : 100%;
          list-style      : none;
          padding-left    : 0;
          margin          : 0;
          }
.menubar li {
          float           : left;
          width           : 170px;
          margin          : 0;
          border          : none;
          border-left     : 2px solid black;
          }

.menubar a {
          display         : block;
          margin          : 0;
          padding         : 3px 15px;
          font-family     : verdana, Arial, sans-serif;
          font-size       : 14px;
          text-align      : center;
          text-decoration : none;
          color           : black;
          }
/* image control */
.img   {
          align           : center;
          margin          : 20px 0;
          border-style    : solid;
          border-width    : 1px;
          border-color    : black;
          }
.floatL {
          float           : left;
          margin          : 10px 30px 20px 0;
          }
.floatR {
          float           : right;
          margin          : 10px 0 20px 30px;
          }

.clearL { clear           : left; }
.clearR { clear           : right; }
.clearB { clear           : both;  }

/* with "div" above img and text below */
.img-box {
          align           : center;
          margin          : 15px 10px;
          padding         : 0;
          font-family     : courier, verdana, sans-serif;
          font-size       : 11px;
          color           : black;
          text-align      : right;
          }
.img-box img {
          margin          : 0;
          }
.img-box h5  {
          margin          : 10px 15px;
          padding         : 0;
          font-family     : courier, verdana, sans-serif;
          font-size       : 12px;
          color           : black;
          text-align      : center;
          }
/* Extra Margins */
.extra-top {
          margin-top      : 60px;
          }
.plus-top {
          margin-top      : 40px;
          }
.ls   {
          margin          : 10px 25px 15px 5px;
          }
.ms   {
          margin-right    : 40px;
          margin-left     : 40px;
          }
.rs   {
          margin          : 10px 5px 15px 25px;
          }
.vp    {  margin-right    : 50px;
          margin-left     : 50px;
          }
/* slightly smaller extra margins */
.sls   {
          margin          : 10px 10px 15px 0;
          }
.srs   {
          margin          : 10px 0 15px 10px;
          }
/* large extra margins */
.widels   {
          margin          : 10px 50px 15px 0;
          }
.widers   {
          margin          : 10px 0 15px 50px;
          }
.top      {
          margin-top      : 25px;
          }
.bottom   {
          margin-bottom   : 32px;
          }

/* General listbox for materials */
.listbox {
          width           : 500px;
          margin          : 30px 70px;
          padding         : 0 25px 10px 15px;
          border-style    : solid;
          border-width    : 1px;
          border-color    : #591E1E;
          font-size       : 12px;
          font-family     : courier, monospaced;
          line-height     : 150%;
          color           : black;
          text-align      : left;
          }

.listbox h4 {
          margin          : 20px;
          text-align      : center;
          text-decoration : underline;
          }
.listbox p, ul {
          margin          : 15px 0;
          font-size       : 12px;
          font-family     : verdana, sans-serif;
          line-height     : 150%;
          color           : black;
          text-align      : left;
          }
.listbox li {
          margin          : 10px 5px;
          font-family     : courier-new, courier, monospace;
          font-size       : 13px;
          color           : black;
          text-align      : left;
          }
/* Info box */
.infobox {
          width           : 300px;
          margin          : 10px 25px 25px 25px;
          padding         : 25px;
          border-style    : solid;
          border-width    : 1px;
          border-color    : black;
          line-height     : 125%;
          color           : black;
          text-align      : left;
          }