body {
       margin: 0;
       padding: 0;
       background-image: url('logo/cloud_back.jpg');
       }


#banner {
          /*height: 4em;*/
          background-image: URL(logo/new_banner.gif);
          background-repeat: no-repeat;
          height: 100px;
          width: 100%;
          }

#banner h1 {
             margin-left: 5px;
            /* margin-top: 0.5em;*/
            /* margin-bottom: 0.5em;*/
             color: #FFCC99;
             }

#banner table {
					padding: 0;
					}

#menu {
        position: float;
        float: left;
        width: 10em;
        padding-top: 1em;
        background-color: #CCCCFF;
        border-top: solid;
        border-right: solid;
        border-bottom: solid;
        border-color: #000099;

        }

#menu p {
          margin-left: 10px;
          margin-top: 2px;
          margin-bottom: 2px;
          }

#menu a {
          color: #771100;
          text-decoration: none;
          padding-left: 0.25em;
          padding-right: 0.25em;
          }

#menu a:hover {
                color: #FFFFFF;
                background-color: #6666FF;
                }

#menu a:focus { 
                 background-color: #FFCC00;
                 }

#body {
        margin-left: 11em;
        padding-left: 1em;

        }

#body h1  {
            font-family: "Showcard Gothic";
            color: #3300CC;
        }

#body h2  {
             font-family: "Rockwell";
             color: #3333FF;
        }
#body h3 {
            color: #3366FF;
        }

#body p.hand {

           font-family: "Bradley Hand ITC";
        }

#body p.title {
           font-family: "Comic Sans MS";
           font-weight: 300;
        }

#body p {
           font-family: "Arial";
           color: #660066;
        }
        
#body li {
           font-family: "Arial";
           color: #660066;
        }

#disclaimer {
					font-size: xx-small;
					}

p.index   {
        text-align: center;
        font-size: 24pt;
        font-family: "Arial";
    }