* {margin:0; padding:0;}

body {
background-image:url(images/bg_gradient.png);
background-repeat:repeat-x;
background-color:#3366cc;
text-align:center;
margin-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#131843;
line-height:22px;
}

#main {
background-image: url(images/content_bg.png);
background-repeat:repeat-y;
background-color:#DDDDDD;
text-align:left;
position:relative;
margin-right:auto;
margin-left:auto;
width:860px;
border:3px solid #FFFFFF;
}

#content {
overflow: hidden;
}

img {
display:inline;
}

img.headerImages {
display:inline;
}

#top {
text-align: center;
width:860px;
height:162px;
background-color:#131843;
/*background-image: url(images/gradient.png);
background-repeat:repeat-y;*/
}

#navbar {
width:860px;
height:36px;
}

#rightcolumn {
overflow: hidden;
background-image:url(images/flag.jpg);
background-position:top right;
background-repeat:no-repeat;
display: inline;
float:right;
width:207px;
height:561px;
}

#rightcolumn span {
display: none;
}

#middlecolumn {
overflow: hidden;
float:left;
width:412px;
margin-left:31px;
margin-right:30px;
}

#middlegallery {
overflow: hidden;
float:left;
margin-left:5px;
margin-right:5px;
width:462px;
}

#leftcolumn {
overflow: hidden;
text-align: center;
float:left;
width:180px;
height:561px;
}

ul {
list-style:disc;
list-style-position:inside;
}

#text {
padding-top:40px;
}

#text p {
padding-bottom:21px;
}

#formleft {
text-align: right;
line-height:20px;
float:left;
width:200px;
}

#formright {
text-align: left;
float:left;
width:200px;
}

#clear {
clear:both;
}

a {
color:#3366CC;
}

a:hover {
color:#131843;
}

#eventsButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/eventsbutton_css.png") no-repeat top left;
}

#eventsButton:hover
{ 
 background-position: bottom left;
}

#eventsButton span
{
  display: none;
}

#weatherButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/weatherbutton_css.png") no-repeat top left;
}

#weatherButton:hover
{ 
 background-position: bottom left;
}

#weatherButton span
{
  display: none;
}

#marineButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/marinebutton_css.png") no-repeat top left;
}

#marineButton:hover
{ 
 background-position: bottom left;
}

#marineButton span
{
  display: none;
}

#tideButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/tidebutton_css.png") no-repeat top left;
}

#tideButton:hover
{ 
 background-position: bottom left;
}

#tideButton span
{
  display: none;
}

#reservationButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/reservationbutton_css.png") no-repeat top left;
}

#reservationButton:hover
{ 
 background-position: bottom left;
}

#reservationButton span
{
  display: none;
}

#dockplanButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/dockplanbutton_css.png") no-repeat top left;
}

#dockplanButton:hover
{ 
 background-position: bottom left;
}

#dockplanButton span
{
  display: none;
}

#linksButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/linksbutton_css.png") no-repeat top left;
}

#linksButton:hover
{ 
 background-position: bottom left;
}

#linksButton span
{
  display: none;
}

#galleryButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/gallerybutton_css.png") no-repeat top left;
}

#galleryButton:hover
{ 
 background-position: bottom left;
}

#galleryButton span
{
  display: none;
}

#maintenanceButton
{
  display: block;
  width: 180px;
  height: 30px;
  background: url("images/maintenancebutton_css.png") no-repeat top left;
}

#maintenanceButton:hover
{ 
 background-position: bottom left;
}

#maintenanceButton span
{
  display: none;
}


#gallery {
position:absolute;
top:220px;
left:210px;
}

#reserve {
position:absolute;
top:500px;
left:460px;
}

#lift {
position:absolute;
top:240px;
left:400px;
}

#dock {
position:absolute;
top:500px;
left:400px;
}

.bodyText {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.titles {
	line-height: 24pt;
	font-size:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.homeTitles {
	line-height: 21pt;
	font-size:21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.homeSubtitles {
	line-height: 16pt;
	font-size:16px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.bigTitles {
	font-size:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.smallTitles {
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.addressText {
	line-height: 10pt;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.smallText {
	line-height: 8pt;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer a { color: #FFFFFF; }

#footer {
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	width:860px;
	color:#FFFFFF;
	line-height: 10pt;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}