/* Order of sides T,R,B,L : (TB),(LR) : T,(LR),B  */
     body {
           margin : 0;
           padding : 0;
     }

       .topics a {
           font : normal 12px "Verdana", sans-serif;
           padding : 0 0px;
           margin : 6px 8px;
           text-align : left;
     }


     .topicsT  {
           font : normal 12px "Verdana", sans-serif;
           padding : 0 8px;
           margin : 6px 6px  6px 50px;
           text-align : left;
     }


               A.topicsT:link    { color: green;  font-size: 125% }
               A.topicsT:active  { color: yellow; font-size: 125% }
               A.topicsT:visited { color: green; font-size: 95% }


       .topicsP  {
           font : normal 12px "Verdana", sans-serif;
           padding : 0 8px;
           margin : 6px 6px  6px 50px;
           text-align : left;
     }

       .topicsP a {
           font : normal 12px "Verdana", sans-serif;
           padding : 0 0px;
           margin : 6px 8px;
           text-align : left;
     }

               .preface {
                       font-family: Verdana, Arial, Helvetica, sans-serif;
                       font-size: 16px;
                       color: #000000;
                       text-align: justify;
                       margin-left: 35px;
                       margin-right: 35px;
               background-color: #ffdde3;
               }

         p.preface  {
           font : normal 14px "Verdana", sans-serif;
           padding : 0px 0px 0px 40px;
           margin :  0px 0px 16px 0px;
           text-align : justify;
           color : blue;
               background-color: #ffdde3;
      }

          dfn.preface  {
                       font-size : 10pt;
           padding : 0px 3px 0px 3px;
           margin :  0px 0px 0px 0px;
           color : blue;
           font-weight : bold;
      }

          acronym.preface  {
                       font-size : 10pt;
           padding : 0px 3px 0px 3px;
           margin :  0px 0px 0px 0px;
           color : blue;
           font-weight : bold;
      }

        b.preface  {
           font : normal 14px "Verdana", sans-serif;
           padding : 0px 0px 0px 40px;
           margin :  0px 0px 16px 0px;
           text-align : left;
           color : blue;
           font-weight : bold;
      }

     .mainlinks {
           margin : 0;
           background-color : #ff0;
           border-top : 1px solid black;
           border-bottom : 1px solid black;
     }
     .mainlinks td {
           margin : 0;
           padding : 3px 0 6px;
           border-left : 1px solid black;
     }
     .mainlinks p {
           font : bold 12px "Arial", sans-serif;
           text-align : center;
     }
     .mainlinks a:link {
           color : blue;
     }
     .mainlinks a:visited {
           color : red;
     }
     .mainlinks a:hover {
           color : #099;
           background : #fff;
     }
     .mainlinks a:active {
           color : #099;
           background : #fff;
     }
     .ticker2 {
           background-color : #fff;
           border-bottom : 1px solid black;
     }
     .ticker2 p {
           font : normal 12px "Verdana", sans-serif;
           padding : 0;
           margin : 3px 12px;
           text-align : left;
     }
     .ticker {
           background-color : #ff9;
           border-bottom : 1px solid black;
     }
     .ticker p {
           font : normal 12px "Verdana", sans-serif;
           padding : 0 24px;
           margin : 6px 12px;
           text-align : left;
           border-left : 12px solid #099;
     }
     .ticker a:link {
           color : blue;
           text-decoration : none;
     }
     .ticker a:visited {
           color : red;
           text-decoration : none;
     }
     .ticker a:hover {
           color : #099;
           background : #ff0;
           text-decoration : none;
     }
     .ticker a:active {
           color : #099;
           background : #ff0;
           text-decoration : none;
     }
     .rightlinks {
           text-align : left;
           background-color : #099;
           padding : 0;
           margin : 0;
           border-left : 1px solid black;
     }
     .rightlinks p {
           font : bold 12px "Arial", sans-serif;
           border-top : 1px solid #9cc;
           border-bottom : 1px solid black;
           padding : 3px 6px 5px 9px;
           margin : 0;
     }
     .rightlinks a:link {
           color : white;
     }
     .rightlinks a:visited {
           color : yellow;
     }
     .rightlinks a:hover {
           color : #099;
           background : #ff0;
     }
     .rightlinks a:active {
           color : #099;
           background : #333;
     }
     .advertisers {
           text-align : center;
           background-color : #fff;
           padding : 0;
           margin : 0;
           border-bottom : 1px solid black;
           border-left : 1px solid black;
     }
     .advertisers p {
           font : 12px/14px "Arial", sans-serif;
           border-bottom : 1px solid #099;
           padding : 3px 0;
           margin : 0;
     }
     .advertisers h1 {
           font : bold 12px "Arial", sans-serif;
           background-color : #333;
           padding : 6px 3px;
           margin : 0;
           color : yellow;
     }
     .advertisers h2 {
           padding : 3px 0 0;
           margin : 0;
     }
     .frontpage {
           margin : 5px;
           padding : 0;
           border-width : 1px;
           border-style : solid;
           border-color : black;
           background-color : #fff;
     }
     .frontpage p {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-bottom : 1px solid #099;
     }
     .frontpage h1 {
           font : bold 14px "Arial", sans-serif;
           color : yellow;
           margin : 6px 12px;
           text-align : left;
     }
     .frontpage h2 {
           font : bold 12px "Arial", sans-serif;
           margin : 0;
           padding : 6px 24px;
           text-align : center;
           border-width : 1px 1px 1px 0;
           border-style : solid;
           border-color : black;
     }
     .frontpage h3 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
     }
     .frontpage h4 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           color : #099;
           text-align : left;
     }
     .frontpage a:link {
           color : blue;
           font-weight : bold;
     }
     .frontpage a:visited {
           color : #099;
           font-weight : bold;
     }
     .frontpage a:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }
     img.left-floating {
           float : left;
           margin : 0 12px 0 0;
     }

     p.MsoNormal , li.MsoNormal , div.MsoNormal {
           border-style : none;
           border-bottom : 0 none;
           margin : 0 25px 9px;
     }
     p.MsoFigure {
           border-style : none;
           border-bottom : 0 none;
           margin : 0 25px 9px;
     }
     p.MsoList {
           border-bottom : 0 none;
           font : 12px/16px "Arial", sans-serif;
           margin : 0 50px;
           padding : 0;
           line-height : 12pt;
     }
     table.MsoNormalTable {
           border-collapse : collapse;
           margin : 0 0 20px 20px;
           padding : 0;
           line-height : 9pt;
     }
     p.MsoNormalTable {
           margin : 4px 10px;
           border-bottom : 0 none;
           padding : 4px 0 0;
           line-height : 9pt;
     }
     td.MsoNormalTable {
           border : 0.75pt solid WindowText;
           border-bottom : 1.5pt solid WindowText;
           padding : 0 2pt;
     }
     .BookTable {
           width : 82%;
           border-collapse : collapse;
           padding : 0;
           margin : 0 0 20px 50px;
           line-height : 9pt;
     }
     .BookTable tr {
           font : bold 16px "Arial", sans-serif;
           color : blue;
           line-height : 9pt;
     }
     .BookTable td {
           border : 0.75pt solid WindowText;
           border-bottom : 1.5pt solid WindowText;
           padding : 5px 5px 5px 15px;
     }
     .mainlinks {
           margin : 0;
           background-color : #ff0;
           border-top : 1px solid black;
           border-bottom : 1px solid black;
     }
     .mainlinks td {
           margin : 0;
           padding : 3px 0 6px;
           border-left : 1px solid black;
     }
     .mainlinks p {
           font : bold 12px "Arial", sans-serif;
           text-align : center;
     }
     .mainlinks a:link {
           color : blue;
     }
     .mainlinks a:visited {
           color : red;
     }
     .mainlinks a:hover {
           color : #099;
           background : #fff;
     }
     .mainlinks a:active {
           color : #099;
           background : #fff;
     }
     .rightlinks {
           text-align : left;
           background-color : #099;
           padding : 0;
           margin : 0;
           border-left : 1px solid black;
     }
     .rightlinks p {
           font : bold 12px "Arial", sans-serif;
           border-top : 1px solid #9cc;
           border-bottom : 1px solid black;
           padding : 3px 6px 5px 9px;
           margin : 0;
     }
     .rightlinks a:link {
           color : white;
     }
     .rightlinks a:visited {
           color : yellow;
     }
     .rightlinks a:hover {
           color : #099;
           background : #ff0;
     }
     .rightlinks a:active {
           color : #099;
           background : #333;
     }
     h1 {
           margin-top : 12pt;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 0;
           margin-bottom : 0pt;
           font-size : 12pt;
           font-family : Helvetica;
           text-decoration : underline;
     }
     h2 {
           margin-top : 6pt;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 0;
           margin-bottom : 0pt;
           font-size : 12pt;
           font-family : Helvetica;
     }
     h3 {
           margin-top : 0;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 18pt;
           margin-bottom : 0pt;
           font-size : 12pt;
           font-family : Times;
     }
     h4 {
           margin-top : 0;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 18pt;
           margin-bottom : 0pt;
           font-size : 12pt;
           font-family : Times;
           font-weight : normal;
           text-decoration : underline;
     }
     h5 {
           margin-top : 0;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 36pt;
           margin-bottom : 0pt;
           font-size : 10pt;
           font-family : Times;
     }
     h6 {
           margin-top : 0;
           margin-right : 0;
           margin-bottom : 0;
           margin-left : 36pt;
           margin-bottom : 0pt;
           font-size : 10pt;
           font-family : Times;
           font-weight : normal;
           text-decoration : underline;
     }
     p.Geneva , li.Geneva , div.Geneva {
           margin : 0;
           margin-bottom : 0pt;
           font-size : 14pt;
           font-family : Times;
     }
     p.Geneva12point , li.Geneva12point , div.Geneva12point {
           margin : 0;
           margin-bottom : 0pt;
           font-size : 14pt;
           font-family : Times;
     }

     .adminbox {
           margin : 5px;
           padding : 20px 0;
           border-width : 1px;
           border-style : solid;
           border-color : red;
           background-color : #fff;
     }
     p.adminbox  {
           font : 10px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-style : none;
     }
     h1.adminbox  {
           font : bold 14px "Arial", sans-serif;
           color : yellow;
           margin : 6px 12px;
           text-align : left;
     }
     h2.adminbox  {
           font : bold 12px "Arial", sans-serif;
           margin : 0;
           padding : 6px 24px;
           text-align : center;
           border-width : 1px 1px 1px 0;
           border-style : solid;
           border-color : black;
     }
     h3.adminbox  {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
     }
     h4.adminbox  {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           color : #099;
           text-align : left;
     }
     a.adminbox:link {
           color : blue;
           font-weight : bold;
     }
     a.adminbox:visited {
           color : #099;
           font-weight : bold;
     }
     a.adminbox:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }


     .button_special {
               width : 100px;
           margin : 5px;
           padding : 10px 0;
           border-width : 1px;
           border-style : solid;
           border-color : red;
           background-color : red;
     }

     .topmsg {
           margin : 5px;
           padding : 20px 0;
           border-width : 1px;
           border-style : solid;
           border-color : red;
           background-color : #fff;
     }
     .topmsg p {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-bottom : 1px solid #099;
     }
     .topmsg h1 {
           font : bold 14px "Arial", sans-serif;
           color : yellow;
           margin : 6px 12px;
           text-align : left;
     }
     .topmsg h2 {
           font : bold 12px "Arial", sans-serif;
           margin : 0;
           padding : 6px 24px;
           text-align : center;
           border-width : 1px 1px 1px 0;
           border-style : solid;
           border-color : black;
     }
     .topmsg h3 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
     }
     .topmsg h4 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           color : #099;
           text-align : left;
     }
     .topmsg a:link {
           color : blue;
           font-weight : bold;
     }
     .topmsg a:visited {
           color : #099;
           font-weight : bold;
     }
     .topmsg a:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }


     .topmessage1 {
           width : 800px;
           margin : 5px;
           padding : 20px 0;
           border-width : 1px;
           border-style : solid;
           border-color : red;
           background-color : #fff;
     }
     .topmessage1 p {
           color : red;
           font : 12px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-bottom : 1px solid #099;
     }
     .topmessage1 h1 {
           font : bold 14px "Arial", sans-serif;
           color : yellow;
           margin : 6px 12px;
           text-align : left;
     }
     .topmessage1 h2 {
           font : bold 12px "Arial", sans-serif;
           margin : 0;
           padding : 6px 24px;
           text-align : center;
           border-width : 1px 1px 1px 0;
           border-style : solid;
           border-color : black;
     }
     .topmessage1 h3 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
     }
     .topmessage1 h4 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           color : #099;
           text-align : left;
     }
     .topmessage1 a:link {
           color : blue;
           font-weight : bold;
     }
     .topmessage1 a:visited {
           color : #099;
           font-weight : bold;
     }
     .topmessage1 a:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }
     .leftlinks {
           text-align : right;
           background-color : #fff;
           padding : 0;
           margin : 0;
     }
     .leftlinks p {
           font : 12px "Arial", sans-serif;
           border-top : 2px solid white;
           border-bottom : 2px solid #666;
           border-left : 2px solid white;
           border-right : 2px solid #666;
           padding : 12px 3px 12px 12px;
           margin : 0;
     }
     .leftlinks li {
           font : 12px "Arial", sans-serif;
           border-top : 2px solid white;
           border-bottom : 2px solid #666;
           border-left : 2px solid white;
           border-right : 2px solid #666;
           padding : 12px 3px 12px 12px;
           margin : 0;
     }
     .leftlinks ol {
           font : 12px "Arial", sans-serif;
           border-top : 2px solid white;
           border-bottom : 2px solid #666;
           border-left : 2px solid white;
           border-right : 2px solid #666;
           padding : 12px 3px 12px 12px;
           margin : 0;
     }
     .leftlinks a:link {
           color : blue;
     }
     .leftlinks a:visited {
           color : #900;
     }
     .leftlinks a:hover {
           color : #099;
           background : #ff0;
     }
     .leftlinks a:active {
           color : #099;
           background : #fff;
     }
     .linktous {
           margin : 0;
           background-color : #fff;
           border-top : 1px solid black;
           border-bottom : 1px solid black;
     }
     .linktous td {
           margin : 0;
           padding : 3px 0 6px;
           border-left : 1px solid black;
     }
     .linktous p {
           font : bold 12px "Arial", sans-serif;
           text-align : center;
     }
     .linktous a:link {
           color : blue;
     }
     .linktous a:visited {
           color : red;
     }
     .linktous a:hover {
           color : #099;
           background : #fff;
     }
     .linktous a:active {
           color : #099;
           background : #fff;
     }
     .bookcoverbox {
           margin : 5px;
           padding : 0;
           border-width : 1px;
           border-style : solid;
           border-color : blue;
           background-color : #fff;
     }
     .bookcoverbox p {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-bottom : 1px solid #099;
     }
     .bookcoverbox img {
           float : left;
     }
     .bookcoverbox td {
           width : 150px;
     }
     .bookcoverbox a:link {
           color : blue;
           font-weight : bold;
     }
     .bookcoverbox a:visited {
           color : #099;
           font-weight : bold;
     }
     .bookcoverbox a:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }
     .listbox {
           margin : 5px;
           padding : 0;
           border-width : 1px;
     }
     .listbox p {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px;
           text-align : left;
           padding : 0 0 6px;
           border-bottom : 1px solid #099;
     }
     .listbox ol {
           font : bold 12px "Arial", sans-serif;
           text-align : center;
           margin : 6px 12px;
     }
     .listbox li {
           font : 12px "Arial", sans-serif;
           margin : 6px 10px;
           text-align : left;
           border-bottom : medium none;
     }
     .mainbox {
           width : 650px;
           margin : 6px;
           padding : 6px 0;
           border-width : 1px;
           border-style : solid;
           border-color : black;
           background-color : #fff;
     }
     .mainbox p {
           font : 12px/16px "Arial", sans-serif;
           margin : 0 50px 9px;
           text-align : left;
           padding : 0 0 6px;
           border-style : none;
     }
     .mainbox h1 {
           font : 16px Arial sans-serif;
           margin : 12px 50px 5px 30px;
           padding : 0px;
           color : blue;
           text-align : left;
           font-weight : bold;
           text-decoration : none;
     }
     .mainbox h2 {
           font : 14px Arial sans-serif;
           margin : 12px 50px 5px 35px;
           padding : 0px;
           color : blue;
           text-align : left;
           font-weight : bold;
     }
     .mainbox h3 {
           font : 12px "Arial", sans-serif;
           margin : 12px 50px 5px 40px;
           padding : 0px;
           font-weight : bold;
           text-align : left;
           font-style : italic;
           color : blue;
     }
     .mainbox h4 {
           font : bold 12px "Arial", sans-serif;
           text-align : right;
           color : yellow;
           margin : 0 50px;
           background : #099;
           padding : 3px;
     }
     .mainbox h5 {
           font : 14px/16px "Arial", sans-serif;
           margin : 0 50px 3px;
           text-align : left;
           font-weight : 900;
     }
     .mainbox h6 {
           padding : 0;
           margin : 5px 49px;
           border : 1px solid black;
     }
     .mainbox a:link {
           color : blue;
     }
     .mainbox a:visited {
           color : #099;
     }
     .mainbox a:hover {
           color : red;
           background : yellow;
     }
     .titlebox h2 {
           font : 14px Arial sans-serif;
           margin : 12px 50px 3px;
           color : blue;
           border-left : 12px solid #099;
           padding : 0 12px;
           text-align : left;
           font-weight : bold;
     }
     .srchbox {
           text-align : center;
           width : 100%;
           margin : 0;
           padding : 10px 0 5px;
           border-style : none;
           background-color : #fff;
     }
     .srchbox p {
           border-style : none;
           margin : 5px 50px 1px;
           text-align : center;
           padding : 0;
     }
     .srchbox select {
           width : 256px;
     }
     .masthead {
           margin : 0;
           background-color : #099;
     }
     .masthead h1 {
           font : bold 18px "Arial", sans-serif;
           color : white;
           padding : 6px 15px 0 0;
           text-align : right;
           margin : 0;
     }
     .masthead p {
           font : normal 12px "Arial", sans-serif;
           color : white;
           padding : 10px;
           text-align : left;
           margin : 0;
     }
     .masthead a:link {
           color : white;
     }
     .masthead a:visited {
           color : white;
     }
     .masthead a:hover {
           color : white;
     }
     .masthead a:active {
           color : white;
     }
     .masthead2 {
           background-color : #9cc;
           margin : 0;
     }
     .masthead2 p {
           font : bold 14px "Arial", sans-serif;
           color : white;
           padding : 6px 15px;
           margin : 0;
     }
     .logo1 span {
           margin : 10px 50px 10px 10px;
           background-color : #099;
     }
     .serphbox {
           width : 95%;
           border-width : 0 0 1px;
           border-style : solid;
           border-color : red;
           background-color : #fff;
     }
     .serphbox p {
           border-style : none;
           padding : 0;
     }
     .serphbox span {
           color : red;
           margin : 0 5px;
     }
     .serpbox {
           width : 95%;
           border-width : 0 0 1px;
           border-style : solid;
           border-color : red;
           background-color : #fff;
     }
     .serpbox p {
           border-style : none;
           padding : 0;
     }
     .serpbox span {
           color : red;
           margin : 0 10px 0 2px;
     }
     .seres {
           width : 100%;
           margin : 0 0 1px;
           border-style : none;
     }
     .seres p {
           color : gray;
           border-style : none;
           margin : 0 20px 5px;
           padding : 0;
     }
     .seres span {
           color : blue;
           margin : 0;
     }

