body {background-color:RGB(250,250,200);}

div#header {position: fixed;
            top: 0;
            bottom: 78%; 
            left: 142px;
            right: 10%;
           }
   
  div#leftpic img {position:fixed;
                   top: 0;
                   left: 12%;
                   height: 22%;
                   width: 15%;
                  }
 
  div#logo img {position:fixed;
                top: 0;
                left: 28%;
                height: 22%;
                width:41%
               }
  
  div#rightpic img {position: fixed;
                    top: 0;
                    left:70%;
                    height: 22%;
                    width:15%;
                   }
  

div#leftpanelmoon {position: fixed;
                   top: 0%;
                   bottom: 80%; 
                   left:.5%;
                   width:140px; 
                   background: RGB(190,97,151);
                   overflow: auto;
                   
                  }
   div#moonphase {position: absolute;
                  top: 0;
                  margin-left:0px;
                  bottom: 83%;
                  background-color:#990033;
                 }  
   
   div#MP1 {width: 140px;
           }
   
   div#MP2 {padding: 1px;
            background-color:#990033;
            border: 1px solid #660000;
           } 
   
   div#Mp3 {padding: 1px;
            border: 1px solid #990033;
            text-align: left;
            font-size:14px;
           }
   
   div#MP4 {padding-bottom:1px;
            color:#FF0000;
            font-family:arial,helvetica,sans-serif;
            font-size: 11px;
            letter-spacing:.3em;
           }  

div#leftpanelnavbuts {position: fixed; 
                      top: 15%; 
                      bottom: 0;
                      left: .5%;
                      width: 140px; 
                      background: RGB(190,97,151);
                      overflow: auto;
                      align:left;
                     }

  .leftpanelnavbuts img {border: 0px solid;
                         width: 140px; 
                         height: 24px;
                         margin-left:0;
                         
                        }

  .leftpanelnavbuts hr {width: 140px;
                       }  

div#rightPanel {position: fixed;
                top: 0;
                bottom: 90%; 
                left:90.2%;
                right:.2%;
               } 

 div#weather img {position: absolute;
                  top: 0%; 
                  width: 100%;
                  height: 60px;
                  left:0
                 } 

 div#addSiteTo {width: 95%;
                font-size: 80%;
                color: #F0E686; 
                text-align: center;
                padding: 2px;
                border: 1px
                solid #000;
                margin: 1px auto;
                background-color: RGB(190,97,151);
               }
 div#addsiteto a {color: #F0E686;
                 }
  
  div#addSiteTo p {font-weight: bold;
                   color: #F0E686; 
                   padding: 1px 1px 1px; 
                   margin: 0;
                  }

  div#addSiteTo img {width: 100px;
                     height: 18px;
                     font-size: 75%;
                     border: 0;
                     padding: 1px 1px;
                    }
  
div#rightpanelNews {position:fixed;
                    left:90.2%;                    
                    right:0.2%;                    
                    top:28%;
                    bottom:0;
                    padding: 2px;
                    border: 1px
                    solid #000;
                    margin: 1px auto;
                    background-color: RGB(190,97,151);
                   }

   div#rightpanelNews h3 {font-weight: bold;
                       color:#F0E686;
                      text-align:center;
                      }  


   div#rightpanelNews p {font-weight: bold;
                       color:#F0E686;
                      text-align:center;
                      }  


     div#rightpanelNews img {border: 0;
                             padding: 1px 1px;
                            }




div#main {position: fixed;
          top: 23%;
          bottom: 1%;
          left: 12%; 
          right: 10%;
          overflow: auto;
          border-right: 2%;
          padding-right: 4px;
         }
 
  div#main em {font-style: italic;
               font-weight: bold;
              }
 
  div#main p {color: #000000;
              font-family: Veranda, Arial, Helvetica, sans-serif;
              font-size: medium;
             }

  div#main p ul li {color: #000000;
                    font-family: Veranda, Arial, Helvetica, sans-serif;
                    font-size:medium;
                   }

  div#main p ol li {color: #000000;
                    font-family: Veranda, Arial, Helvetica, sans-serif;
                    font-size:medium;
                   }


h1 {color: #000066;
    font-family: Victorian , Veranda, Arial, Helvetica, sans-serif;
   }

h2 {color: #000066;
    font-family: Victorian , Veranda, Arial, Helvetica, sans-serif;
   }

h3 {color: #000066; 
    font-family: Victorian , Veranda, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
   }


div#topics p {color: maroon;
              font-weight: bold;
             }

div#sitelinks a {color: green;
                 font-weight: bold;
                 font-style:italic;
                }

hr {width: 100%;
   }
div#packlist hr {width: 100%;
              }

div#tempmessage {color: red;
                }