body     {background-color:papayawhip;
          line-height:120%;
          font-family:helvetica,arial;
          font-size:90%;
          }
h1,h2,h3,h4,h5,h6,p,td,th {
          font-family:helvetica, arial; font-size:90%;}

h1       {padding:6px; padding-left:12px;
          margin-top:0px; letter-spacing:2px; font-size:20px;
          border:none; border-bottom:1px solid #CC0000;
          font-family:arial,sans-serif;
          }
h3,h4    {background-color:peachpuff;
          color:#333333;
          border-top:1px solid #CC0000;
          border-bottom:1px solid #CC0000;
          padding:3px;
          letter-spacing:2px;
          }
h3       {border-bottom:1px solid #CC0000;
          }

.menu1 h1,
.menu1 h3,
.menu1 h4       {color:#008748; background-color:#00E178;}
.menu1 a:hover  {color:#008748; background-color:#00E178;}
a.menu1:hover   {color:#008748; background-color:#00E178;}
.menu2 h1,
.menu2 h3,
.menu2 h4       {color:#BE6200; background-color:#FFCC00;}
.menu2 a::hover {color:#BE6200; background-color:#FFCC00;}
a.menu2:hover   {color:#BE6200; background-color:#FFCC00;}
.menu3 h1,
.menu3 h3,
.menu3 h4       {color:#BE6200; background-color:#FFCC00;}
.menu3 a:hover  {color:#BE6200; background-color:#FFCC00;}
a.menu3:hover   {color:#BE6200; background-color:#FFCC00;}
.menu4 h1,
.menu4 h3,
.menu4 h4       {color:#356796; background-color:#00C4C4;}
.menu4 a:hover  {color:#356796; background-color:#00C4C4;}
a.menu4:hover   {color:#356796; background-color:#00C4C4;}
.menu5 h1,
.menu5 h3,
.menu5 h4       {color:#ED2597; background-color:#F8CCFF;}
.menu5 a:hover  {color:#ED2597; background-color:#F8CCFF;}
a.menu5:hover   {color:#ED2597; background-color:#F8CCFF;}

.content   {margin-left:20px; margin-right:16px;}
.foo       {display:none;}
#footer    {font-size:14px; padding:2px; padding-left:12px;
            margin-top:12px;margin-bottom:0px;
            border-top:1px solid #CC0000;}

#nav     {display:block;
          font-size:11px;
          color:#CCCCCC;
          margin-top:0px;}
#nav a   {color:#FF6633;}
#nav a.menu4:hover   {color:#356796; background-color:#00C4C4;}
#nav a.menu1:hover   {color:#008748; background-color:#00E178;}

.banner1 {font-family:"Trebuchet MS",impact,arial,sans-serif;
         font-size:16px;
         font-weight:bold;
         margin:4px; margin-bottom:2px;
         text-align:center;
         color:slateblue;
         letter-spacing:1px;
         } 
.topic  {border:1px solid gray;
         padding:1px;
         padding-left:2px;
         background-color:lightblue;
         font-size:9pt;
         font-weight:bold;
         letter-spacing:1px;
         margin-bottom:0px;
         }

.info   {border:1px solid gray;
         border-top:none;
         padding-right:2px;
         padding-left:4px;
         margin-left:8px;
         font-size:9pt;
         background-color:#FFCCCC;
         margin-bottom:8px;
        }  
h2.topic  {margin-bottom:0px;
          }
p.info    {margin-top:0px;
          }
.lab      {width:80%;
           color:#000099;
           font-family:"comic sans ms",helvetica,arial; 
           background-image:url(/Images/spiral.gif);
           padding-top:15px;
           padding-left:60px;
           padding-right:20px;
           padding-bottom:20px; 
           font-weight:normal;
           line-height:17px;
           } 
.lab h3   {font-weight:bold;
           color:red;
           text-decoration:underline;
           }
.lab ul   {font-weight:normal;}

.or       {font-size:180%;
           color:red;
           font-weight:bold;
           font-style:italic;
          }

.banner  {font-size:200%;
          font-weight:normal;
          color:papayawhip;
          margin:0px;
         }
p        {text-indent:12px;
         }
h2       {font-size:100%;
          color:#333333;
          margin-bottom:4px;
         }
.faq     {margin-left:6%;
          margin-right:6%;
          line-height:150%;
          font-family:arial,verdana,tahoma;
         }
.faq dt   {background-color:lightblue;
           color:red;
           padding:4px;
           font-weight:bold;
           padding-left:20px;
           text-indent:-16px;
           border-left:3px solid gray;
           border-bottom:3px solid gray;
           border-top:1px solid gray;
           border-right:1px solid gray;
          }
.faq dd   {background-color:peachpuff;
           padding:6px;
           margin-top:4px;
           margin-bottom:12px;
          }
.faq p    {text-indent:0px;
          }
.digit    {display:block;
           float:left;
           font-size:500%;
           color:gray;
           padding:20px;
           }
.coupon   {width:400px;
           padding:8px;
           background-color:#FFFFCC;
           border: 1px dotted gray;
           color:maroon;
           font-size:90%;
           margin:0px 20px 10px 0px;
          } 
.coupon h5 {font-size:20px;
            letter-spacing:2px;
            margin-bottom:4px; 
           }
.startpage {font-size:110%:
            line-height:120%;
            width:95%;
           }
.startpage dl { font-size:100%;}
.startpage dt { color:maroon;
                list-style-type:disc;
                border-top:1px solid #999999;
                margin-top:6px;
                background-color:peachpuff;
                letter-spacing:2px;
                padding:2px;
                font-weight:bold;
                font-family:"Trebuchet MS",helvetica, arial;
              }   
.startpage dd {background-color:papayawhip;
                 font-weight:normal;
                 font-size:90%;
                 } 
.startpage a:hover {background-color:#FFCC66;
                    color:maroon;
                   }
.startpage h2 {font-size:120%;
               letter-spacing:2px;
               color:maroon;
              }     
.comingsoon {color:gray;
             border:1px solid gray;
             padding:4px;
            }            

.example {background-color:peachpuff;
          border:1px solid gray;
          border-right:3px solid gray;
          border-bottom:3px solid gray;
          color:maroon;
          font-family:system,courier;
          font-weight:bold;
          font-size:14px;
          margin-bottom:0px;
          padding:4px;
         }

.return  {margin-top:30px;
          width:80px;
          border:1px gray dotted;
          padding:4px;
          test-align:center;
          line-height:14px; 
          font-size:12px;
         }
.note    {background-color:#D1E1E6;
          border:1px solid gray;
          border-right:3px solid gray;
          border-bottom:3px solid gray;
          color:maroon;
          font-size:75%;
          padding:6px;
         }
.note td {font-size:80%;
         }
.notetitle { font-weight:bold;
             color:red;
           }

.concept   {background-color:#FFF0CC;
            padding:6px;
            color:maroon;
            border:1px dotted gray;
            margin:0 10% 0 10%;
            } 

.rules     {background-color:bisque;
            background-image:url(cssback.gif);
            background-repeat:no-repeat;
            background-position:top right;
            border-right:1px solid gray;
            border-bottom:1px solid gray;
            padding:4px;
          }
.minilist  {font-family:"Trebuchet MS",verdana;
            font-weight:bold;
            font-size:90%;
            list-style-type:none;
            color:#CC6600;
           }
.exlinks a {font-family:"Trebuchet MS",verdana;
            font-weight:bold;
            font-size:14px;
            text-decoration:none;
            color:#CC9966;
           }
.exlinks a:hover {color:blue;}
            
.copyright {margin-top:12px;
            border-top:3px solid maroon;
            text-align:center;
            font-size:70%;
            font-face:helvetica,arial;
           }
.pagenum   {text-align:right:
            margin:0px;
            margin-top:6px;
            line-height:100%;
            font-size:18px;
            font-weight:bold;
            color:papayawhip;
           }
.pagenum a {font-size:12px;
            color:papayawhip;
            text-decoration:none;
           }
.pagenum a:link {font-size:12px;
            color:papayawhip;
            text-decoration:none; 
           }
.pagenum a:visited {font-size:12px;
            color:papayawhip;
            text-decoration:none;
           }
.pagenum a:hover {color:blue;
            text-decoration:none;
           }
.pagenum u {font-size:12px;
            color:#CC9999;
            text-decoration:none;
           }
.tag       {color:blue;
            font-weight:bold;
            font-size:110%;
            letter-spacing:-1px;
            font-family:courier;
           }
.tag a:link{color:blue;
            text-decoration:none;
           }
.tag a:visited{color:blue;
            text-decoration:none;
           }
.tag a     {color:blue;
            text-decoration:none;
           }
.attr      {color:#006600;
            font-weight:bold;
            font-size:110%;
            letter-spacing:-1px;
            font-family:courier;
           }
.property  {color:blue;
            font-weight:bold;
            font-size:110%;
            letter-spacing:-1px;
            font-family:courier;
           }   
.method    {color:red;
            font-weight:bold;
            font-size:110%;
            letter-spacing:-1px;
            font-family:courier;
           }
.css       {color:red;
            font-weight:bold;
            font-size:110%;
            letter-spacing:-1px;
            font-family:courier;
           } 
em         {font-style:italic;
            color:maroon;  
           }
.booklist dt  {background-color:lightblue;
               letter-spacing:1px;
               font-weight:bold;
               padding-left:6px;
               margin-top:10px;
               margin-bottom:6px;
              }  
.imagecaption {font-size:70%;
               color:#333333;
              }
.titlebtn{width:140px;     padding:2px;     font-size:100%;
        font-weight:bold;  color:#CC0000;   margin-top:10px;
        font-family:"Trebuchet MS",helvetica,verdana,arial; 
        padding-left:6px;  text-indent:-4px;line-height:110%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        background-color:peachpuff;
       }
.btndm  {width:140px;      padding:2px;     font-size:70%;
        font-weight:bold;  color:gray;  cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        background-color:lightblue;
        position:static; 
       }
.btnhi  {width:140px;      padding:2px;     font-size:70%;
        font-weight:bold;  color:white;     cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        background-color:#9999FF;
/*        position:relative; top:0px; left:3px; */
       }
.btnon  {width:140px;      padding:2px;     font-size:70%;
        font-weight:bold;  color:white;     cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        background-color:#FF9999;
        position:relative; top:0px; left:3px;
       }
.btnendhi  {width:140px;   padding:2px;     font-size:70%;
        font-weight:bold;  color:white;     cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        border-bottom:3px solid gray;
        background-color:#9999FF;
       }
.btnendon  {width:140px;   padding:2px;     font-size:70%;
        font-weight:bold;  color:white;     cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        border-bottom:3px solid gray;
        background-color:#FF9999;
        position:relative; top:0px; left:3px;
       }
.btnenddm{width:140px;     padding:2px;     font-size:70%;
        font-weight:bold;  color:gray;      cursor:hand;
        padding-left:8px;  text-indent:-4px;line-height:130%;
        border-left:1px solid gray;
        border-right:3px solid gray;
        border-top:1px solid gray;
        border-bottom:3px solid gray;
        background-color:lightblue;
       }
.sidebar        {font-size:12px; margin-right:0px;}
.sidebar a:link {text-decoration:none;
                 color:maroon;
                 }
.sidebar a:visited {text-decoration:none;
                 color:maroon;
                 }
.sidebar a:hover {text-decoration:underline;
                  color:blue;
                 }
.table1 th {font-size:80%;
            background-color:lightblue;
           }
.table1 td {font-size:70%;
            background-color:wheat;
           }   
.exnote    {font-size:80%;
            margin:0px;
           }
.preface   {}
.lessontitle {font-size:400%;
              color:peachpuff;
              font-weight:bold;
              font-family:courier;
             }
.slide       {font-size:140%;
              line-height:140%; 
             }
.slide p     {padding-left:20px;
              text-indent:-20px;
             }     
.slide h3,h4 {padding:0px;
              padding-left:6px;
             }     
.tight       {list-style-type:circle;
              padding-left:18px;
              text-indent:-18px;
              margin-bottom:5px;
              margin-right:0px;
             }
.dropshadow  {border:1px solid gray;
              border-right:3px solid gray;
              border-bottom:3px solid gray;
             }
legend       {font-weight:bold;
              color:maroon;
             }
.textexample {font-size:240%;
              text-align:center;
              font-family:"Lucida Console",courier;
             }
.hilite      {text-decoration:underline;}
.textnote    {font-size:80%;
              text-align:center;
             }
h5           {color:maroon;
             }
.codeblock   {color:blue;
              font-family:courier;
              font-weight:bold;
              display:block;
              margin-left:24px;
              margin-top:10px;
              margin-bottom:10px;
             }
.code        {color:blue;
              font-family:courier;
              font-weight:bold;
             } 
.code td        {color:blue;
              font-family:courier;
              font-weight:bold;
             } 
.resources   {margin-left:30px;
              margin-right:30px; 
              border:2px dotted gray;
              padding:6px; 
              color:#FFFFCC;
              background-color:#99CC99;
              font-size:90%;
              }  
.resources dl {margin-top:0px;
               margin-bottom:0px;  
               margin-left:15px;
              } 
/*

.msdropshadow {filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=9, OffY=9, Color='#bbbbbb', Positive='true');
               border-style:solid;
               border-width:0.025cm;
               border-color:#cccccc}

*/