/* Small text box for newsfeeds */
      .newsfeed {
           text-align : left;
           font-size: 12px;
           margin : 5px;
           padding : 20px 0;
           border-style : none;
           background-color : #fff;
     }

     .newsfeed p {
           font : smaller "Arial", sans-serif;
           font-size: smaller;
           margin : 3px 6px;
           text-align : left;
           padding : 0 0 6px;
           border-style : none;
     }

     .newsfeed td {
           font-size: small;
           padding : 0px 15px 5px 15px;
           margin : 0;
           vertical-align: top;
     }



    .newsfeed li {
           font-size: small;
           padding : 0px 15px 5px 15px;
           margin : 0;
     }

     .newsfeed h1 {
           font : bold 14px "Arial", sans-serif;
           color : yellow;
           margin : 6px 12px;
           text-align : left;
     }
     .newsfeed h2 {
           font : bold 12px "Arial", sans-serif;
           margin : 0;
           padding : 6px 24px;
           text-align : center;
           border-width : 1px 1px 1px 0;
           border-style : solid;
           border-color : black;
     }
     .newsfeed h3 {
           font : bold 9px "Arial", sans-serif;
           margin : 0px 0px;
           display : inline;

     }
     .newsfeed h4 {
           font : bold 14px "Arial", sans-serif;
           margin : 6px 12px;
           color : #099;
           text-align : left;
     }
     .newsfeed a:link {
           color : blue;
           font-weight : bold;
     }
     .newsfeed a:visited {
           color : #099;
           font-weight : bold;
     }
     .newsfeed a:hover {
           color : red;
           background : yellow;
           font-weight : bold;
     }





     .TextList p {
           font : 12px "Arial", sans-serif;
           margin : 0 20px 5px 0;
           text-align : left;
           padding : 0;
           border-bottom : 1px solid #099;
     }
     p.MsoToc1 , li.MsoToc1 , div.MsoToc1 , a.MsoToc1 {
           margin : 0;
           padding : 2px 0 0;
           font-weight : bold;
           border-bottom : 0 none;
     }
     .MsoToc1 a:link {
           color : blue;
           text-decoration : none;
     }
     .MsoToc1 a:visited {
           color : #900;
           text-decoration : none;
     }
     .MsoToc1 a:hover {
           color : #099;
           background : #ff0;
     }
     .MsoToc1 a:active {
           color : #099;
           background : #fff;
     }
     p.MsoToc2 , li.MsoToc2 , div.MsoToc2 , a.MsoToc2 {
           margin : 0;
           padding : 2px 0 0 15px;
           border-bottom : 0 none;
     }
     .MsoToc2 a:link {
           color : blue;
           text-decoration : none;
     }
     .MsoToc2 a:visited {
           color : #900;
           text-decoration : none;
     }
     .MsoToc2 a:hover {
           color : #099;
           background : #ff0;
     }
     .MsoToc2 a:active {
           color : #099;
           background : #fff;
     }
     p.MsoToc3 , li.MsoToc3 , div.MsoToc3 , a.MsoToc3 {
           margin : 0;
           padding : 2px 0 0 30px;
           font-style : italic;
           border-bottom : 0 none;
     }
     .MsoToc3 a:link {
           color : blue;
           text-decoration : none;
     }
     .MsoToc3 a:visited {
           color : #900;
           text-decoration : none;
     }
     .MsoToc3 a:hover {
           color : #099;
           background : #ff0;
     }
     .MsoToc3 a:active {
           color : #099;
           background : #fff;
     }
    .Datatable {
           width : 100%;
           border-collapse : collapse;
           padding : 0;
           margin : 0 0 20px 50px;
           line-height : 9pt;
     }
     .Datatable tr {
           font : bold 16px "Arial", sans-serif;
           color : blue;
           line-height : 9pt;
     }
     .Datatable td {
           border : 0.75pt solid WindowText;
           border-bottom : 1.5pt solid WindowText;
           padding : 5px 5px 5px 15px;
     }

     .review h4 {
           font : bold 12px "Arial", sans-serif;
           text-align : left;
           color : blue;
           margin : 0 50px;
           background : #ffffff;
           padding : 3px;
     }


    .ScrollBox {
           width : 90%;
                       border : solid 1px #ff9999;
                       background : #ffffff;
                       padding : 4px;
                       height : 250px;
                       overflow : auto;
     }

    .ScrollBox td {
           border-collapse : collapse;
           padding : 0px;
           margin : 0px;
                       border : solid 1px blue;
     }

    .ScrollBox tr {
           border-collapse : collapse;
           padding : 0;
           margin : 0;
                       border : solid 1px blue;
     }

    .ScrollBox th {
           border-collapse : collapse;
           padding : 0;
           margin : 0;
                       border : solid 1px blue;
     }

