body 
{
	background-color: #3c4e5a;
	background-image: url('Images/PageBack.gif');
  margin: 0;
  padding: 0;
  text-align: center;
  color: #444444;
  font: normal 12px verdana,arial,sans-serif;
}

a
{
  color: #8080ff;
  font: normal 12px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}

a:hover
{
  color: #0000ff;
  font: normal 12px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}

a.big
{
  color: #8080ff;
  font: normal 18px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}

a.big:hover
{
  color: #0000ff;
  font: normal 18px verdana,arial,sans-serif;
  margin: 0;
  padding: 5px;
}

a.topic
{
	color: #3d4652;
	font: normal 11px verdana,arial,sans-serif;
	text-decoration: none;
}

a.topic:hover
{
	color: #2d70e8;
	font: normal 11px verdana,arial,sans-serif;
	text-decoration: underline;
}

div, img, table, br, p, td
{
	border: 0;
	padding: 0;
	margin: 0;
}

h1
{
  color: #326495;
  font: bolder 20px trebuchet MS,verdana,arial,sans-serif;
  line-height: 24px;
  margin: 0;
  padding: 0 0 12px 0;
}

h2
{
  color: #000000;
  font: bolder 16px trebuchet MS,verdana,arial,sans-serif;
  margin: 0;
  padding: 12px 0 6px 0;    
}

h3
{
  color: #000000;
  font: bolder 14px trebuchet MS,verdana,arial,sans-serif;
  margin: 0;
  padding: 6 0 0 0;  
}

td.calendar
{
  background-color: #fff;
  border-bottom: solid 1px #efefef;
  padding-top: 4px;
}

td.calendarhead
{
  border-bottom: solid 1px #666;
  padding-top: 4px;
}

td.topicmenu
{
	padding: 4px 0 0 0;
	text-align: left;
	vertical-align: top;
}

p
{
  color: #444444;
  font: normal 12px verdana,arial,sans-serif;
  margin: 0;
  padding: 0 0 6px 0;
}

p.credit
{
  font-size: 9px;
}

ul
{
  color: #444444;
  font: normal 12px verdana,arial,sans-serif;
}

#MenuArea
{
	height: 164px;
	left: 0;
	position: relative;	
	top: 0px;
	width: 780px;
}

#ContentArea
{
	left: 0;
	padding: 0 10px 20px 10px;
	position: relative;	
	width: 760px;
}

/*
#TopicArea
{
	background-image: url('Images/TopicsMid.gif');
	background-repeat: repeat;
	left: 584px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 80px;
	width: 186px;	
}
*/

#TopicArea
{
	float: right;
	margin: 0 0 20px 10px;
	padding: 0;
	text-align: center;
	width: 186px;		
}

p.TopPad
{
  height: 35px;  
}

p.footer
{
	color: #999;
	font-size: 10px;
	padding: 6px 0 20px 0;	
}

#Home
{
	height: 26px;
	left: 390px;
	position: absolute;	
	top: 19px;
}

#Calendar
{
	height: 17px;
	left: 494px;
	position: absolute;	
	top: 98px;
}

#Camping
{
	height: 9px;
	left: 15px;
	position: absolute;	
	top: 65px;
}

#Contact
{
	height: 9px;
	left: 301px;
	position: absolute;	
	top: 62px;
}

#Diving
{
	height: 9px;
	left: 113px;
	position: absolute;	
	top: 53px;
}

#FAQ
{
	height: 11px;
	left: 405px;
	position: absolute;	
	top: 79px;
}

#Services
{
	height: 9px;
	left: 197px;
	position: absolute;	
	top: 50px;
}

#QandA h3
{
  padding-top: 12px;  
}



.photo-frame
{
	margin: 4px;	
}

.photo-frame .topx-- 
{
	background-image: url(Images/Thumbs/ThumbTopx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 6px;
	vertical-align: top;
}
.photo-frame .top-x- 
{
	background-image: url(Images/Thumbs/ThumbTop-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 6px;
}
.photo-frame .top--x 
{
	background-image: url(Images/Thumbs/ThumbTop--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 6px;
	vertical-align: top;
}

.photo-frame .midx-- 
{
	background-image: url(Images/Thumbs/ThumbMidx--.gif);
	background-repeat: repeat-y;
	width: 6px;
	height: auto;
}
.photo-frame .mid--x 
{
	background-image: url(Images/Thumbs/ThumbMid--x.gif);
	background-repeat: repeat-y;
	width: 6px;
	height: auto;
}

.photo-frame .botx-- 
{
	background-image: url(Images/Thumbs/ThumbBotx--.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	vertical-align: top;
}
.photo-frame .bot-x- 
{
	background-image: url(Images/Thumbs/ThumbBot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 6px;
}
.photo-frame .bot--x 
{
	background-image: url(Images/Thumbs/ThumbBot--x.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	vertical-align: bottom;
}

.photoitem
{
	margin: 0 15px 15px 0;
	text-align: center;
	vertical-align: top;
	width: 160px;	
}

.red
{
  color: #f00;
}

.green
{
  color: #0a0;
}

.floatleft
{
  float: left; 
  padding: 0 0 6px 6px;
}

.floatright
{
  float: right; 
  padding: 0 0 6px 6px;
}