html{
	margin: 0;
	padding:0;
	background-color:Blue;
}
ul, li {
	margin: 0;
	padding:0;
	list-style: none;
}
img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.more {
	text-align: right;
}
.left {
	float: left;
	width:auto;
}
.clear {
	clear: both;
}

body, h1, h2, h3, form {
	font: 10px tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5C5C5C;
}

body {
    background: url(images/header_bg.jpg) repeat-x;
	text-align: center;
	
	
}
#wrapper 
{
	margin: auto;
	width: 774px;
	min-height:820px;
}
#body {
background-color:White;
min-height:820px;
}


#header {
	height: 200px;
	width: 774px;
	position: absolute;
}
#header h1 {
	text-align:center;
}
#header h1 img {
	margin:0 auto;
}
#nav 
{
    padding-left:15em;	
    padding-top:.2em;
}
#nav img {
	float: left;
}

#headline {
	position:relative;
	top: 220px;
	width:774px;
	height:260px;
	background-color:White;
}

#photo {
	float: left;
	width: 624px;
	background-color:White;
}
#photo div {
	border: 1px solid #D8D8D8;
	padding: 2px;
	background-color:White;
}
#photo img {
	display: block;
}

#news {
	float: left;
	padding-left:.625em;
	width: 140px;
	background-color:White;
   	text-align: left;
}
#news div {
	padding: 3px 0;
	margin: 0;
}
#news #q {
	width: 140px;
	border: 1px solid #859D31;
}
#news .downcast {
	background: #E6E7E7;
	border-top: 1px solid #CFD0D0;
	padding: 3px 4px 4px 4px;
	margin: 2px 0 0 0;
}
#news h3 {
	
	font-weight: bold;
	margin: 1em 0 0.4em 0;
}
#news p {
    text-align:center;
	padding-right: 2px;
	margin: 0.1em 0;
	line-height:1.5em;
}

#news ul,#news li
{
    margin-left:1em;
    margin-top:1em;
    list-style:circle;
    line-height:1.5em;
}

a {
	font-weight: bold;
	color: #5C5C5C;
}

#body {
	padding: 22em .625em .625em .625em;
	background-color:White;
	min-height:250px;
}

#body h1 
{
    font-size:2em;
    color:#3300ff;
    padding-bottom:1em;
}

#body-left {
	float: left;
	width: 408px;
	padding: 0;
   	text-align: left;
}
#body-right {
	float: right;
	width: 330px; 
	text-align: left;
}

#body-left ul.plussbullets {
	margin-top: 20px;
	padding: 0 0 0 17em;
	font-weight: bold;
}
#body-left ul.plussbullets li {
	background: top left url(images/bullet_plus.gif) no-repeat;
	margin: 0 0 12px 0;
	padding: 0 0 0 2em;
}
#body-left p
{
    font-size:1.2em;
}


.l 
{
    margin-left:2em;
    list-style-type:circle;
}

#body h2, #body p {
	margin: 0.3em 0;
}

#body-right p {
	margin-right: 2em;
}

#body a.green {
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
}


#gallery img {
	float: left;
}
#about
{
    font-size:1.2em;
    line-height:1.5em;
   	text-align: left;
}
#services 
{
   	text-align: left;
}

#sleft {
	float: left;
	width: 360px;
	padding: 1em;
}
#sright {
	float: right;
	width: 360px;
	padding:1em;
}

#events 
{
   	text-align: left;
   	min-height:383px;
}

#events p
{
    text-align:left;
}

#events h2 
{
    font-size:2em;
    text-decoration:underline;
    color:Fuchsia;
    text-align:center;
}

#events table 
{
    margin: 2em auto;
}

#events tr, #events th 
{
    width:auto;
    font-weight:bold;
    text-align:center;
}

#enrol 
{
    text-align:center; 
    font-size:1.2em;
    line-height:1.5em;
    min-height:383px;
}

#enrol a 
{
    text-decoration:underline;
    color:#3300ff;
}

#enrol p 
{
    text-align:center;
}

#contact 
{
padding: 1em;
text-align: left;
}

#contact p 
{
    position:relative;
    left:30em;
    line-height:1.5em;
}

#contact a
{
    text-decoration:underline;
    color:#3300ff;
}

.ff 
{
    padding: 1em;
}
#about 
{
    padding:1em;
}

#footer {
	color: #FFFFFF;
	background: #42453D url(images/footer_bg.gif) repeat-x;
	padding: 6px 0 5px 0;
	margin-top: 2em;
	font-weight: bold;
}
#footer p {
	margin: 0;
	padding: 0;
}

#fish27
{
    position:absolute;
    top:15px;
    left:80px;
}

#shell8
{
    position:absolute;
    top:100px;
    right:90px;
}

#fun14
{
    position:absolute;
    top:500px;
    right:50px;
}

#shell9 
{
    position:absolute;
    top:500px;
    left:80px;
}