/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

body {
       font-family: arial, helvetica, sans-serif;
       font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
       color:#000000;
       }
a {
       text-decoration: none;
       font-weight: bold;
       outline: none;
       }
a:visited {
       }
a:active {
       }
a:hover {
       text-decoration: underline;
       }
strong, b {
       font-weight: bold;
       }
hr {
       margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
       color: #ccc; /* for ie */
       background-color: #ccc; /* for everyone else */
       height: 1px;
       }


h1 {
       font-size: 150%;
       font-weight: bold;
       line-height: 1.2em;
       margin: 10px 10px;
       }
h2 {
       font-size: 100%;
       font-weight: bold;
       line-height: 1.2em;
       margin: 10px 10px;
       }
h3 {
       font-size: 120%;
       font-weight: bold;
       line-height: 1.2em;
       margin: 10px 10px;
       padding: 3px 10px;
       border: 2px solid #099;
       }
h4 {
       font-size: 100%;
       font-weight: bold;
       color: #f00;
       line-height: 1.2em;
       margin: 10px 20px;
       }
h5 {
       font-size: 120%;
       font-weight: bold;
       line-height: 1.2em;
       margin: 10px 10px;
       padding: 3px 10px;
       border: 1px solid #099;
       }
h6 {
       font-size: 100%;
       font-weight: bold;
       line-height: 1.2em;
       margin: 10px 10px;
       padding: 3px 10px;
       background-color: #ccc;
       }
