/*-------fijiboat 2.0 style sheet---------------*/

body {
background: url('background.jpg');
background-repeat: repeat;
background-attachment: fixed;
text-align: center;
 }
 
.wrapper {
width: 800px;
margin: 10px auto;
 }
 
.header {
width: 800px;
background: #d1caaf;
margin: 10px auto;
text-align: left;
 }
 
.head {
height: 115px;
float: right;
margin-right: 20px;
margin-top: 10px;
 }
 
.title {
font-family: 'Garamond', sans-serif;
color: #4f6665;
font-size: 36pt;
float: left;
margin-left: 20px;
margin-top: 15px;
font-weight: bold;
text-align: center;
 }
 
.footer {
width: 800px;
background: #d1caaf;
height: 100px;
margin: 15px auto;
clear: both;
 }
 
.reachone{
height: 40px;
float: right;
border: none;
margin-top: 40px;
margin-right: 15px;
 }
 
.logo-seal {
height: 90px;
margin-top: 10px;
margin-left: 15px;
 }
 
.seal {
float: left;
margin-top: 10px;
margin-left: 15px; }

.menu {
clear: both;
float: bottom;
background: #FFF;
font-family: 'Garamond', sans-serif;
color: #4f6665;
font-size: 15pt;
width: 550px;
margin-left: 15px;
 }

 .menu ul {
 list-style-type: none;
 line-height: 25px;
 margin: 0px 0px 0px 5px;
 background: #FFF;
 height: 25px;
 }
 
.menu ul li{
list-style-type: none;
float: left;
line-height: 25px;
margin-left: 5px;
margin-right: 2px;
border-right: 2px solid #4f6665;
 }
 
.menu a{
text-decoration: none;
margin-right: 5px;
color: #4f6665;
 }

.menu a:hover {
color: #d1caaf;
 }
 
.slideshow {
width: 420px;
margin-top: 15px;
background: #0e6868;
float: left;
 }
 
.feed {
float: right;
background: #62a699;
width: 300px;
margin-top: 15px;
color: #515A66;
margin-bottom: 15px;
 }
 
.feed a{
color: #0e6868 ;
 }
 
.sidetitle {
width: 70px;
background: #0e6868;
float: right;
margin-top: 15px;
margin-bottom: 15px;
 }
 
.content {
width: 700px;
background: #62a699;
color: #232929;
margin-top: 15px;
font-family: 'Comic Sans MS', sans-serif;
font-size: 15pt;
text-align: left;
float: left;
 }
 
.space {
margin: 10px; }

.conttitle {
background: #62a699; 
color: #232929;
margin-top: 15px;
font-family: 'Comic Sans MS', sans-serif;
font-size: 16pt;
text-align: left;
float: left;
font-weight: bold;
width: 700px;
}

.conttitle a{
margin-left: 10px;
text-decoration: none;
color: #232929;
 }
 
.conttitle a:hover {
text-decoration: none;
color: #FFF; }

.subspace {
background: #d1caaf;
width: 600px;
margin-left: 30px;
float: left;
text-align: left;
color:  #232929;
font-family: 'Comic Sans MS', sans-serif;
font-size: 15pt;
display: none;
margin-top: 15px;
margin-bottom: 15px;
 }
 
.subspace a{
color:  #0e6868;
text-decoration: none;
 }
 
.subspace a:hover {
color: #FFF; }

.subspace h1 { 
font-size: 16pt;
border: 2px solid #000;
text-align: center;
font-family: 'Times New Roman', sans-serif;
} 

.photogallery {
width: 680px;
height: 600px;
margin: auto; }
