body { margin: 0px;  
       font-size: 12px; 
       font-family: arial, sans-serif ;
       background-color: #336 }  
      
    /* #336 - dark blue; #600 - maroon; #606 - purple; 
       #FFC off-white; #FF9 - gold */
	
#topnav { padding-top: 2px;
	      padding-bottom: 5px;
		  padding-left: 35px; 
		  height: 20;
          vertical-align: center;
		  text-align: left; }

#topnav a { 
       color: blue;  
       font-style: normal; 
	   text-decoration: underline;
	   font-size: 14px; 
	   font-weight: 300; 
	   font-family: arial; }

#topnav a.darkbackgr { 
       color: #99CCFF; }

#topnav a:hover { 
	   color: #f1f1f1; }

table.ol { font-family: arial;
           font-size: 12;
           margin-bottom: -10px; 
           margin-top: 20px;
           margin-left: -3px; }

td.ol_rcolumn { 
        padding-left: 9px; 
        text-align: left;
        vertical-align: top; }
      
td.ol_lcolumn { 
        vertical-align: top;
        text-align: right; }

#content { width: 570px;
           padding: 8px; 
           border-width: 4px;
           border-style: outset;
           border-color: #FF9;
           background-color: #FFC ;
           margin-right: 0px;
           margin-left: 185px;
           margin-bottom: 0px;
           margin-top: 0px; }

#content h2 { 
     font-family: serif, arial;
     color: black;
     text-align: justify;
     font-weight: bold; 
     margin-bottom: 10px; 
     margin-left: -5px; }

#content p { color: black; 
             text-indent: 18px; 
             font-family: arial, sans-serif;
             margin-top: -10px; }
             		
#leftnav { width: 200px; 
           position: absolute;
           top: 100px;
           left: 15px; 
           padding-bottom: 10px; }

#leftnav p.link { text-align: center;
             padding: 1px;
             width: 150px;
             margin-bottom: -10px;
             border: 2px ridge #FF9;
             font-size: 13px; 
             font-weight: 600; 
             font-family: serif, arial; }

#leftnav p.homelink { text-align: center;
             padding: 1px;
             width: 150px;
             margin-bottom: -10px;
             border: 2px ridge #FF9;
             font-size: 13px; 
             font-weight: 600; 
             font-family: serif, arial;
             padding-top: 4px; 
             padding-bottom: 4px; }

#leftnav p.link_header { text-align: center;
             padding: 1px;
             width: 150px;
             margin-bottom: -10px;
             font-size: 15px; 
             font-weight: 600; 
             font-family: serif, arial;
             padding-top: 4px; 
             padding-bottom: 4px; 
			 color: #FFC; }

#leftnav h3 { margin-left: 8%;
              margin-right: 11%;
              margin-bottom: -5px; }	

/* TEACHING PAGES */
	
sup { color: red; 
           font-size: .85em ; 
           font-family: "arial narrow"; }

#teach_content { 
           width: 700px;
           padding: 15px;
		   margin-left: 38px;
		   margin-right: 50px; }

#teach_content p { 
           text-indent: 18px; 
           margin-bottom: -10px; }

#teach_content p#narrow_p { 
           font-family: arial;
           text-indent: 0px; 
           margin-left: 70px;
           margin-right: 70px; }

#teach_content p#narrow_tnr { 
           font-family: "Times New Roman";
           text-indent: 0px; 
           margin-left: 38px;
           margin-right: 38px; }

#teach_content p#no_indent { 
           font-family: arial;
           text-indent: 0px; }

#teach_content p#noindent_tnr { 
           font-family: "Times New Roman";
           text-indent: 0px; }

/* #script_hdr can have max 600 font-weight;
   #script can have max 800 font-weight*/

#teach_content p#script { 
           font-family: "Times New Roman";
           text-indent: 38px;
           margin-bottom: -10px; }

#teach_content p#script_hdr { 
           font-family: "Times New Roman";
           font-style: italic;
           text-indent: 0px;
           margin-bottom: 15px;
           margin-left: 40px;
           margin-right: 40px;
           margin-top: -10px; }