p {
       font-size: 75%;
       line-height: 1.2em;
       padding: 0 10px 10px 10px;
       }
li {
       font-size: 75%;
       line-height: 1.1em;
       margin: 0 5px 0 0;
       padding: 0 5px;
       border-bottom: 1px solid black;
       }
ul {
       list-style-type: none;
       padding: 0;
       margin-left: 10px;
       font-weight: bold;      }
td {
       font-size: 90%;
       }
hr {
       margin-top: 2.0em;
       margin-bottom: 2.0em;
       }
img {
       border: 0;
       }







/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
}
/* */

html,body{
 margin:0;
 padding:0;
 border:0;
/* \*/
 height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
 background:#EEEEEE;
 min-width:1016px;
 text-align:center;
}
.clear{
 clear:both;
 height:1px;
 overflow:hidden;
 line-height:1%;
 font-size:0px;
 margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 position:relative;
 width:1016px;
/* \*/
 height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
 min-height:100%;
/* \*/
 height:100%;
/* Last height declaration hidden from Mac IE 5.x */
 border-right:1px solid #000000;
 border-left:1px solid #000000;
 background:#FFFFFF;
}
#wrapp\65       r{
 height:auto;
}
/* \*/
* html #wrapper{
 height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
 z-index:1;
 position:relative;
 margin-left:150px;
 width:662px;
 border-right:1px solid #000000;
 border-left:1px solid #000000;
 background:#FFFFFF;
