body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color:#caa9de;
  background-image:url(../images/elmos1.png);
  background-repeat:repeat;
  margin:0px; padding:0px;
  color:4229b2;
  border:none; 
}

a:link {color: #09fafd; text-decoration:none}
a:hover {color: #4229b2; text-decoration:blink}
a:visited {color: #3e28bb; text-decoration:none}
   
div.text blockquote {
   line-height:50%;
   text-align:center;
   font:.9em bold italic;
   color:red;
}

div.text em {font: bold italic;}

div.text span {
   color:#000000;
   text-align:right;
   font:bold "Courier New", Courier, mono;
   font-size:.7em;
}
   
div#container {
  background-color:#CCCCFF; 
  border-left:#dfa51e 3px groove;
  border-right:#dfa51e 3px groove;
  border-bottom:#dfa51e groove 3px;
  width:750px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  padding-bottom:100px
}

 /*  .......................Header........................  */

div#header h1 {
   height:150px;
   width:750px;
   padding-top:0px;
   background-image:url(../images/heading5.jpg);
   background-position:center;
   background-color:#4229b2;
   background-repeat:no-repeat;
   text-align:center; 
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;   
}

 /*  .......................Sidebar.......................  */
 
.buttonscontainer {
   width: 150px;
   padding-left:12px;
}

.buttons a {
   color: #caa9de;
   border: 1px solid;
   background-color: #09fafd;
   padding: 2px;
   padding-left: 3px;
   font: 15px Verdana, sans-serif;
   font-weight: bold;
   text-decoration: none;
   border-color: #6666FF #663366 #663366 #6666FF;
   display: block;
   margin: 0px;
   width: 100%;
   text-align: left;
}

.buttons a:hover {
   border: 1px solid;
   padding-left: 4px;
   padding-top: 3px;
   padding-bottom: 1px;
   padding-right: 1px;
   background-color: #0ee6eb;
   border-color: #663366 #6666FF #6666FF #663366;
   color: #3e28bb;
   text-decoration: none;
}

ul.riverpics {
   width:150px;
   display:block;
   list-style:none;
   text-align:center;
   border:0;
   padding: 8px 0 4px 12px;
   margin:0 0 0 3px;
   position:relative;
}

ul.riverpics li img {
   width:100%;
   height:100%;
   display:block; 
   clear:both;
   padding:0;
   margin-bottom:6px;
   border:0px none;        
}

.imagelink img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.imagelink:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
   
 /*  .................Content.........................  */
 
div.text {
   background-color:#caa9de;
   background-repeat:repeat;
   background-position:top;
   width:550px;
   border-left:double #09fafd 10px;
   border-bottom:double #09fafd 10px;
   margin:0 14px -500px 30px;
   float:right;
   clear:both;
   position:relative;
   left:12px;
   top:-500px;
   padding:10px 0px 10px 10px;
   line-height:normal;
   text-align:justify;
}

div.text p {
   width:530px;
   margin-bottom:.9em;
   margin-top:.9em;
   text-indent:14px;
}
 

 /*  ................Navigation Flash..................  */
   
div#navigation {
   position:fixed;
   bottom:0;
   width:750px;
   margin-left:auto;
   margin-right:auto;
} 

div#sailboat {
   position:absolute;
   top:0;
   width:528px;
   margin-left:auto;
   margin-right:auto;
   left:34%;
   z-index:4;
}  

  /*.....................Footer............................  */
  
div#footer {
   width:100%;
   height:30px;
   margin-bottom:10px;
   clear:both;
   text-align:center;
   font-size:.6em;
   display:hidden;
   border:none;
}