#teach_content .left_margin { 
           margin-left: 40px; 
           text-indent: 0px;}

#teach_content ul { font-family: "Times New Roman"; }
		 
#teachnav { width: 8%; 
                       position: absolute;
                       top: 1px; 
                       left: 17px;  }

#teachnav p { text-align: center; 
              padding: 0px;
              width: 50px;
              margin: 8px;
              border: 2px ridge #336;
              font-size: 18px; 
              font-weight: 600; 
              font-family: serif, arial; }

#teachnav a { color: #336; }

#teachnav a:hover { color: blue; }


#pagenav { width: 8%; 
           position: absolute;
           top: 30px; 
           right: 17px; 
           font-size: 15px; 
           font-weight: 600; 
           font-family: serif, arial;}

#pagenav a { color: blue; 
             text-decoration: underline;}

#pagenav a:hover { color: blue; }

#pagenav_bottom { width: 93%;  
                      text-align: right;
                       font-size: 15px; 
                  color: #336;
                       font-weight: 600; 
                       font-family: serif, arial;}

#pagenav_bottom  a { color: #336; 
                     vertical-align: middle; 
                     text-decoration: underline; }

#pagenav_bottom  a:hover { color: blue; }


body.teach { 
       color: #336;
       margin-bottom: 10px;
	   font-size: 12px; 
       font-family: arial, sans-serif ;
       background-color: #FFC } 

body.teach h2 { color: #336;
                font-family: serif, arial; 
                text-align: center; 
                text-decoration: underline;
                font-style: italic }

body.teach #notes { color: #336;
                font-family: arial; 
                text-align: center;
                font-weight: 800; 
                font-size: 21px; }

body.teach #sub_heading { color: #336;
                font-family: arial; 
                text-align: left;
                font-weight: 600;
                text-indent: 0px; 
                font-size: 12px;
                margin-bottom: 18px; }

body.teach h4 {
             font-family: arial;
             color: #336;
             text-align: left;
              font-weight: 700; }

body.teach h3 {
             font-family: arial;
             color: #336;
             text-align: center;
              font-weight: 700; }

body.teach h1 {
             font-family: arial;
             color: #336;
             text-align: center;
              }

body.teach .header_text {
             font-family: serif, arial;
             color: #336;
             font-size: 26px;
             font-weight: 600;
          font-style: italic ;
         text-decoration: underline; }


body.teach h5 {
                font-family: arial;
                color: #336;
                text-align: left;
                margin-left: -7px; }
	
body.teach #footer { 
         color: #336;
          margin-top: 10%;
          padding-bottom: 10px;
          text-align: center; }
		  
a { text-decoration: none; 
      color: #FFC; 
      font-family: serif, arial; 
      font-style: italic; }

a:hover { color: silver; }

h1 { color: #FFD;
     font-family: Serif, arial; 
     font-style: italic;
     font-weight: 900;  
     text-align: center;
     padding-top: 5px;
     padding-bottom: 10px;
     text-decoration: underline; }

h2 { font-family: serif, arial;
     color: black;
     text-align: justify;
     font-weight: bold; 
     margin: -10px;
     padding: 5px; }

h3 { font-family: serif, arial;
     color: #FFD;
     text-align: center;
     font-weight: 900; 
     width: 150px;  
     padding: 5px;
     margin: 8px; }

h5 { font-family: serif, arial;
     color: #FFC;
     text-align: left;
     padding-left: 7px; }

#footer { color: #FFC;
          margin-top: 10px;
          padding-bottom: 10px;
          text-align: center; }

#footer p.first {
          font-weight: 900;
          font-size: smaller; 
          margin: 2px; }

#footer p.second { 
          font-size: smaller; 
          font-style: normal;
          margin: 0px; 
	      line-height: 1; }

#footer a { color: silver;
          font-style: normal; 
		  text-decoration: underline;
		  font-family: arial; }

#footer a:hover { color: #f1f1f1; }

p.firstletter:first-letter {
            font-size: 250%;
            font-family: georgia, cursive, serif;
            color: black;
            font-style: italic }