/* \*/
 height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{
 width:430px;
 w\idth:662px;
}
#float-wrap{
 width:662px;
 margin-right:-1px;
 float:left;
 display:inline;
}
#left{
 width:152px;
 float:left;
 display:inline;
 position:relative;
 margin-left:-151px;
}
*>html #left{width:151px;}
#container-left{
 width:150px;
}
#right{
 float:left;
 display:inline;
 width:202px;
 margin-right:-200px;
 margin-left:-1px;
 position:relative;
}
/* \*/
* html #right{
 width:202px;
 margin-left:0px;
 margin-right:-500px;
 mar\gin-right:-202px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
 width:200px;
/* Above hidden from IE-Mac */
 margin-left:3px;
}
/* \*/
* html #container-right{
 fl\oat:right;
 di\splay:inline;
 margin-left:2px;
 mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
 width:662px;
 float:right;
 display:inline;
/* \*/
 margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter, #clearheaderleft, #clearheaderright {
 height:275px;
 overflow:hidden;
}

#clearheadernav{
 height:124px;
 overflow:hidden;
}
#clearfootercenter{
 height:52px;
 overflow:hidden;
}
#clearfooterleft{
 height:52px;
 overflow:hidden;
}
#clearfooterright{
 height:52px;
 overflow:hidden;
}
#footer{
 z-index:1;
 position:absolute;
 clear: both;
 width:1016px;
 height:100px;
 overflow:hidden;
}
#subfooter1{
 background:#FFFFCC;
 text-align:center;
 margin : 1px 1px  0px 1px;
 width:1013px;
 height:80px;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
}
.bottomtopmargin{
 background:#EEEEEE;
 width:1016px;
 overflow:hidden;
}
#header{
 z-index:2;
 position:absolute;
 top:0px;
 width:1016px;
 height:124px;
 overflow:hidden;
}
#header2{
 z-index:2;
 position:absolute;
 top:124px;
 left:0px;
 width:1016px;
 height:74px;
 overflow:hidden;
}

