@charset "utf-8";
/* CSS Document */

html, body { 
width: 100%;
height: 100%;
color: #000;
background: #000000;
font-family: verdana, "Times New Roman", times, serif;
font-size: 14px;
margin-top: 0%;
margin-bottom: 0%;
text-align: center;
}

a:link {color:black; text-decoration:none}
a:hover {color:red; text-decoration:underline}
a:visited {color:#333333; text-decoration:underline}
a:active {color:red; text-decoration:underline}

p:first-letter {
font-family:"Times New Roman", times, serif;
font-size : 40px;
color :red;
font-weight:bold;
}

p {
text-align:left;
text-indent:0.3em;
}

#sitecontainer {
position:relative;
height:1980px;
width:auto;
margin-right:auto;
margin-left:auto;
margin-bottom: -3px;
}

#banner {
position:relative;
width:894px;
height:388px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-image:url(../images/top-banner.jpg);
background-repeat:no-repeat;
}

#nav {
position:relative;
width:900px;
height:40px;
background-image:url(../images/navbar.jpg);
background-repeat:no-repeat;
font-size:14px;
font-weight:bold;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

#patchment {
position:relative;
width:900px;
height:1525px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
}

#firstcontainer {
position:relative;
width:900px;
height:99;
top:6%;
margin-left:auto;
margin-right:auto;
}

.text {
float:left;
width:700px;
height:99px;
padding-left:13%;
}

#calendarpatch {
position:relative;
width:900px;
height:auto;
top:10%;
margin-left:auto;
margin-right:auto;
}

#calendar {
float:left;
width:300px;
padding-left:70px;
}

#photogallery {
float:right;
width:320px;
padding-right:70px;
}

#navcontainer {
position:relative;
width:900px;
margin-right: auto;
margin-left: auto;
top:11%;
}

ul {
float:left;
font-weight:bold;
list-style:none;
padding-top:10px;
}

#navlist {
float:left;
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
padding-left:30px;
clear:both;
}

#navlist a {
display:block;
width:260px;
height:45px;
color:#3399FF;
text-decoration:none;
background:url("../images/button12.png") no-repeat;
text-align:center;
padding-top:16px;
}

#navlist a:hover { 
	background-position:0 -65px;
}

#navlist a:active {
background-position:0 -130px;
}

#divcontainer {
float:right;
width:450px;
padding-right:50px;
}

#divcontainer2 {
position:relative;
width:900px;
margin-right: auto;
margin-left: auto;
top:10%;
}

.divtext {
float:left;
width:450px;
padding-left:45px;
}

.boat {
float:right;
width:344px;
padding-right:25px;
}


#divcontainer3 {
position:relative;
width:900px;
margin-right: auto;
margin-left: auto;
top:10%;
}

#divtext2 {
float:left;
width:775px;
padding-left:65px;
}



.foot {
position:relative;
width:900px;
clear:both;
font-size: 13px;
font-family: verdana;
margin-left: auto;
margin-right: auto;
top:11%;
}

#copyright {
font-family:"Times New Roman", verdana, times, serif;
font-size:11pt;
color:grey;
}