body {
      font-family: trebuchet, veranda, sans-serif;
      background-color: #4683B5;
      }
#area {
       position: absolute;
       left: 0;
       top: 0;
       width: 800px;
       height: 600px;
       border: 1px solid #000;
       }
	#links {
        position: relative;
        width: 100%;
        height: 100px;
        margin: 0px;
        padding: 0px;
        background-color: #000000;
        background-image: url(images/logo1_text.png);
        background-position: 10px 0px;
        background-attachment: scroll;
        background-repeat: no-repeat;        
        }
#links h4.title {
                 position: absolute;
                 top: 70px;
                 left: 100px;
                 font-family: sans-serif;
                 background-color: #000;
                 color: #fff;
                 }      
#links p.navbar {
                 position: relative;
                 top: 79px;
                 left: 40%;
                 width: 410px;
                 }

#links p.navbar a {
                   text-decoration: none;
                   color: #4683B5;
                   padding-left: 1px;
                   padding-right: 1px;
                   font-family: sans-serif;
                   font-size: 18px;
                   border-left: 4px solid #4683B5;
                   border-right: 4px solid #4683B5;
                   }
#links p.navbar a:hover {
                         color: #d9d9d9;
                         background-color: #4683B5;
                         }   
#main {
       position: relative;
       top: 15px;
       left: 20%;
       width: 50%;
       color: #fff;
       border: 1px dashed #fff;
       padding: 0.5em;
       font-family: trebuchet, veranda, sans-serif;
       }
#main a {
         text-decoration: none;
         color: #FFD900;
         }
#main a:hover {    
               color: #d9d9d9;
               }   
#main h3 {
          font-family: serif;
          font-weight: bold;
          }     
#main h4 {
          font-family: serif;
          font-weight: bold;
          }                                                
#community {
            position: absolute;
            left: 20px;
            top: 150px;
            width: 15%;
            text-align: left;
			border: 1px dotted #fff;
			padding: 0.5em;
            }
#community span {
                 text-align: left;
				 color: #fff;
				 }

#community h3, h4 {
               color: #fff;
               padding: 0px;
               margin-top: 0px;
               background-color: #4683B5;
               font-family: serif;
			   text-align: center;
               }
#community a {
              display: block;
              color: #FFD900;
              text-decoration: none;
              margin: 0.2em;
			  font-weight: bold;
			  text-align: center;
              }
#community a:hover {
                    color: #d9d9d9;
                    }
#news {
       position: absolute;
       top: 150px;
       right: 10px;
       width: 25%;
       text-align: center;      
	   padding: 0.5em;
       color: #fff;
	   border: 1px dotted #fff;
	   margin-left: 0.5em;
       }
#news h3, h4, h5 {
          color: #fff;
          margin-top: 0px;
          background-color: #4683B5;
          font-family: serif;
          font-weight: bold;
          }
#news a {
         display: block;
         color: #FFD900;
         text-decoration: none;
         margin: 0.2em;
         }
#news a:hover {
               color: #d9d9d9;
           }
img#doggie {
            float: right;
            padding: 5px;
                 } 
a img#doggie {
              text-decoration: none;
              border: 0;
              }