#header3{
 z-index:2;
 position:absolute;
 top:195px;
 width:1016px;
 height:104px;
 border-bottom:1px solid #000000;
 overflow:hidden;
}

.outer_horiz_border, .sb_outer_horiz_border{
 background:#000000;
 height:1px;
 overflow:hidden;
 font-size:0px
}
#subheader1{
 background:#009999;
 text-align:center;
 margin:0 1px;
 height:124px;
}
#subheader2{
 text-align:left;
 padding : 10px 0px  10px 0px;
 margin : 0px 10px  0px 10px;
 height:70px;
 background:#FFFFFF;
}
#subheader3{
 background:#FFFFFF;
 text-align:center;
 margin:0 1px;
 height:100px;
}

#headergap{
 height:1px;
 overflow:hidden;
}

.keyword_links {
       margin: 10px 10px;
       padding: 3px 10px;
       border: 2px solid #099;
}

h3.keyword_links  {
       color: #f00;
       border: none;
       font-size: 110%;
       text-align: center;
       }

#gfx_bg_middle{
 top:0px;
 position:absolute;
 height:100%;
 overflow:hidden;
 width:662px;
 margin-left:150px;
 background:#FFFFFF;
 border-right:1px solid #000000;
 border-left:1px solid #000000;
}
* html #gfx_bg_middle{
 display:none;
}



