/* Generic Selectors */

body {
       font-family: Verdana, sans-serif;
       font-size: 16px;
       line-height:1.2;
       color: #333333;
       background-color: #FFF075;
       }

p {
    width: 80%;
    font-size:120%;
    line-height:1.2;
    }

li {
     list-style-type: none;
     line-height: 150%;
     }

h1 {
     font-family: Verdana, sans-serif;
     text-align: center;
     font-size: 250%;
     font-weight: bold;
     color: #000000;
/*     width: 900px; */
     width: 80%;
     padding:10px;
     border-bottom:1px solid black;
     margin:10px;
     }

h2 {
     font-family: Verdana, sans-serif;
     padding-left: 20px;
     font-size: 200%;
     font-weight: bold;
     color: #000000;
     
     }

h3 {
     font-family: Verdana, sans-serif;
     padding-left: 30px;
     font-size: 150%;
     font-weight: bold;
     color: #000000;
     }

h4 {
     font-family: Verdana, sans-serif;
     padding-left: 40px;
     font-size: 125%;
     font-weight: bold;
     color: #000000;
     }

h5 {
     font-family: Verdana, sans-serif;
     padding-left: 50px;
     font-size: 110%;
     font-weight: bold;
     color: #000000;
     }


table { 
    display: table;
    border-collapse: separate;
    border-color: gray;
        }

th { 
     border: 1px solid black;
/*     background-color:brown; */
     background-color:maroon;
     color:white;
     } 

td {
            border: 1px solid black;
            }


a {  
    padding: 10px; 
    line-height:1.2;
} 

/**************** Pseudo classes ****************/

a:link {
         color: #800000;
         text-decoration: underline;
         font-weight: bold;
         }

li :link {
/*           color: Brown; */
           color: maroon;
           text-decoration: none;
           font-weight: bold;
           }

a:visited {
            color: #DAA520; /* visited */
            text-decoration: underline;
            font-weight: bold;
            }

li a:visited {
               color: #DAA520; /* visited List */
               text-decoration: none;
               font-weight: bold; 
               }

a:hover {
          color: rgb(0, 96, 255);
          font-weight: bold;
          text-decoration: underline; 
          }

li a:hover {
/*             display: block; */
             color: rgb(0, 96, 255);
/*             padding-bottom: 5px; */
             font-weight: bold; 

             }

a:active {
           color: rgb(255, 0, 102);
           font-weight: bold;
           }




/************************* ID's *************************/

#wrap { 
/*        width: 900px;  */
        width: 90%;
        margin: 0 auto; 
        
        }

/* I have two main sections - navigation, and centerdoc 
   * make the navigation 20% and centerdoc 80% and see how that goes
   */
#navigation {
              position: absolute;
/*              width: 250px; */
              width: 20%;
              height: 1300px; 
/*              height: 100%; */
              margin: 0;
              margin-top: 75px;
              
              border-right: 4px solid #964B00;
              font-weight: normal;

              border-style:solid;
              border-width:5px;
              border:2px solid;

/*	CSS3 */
              border-radius:25px;  /* only with css3 */
/*              border-top-left-radius:2em;
              border-top-right-radius:2em;
              border-bottom-right-radius:2em;
              border-bottom-left-radius:2em; 
*/
              box-shadow: 10px 10px 5px #964B00;
              overflow: scroll;
              }

#navigation ul, ol { 
                     padding: 0px 5%;
 }

#centerDoc {
             position: absolute;
             
             margin-top: 50px;
/*             margin-left: 280px; */
             margin-left: 21%; 
             width: inherit;
             
             
             padding-left: 15px;
             border:1px solid #333;
             background-color: #EEE8AA;
             }

#myTable {
              position: absolute;
/*              width: 250px; */
              width: 20%; 
              height: 1200px;
              margin: 0;
              margin-top: 75px;
              
              border-right: 4px solid #964B00;
              font-weight: normal;

              border-style:solid;
              border-width:5px;
              border:2px solid;

              border-radius:25px;
              box-shadow: 10px 10px 5px #964B00;

              }

#toc {
	list-style: none;
	margin-bottom: 20px;
}
#toc li {
	background: url(dot.gif) repeat-x bottom left;
	overflow: hidden;
	padding-bottom: 2px;
}
#toc a,
#toc span {
	display: inline-block;
	background: #fff;
	position: relative;
	bottom: -4px;
}
#toc a {
	float: right;
	padding: 0 0 3px 2px;
}
#toc span {
	float: left;
	padding: 0 2px 3px 0;
}