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

div#header {position: fixed;
            top: 0;
            bottom: 78%; 
            left: 14%;
            right: 10%;
           }
   
  div#leftpic img {position:absolute;
                   top: 0;
                   left: 4%;
                   height: 100%;
                   width: 17%;
                  }
 
  div#logo img {position:absolute;
                top: 0;
                left: 22%;
                height: 100%;
                width:55%
               }
  
  div#rightpic img {position:absolute;
                    top: 0;
                    left:80%;
                    height: 100%;
                    width:18%;
                   }
  

div#leftpanelmoon {position: fixed;
                   top: 0%;
                   bottom: 81.5%; 
                   left:.25%;
                   width:13.5%; 
                   background: RGB(190,97,151);
                   overflow: auto;
                   
                  }
   div#moonphase {position: absolute;
                  top: 0;
                  left:0;
                  width:100%;
                  height:100%;
                  margin-left:0px;
                  
                  background-color:#990033;
                 }  
   
  
  div#MP3 {position:absolute;
           left:0;
           top:0;
           height:8%;
           width:100%; 
           text-align:center;
            color:#FF0000;
            font-family:arial,helvetica,sans-serif;
            font-size: 11px;
            letter-spacing:.5em;
            
           }    

    div#MP4 {position:absolute;
             left:0;
             top:10%; 
            width:100%;
            height:80%;
   	      padding: 0;
           
            text-align: left;
            font-size:14px;
            background-color:green;
           }
   
 

div#leftpanelnavbuts {position: fixed; 
                      top: 18.5%; 
                      bottom: 0;
                      left: .25%;
                      width: 10%; 
                      background: RGB(190,97,151);
                      overflow: auto;
                      align:left;
                     }

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

  .leftpanelnavbuts hr {width: 100%;
                       }  

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

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




 div#addSiteTo {position:absolute;
                top:8.15%;
                height:25%;                
                width: 95.2%;
                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: 70%;
                     height: 18px;
                     font-size: 75%;
                     border: 0;
                     padding: 1px 1px;
                    }
  
div#facebook {position:fixed;
              left:90.8%;
              right:0.2%;
              top:34.5%;
              height:20%;
              border:2px solid green;
              
           }
div#facebook h4 {margin:0;
                 font-style:italic;
                 font-weight:bold;
                 color:green;
                 font-size:85%; 
                 text-align:center;             
              }





div#rightpanelNews {position:fixed;
                    top:43%;                     
                    left:90.8%;                    
                    right:0.2%;                    
                    top:56%;
                    bottom:0;
                    padding: 2px;
                    border: 1px
                    solid #000;
                    margin: 1px auto;
                    background-color: RGB(190,97,151);
                    overflow:auto;
                   }

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


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


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




div#main {position: fixed;
          top: 23%;
          bottom: 1%;
          left: 14%; 
          right: 10%;
          overflow: auto;
          border-right: 0;
          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;
                }