h4.keyword_links {
       color: #d00;
       border: none;
       font-size: 100%;
       text-align: center;
       }

h5.keyword_links  {
       color: #b00;
       border: none;
       font-size: 90%;
       text-align: center;
       }


/* keyword name only, no headline no desc. */


p.keyword_only  {
   margin-top: 2px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.keyword_links a {
       margin: 10px 10px;
       padding: 3px 10px;
}



.primary_links {
       margin: 10px 10px;
       padding: 3px 10px;
       border: none;
}

.primary_links h3 {
       color: #f00;
       border: none;
       font-size: 110%;
       text-align: center;
       }

/* my classes */

 .mainbox {
       width : 650px;
       border-style : none;
 }

 .mainbox h3 {
       font : 12px "Arial", sans-serif;
       margin : 12px 50px 5px 40px;
       padding : 0px;
       font-weight : bold;
       text-align : left;
       font-style : italic;
       color : blue;
       border-style : none;
 }

     .nextlinks {
           font : bold 16px "Arial", sans-serif;
           background-color : #fff;
               border-style : none;
     }
    .nextlinks  h3 {
          font : bold 14px "Arial", sans-serif;
           color : blue;
               border-style : none;
     }
     .nextlinks  p {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px 9px;
     }

     .nextlinks  b {
           margin : 10px 12px;
     }


     .nextlinks a:link {
           color : blue;
     }
     .nextlinks a:visited {
           color : red;
     }
     .nextlinks a:hover {
           color : red;
           background : yellow;
     }

      .topics  {
           font : normal 12px "Verdana", sans-serif;
           margin : 6px 6px  6px 10px;
           text-align : left;
     }

      .topics p {
           font : normal 16px "Arial", sans-serif;
           margin : 15px 0px  0px 0px;
           text-align : center;
     }

        .topics table {
                       width:90%;
           font : normal 12px "Verdana", sans-serif;
           border-left : none;
    }

    .booknav1 {
           text-align : center;
           background-color : #0BB;
           padding : 0;
           margin : 0px 1px  0px 1px;
     }

     .booknav1 p {
           font : bold 12px "Arial", sans-serif;
           border-top : 1px solid #9cc;
           border-bottom : 1px solid black;
           margin : 0;
     }

     p.menu1 {
                       font-size: 115%;
           padding : 10px 0px  10px 0px;
           background-color : #099;
     }

     p.menu2 {
           padding : 10px 5px  10px 5px;
     }

    .booknav1 a:link {
           color : white;
     }
     .booknav1  a:visited {
           color : yellow;
     }
     .booknav1 a:hover {
           color : #099;
           background : #ff0;
     }
     .booknav1 a:active {
           color : #099;
           background : #333;
     }

     .subrightlink2 {
           margin : 10px 1px  0px 1px;
           text-align : center;
           border-bottom : 1px solid #099;
           border-top : 1px solid #099;
      }
     .subrightlink2 p {
           font : 12px/14px "Arial", sans-serif;
           padding : 3px 0;
           margin : 0;
     }

     .navbar {
           text-align : left;
           margin : 0;
           background-color : #fff;
     }
    .navbar  h1 {
          font : bold 14px "Arial", sans-serif;
          color : red;
     }
     p.navbar  {
           font : 12px "Arial", sans-serif;
           margin : 6px 12px 9px;
     }
     .navbar a:link {
           color : blue;
     }
     .navbar a:visited {
           color : red;
     }
     .navbar a:hover {
           color : red;
           background : yellow;
     }

    p.smbox  {
           font : 12px "Arial", sans-serif;
           margin : 6px 0px 6px 0px;
     }



   a.Toc1  {
           font : bold 16px "Arial", sans-serif;
           margin : 0px 0px 0px 20px ;
     }

    a.Toc2  {
           font : 14px "Arial", sans-serif;
           margin : 0px 0px 0px 40px ;
     }

    a.Toc3  {
           font : italic 12px "Arial", sans-serif;
           margin : 0px 0px 0px 60px ;
     }


   .pagetext  h1 {
           font : bold 16px "Arial", sans-serif;
           margin : 0px 0px 0px 20px ;
     }

    .pagetext h2 {
           font : 14px "Arial", sans-serif;
           margin : 0px 0px 0px 40px ;
     }

    .pagetext h3  {
           font : italic 12px "Arial", sans-serif;
           margin : 0px 0px 0px 60px ;
           border-style:none;
     }