* /*Zeros out browser default margins and paddings to solve

the problem that IE uses margins while FF uses padding for <ul>*/ {

  margin: 0;

  padding: 0;

}





body {

	background-color: #9CF;

	background-image: url(../images/images_backgrounds_gifs/backgrounds/background_blue.gif);

	}





p     {

	padding: 0;

	white-space: normal;

	left: 10px;

  }

  

a {

	text-decoration: underline;

	color: #000;

	border: none;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	}

a:hover {

	color: #09F;

	text-decoration: none;

	}

a img  { 

  border: none !important;

  text-decoration: none;

}





h1 /*Main text heading*/  {

	font-size: 1em;

	font-weight: bold;

	text-align: center;

	background-image: none;

	line-height: normal;

	background-color: #069;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	padding-top: 4px;

	padding-bottom: 4px;

}

h2 /*Main heading on right of Shark for all pages except first*/ {

	font-size: 1.6em;

	font-weight: bold;

	text-align: right;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 30px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 20px;

	float: left;

}

h3 /*Big side heading, roman*/ {

	font-size: 1em;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 10px;

	margin-right: 25px;

	margin-bottom: 10px;

	margin-left: 25px;

	text-align: center;

}

h4 /*Small caps heading*/  {

	border-bottom: none;

	text-decoration: none;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	font-size: 1em;

	font-weight: bold;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 15px;

	font-variant: small-caps;

	line-height: normal;

	margin-left: 10px;

	text-align: center;

  }

h5 /*Shoulder heading in big italic*/  {

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 10px;

	font-size: 1.1em;

	margin-right: 10px;

	margin-left: 10px;

	line-height: 1.3em;

	font-style: normal;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #9FF;

	background-image: url(../images/images_backgrounds_gifs/backgrounds/background_pale_blue.gif);

   }

h6 /*Spare*/    {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 3px;
	font-size: 0.9em;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.2em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;

}

.paradrop {

	padding-top: 8px;

}





blockquote {

	margin-top: 5px;

	margin-right: 20px;

	margin-bottom: 5px;

	margin-left: 20px;

}



hr {

	height:0px;

	border-top:1px solid #000066;

	border-right: 0px;

	border-bottom: 0px;

	border-left: 0px;

}



#jacket  {

	position: relative;

	float: none;

	text-align: left;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

	margin-bottom: 10px;

  }



#top  {

	background-color: #069;

	height: 83px;

  }

#top p  {

	color: #FFF;

	font-family: Calibri;

	line-height: normal;

	font-size: 1.2em;

	margin-top: 15px;

	margin-bottom: 15px;

	margin-right: 20px;

	margin-left: 20px;

	float: right;

  }



#headerpic {

	clear: both;

	background-color: #069;

}

  

#container /*Auto left and right margins centre the website*/{

	width:890px;

	overflow: hidden;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	color: #FFF;

	border-right-width: 5px;

	border-left-width: 5px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #069;

	border-left-color: #069;

	background-color: #CCC;

	background-image: url(../images/images_backgrounds_gifs/backgrounds/background_pale_grey.jpg);

}





#leftcolumn  {

	position: relative;

	float: left;

	width: 437px;

	border-top: none;

	border-right: none;

	border-bottom: none;

	border-left: none;

	bottom: 0px;

	background-color: #CCC;

	padding-top: 10px;

	padding-right: 3px;

	padding-bottom: 10px;

	padding-left: 5px;

	background-image: url(../images/images_backgrounds_gifs/backgrounds/background_pale_grey.jpg);

  }

#leftcolumn p {

	font-size: 0.8em;

	line-height: normal;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 5px;

	margin-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

}



#leftcolumn ul {

	margin-top: 5px;

	margin-bottom: 0px;

	margin-right: 10px;

	margin-left: 25px;

	list-style-type: square;

	font-size: 0.8em;

}

#leftcolumn li {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 7px;

	margin-left: 0px;

	list-style-type: square;

}

#leftcolumn img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#rightcolumn  {

	position: relative;

	float: right;

	width: 437px;

	background-color: #CCC;

	border-top: none;

	border-right: none;

	border-bottom: none;

	border-left: none;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 10px;

	padding-left: 3px;

	background-image: url(../images/images_backgrounds_gifs/backgrounds/background_pale_grey.jpg);

  }

#rightcolumn p {

	font-size: 0.8em;

	line-height: normal;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 5px;

	margin-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

}

#rightcolumn ul {

	margin-top: 5px;

	margin-bottom: 0px;

	margin-right: 10px;

	margin-left: 25px;

	list-style-type: square;

	font-size: 0.8em;

}

#rightcolumn li {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 7px;

	margin-left: 0px;

	list-style-type: square;

}

#righttcolumn img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#menu {

	position: relative;

	float: right;

	width: 900px;

	background-color: #FFF;

	clear: both;

  }

#menu ul {

	list-style-type: none;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	width: auto;

}

#menu li {

	font-size: 0.7em;

	line-height: normal;

	float: left;

	padding-right: 8px;

	padding-left: 8px;

	padding-top: 5px;

	padding-bottom: 5px;

	border: 1px solid #000;

}

#menu a {

	border: none;

	text-decoration: none;

	font-weight: normal;

	}

#menu a:hover {

	color: #99F;

	text-decoration: none;

	}

	

#finial {

	position: relative;

	width: 900px;

	background-color: #069;

	float: right;

	font-weight: bold;

	color: #FFF;

  }

#finial ul {

	list-style-type: none;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	width: auto;

}

#finial li {

	font-size: 1em;

	line-height: normal;

	float: left;

	padding-right: 8px;

	padding-left: 8px;

	padding-top: 5px;

	padding-bottom: 5px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFF;

}

#finial a {

	border: none;

	text-decoration: none;

	font-weight: bold;

	color: #FFF;

	}

#finial a:hover {

	color: #99F;

	text-decoration: none;

	}

#topbox {

	font-family: Arial, Helvetica, sans-serif;

	padding: 5px;

	color: #FFF;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	background-color: #069;

	font-weight: bold;

	font-size: 1.2em;

}

#topbox a {

	border: none;

	text-decoration: underline;

	font-weight: bold;

	color: #FFF;

	}

	

.alignleft{

	text-align: left;

	margin-top: 0px;

	margin-bottom: 5px;

	margin-right: 0px;

	float: left;

	margin-left: 0px;

}

.alignright{

	text-align: right;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

	margin-right: 0px;

}

.aligncenter {

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

	background-position: center;

}



.bigtext {

	font-size: 1.3em;

	list-style-type: disc;

	line-height: normal;

	font-weight: bold;

}



.borderblack {

	border: 1px solid #000000;

}

.borderwide {

	border: 2.4px double #999;

	margin-right: 10px;

}



.box {

	font-family: Arial, Helvetica, sans-serif;

	border: 0.1em dotted #000;

	padding: 5px;

	color: #000;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	background-color: #FFF;

}

.box img {

	background-color: #FFF;

}



.boxshaded {

	font-family: Arial, Helvetica, sans-serif;

	border: 0.1em dotted #000;

	padding: 5px;

	color: #FFF;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	background-color: #069;

}

.boxshaded img {

	background-color: #FFF;

}

.boxhighlight {

	font-family: Arial, Helvetica, sans-serif;

	border: 0.2em solid #F00;

	padding: 5px;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	color: #000;

	background-color: #FFF;

}

.boxhighlight img {

	background-color: #FFF;

}



.floatingleft {

	float:left;

	margin-top:0px;

	margin-right:15px;

	margin-bottom:5px;

	margin-left: 17px;

	border: none;

	text-align: left;

}

.floatingright {

	float:right;

	margin-top:5px;

	margin-right:5px;

	margin-bottom:5px;

	margin-left: 15px;

	border: none;

	text-align: right;

    }



.paraclear {

	clear: both;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}



.photocredit {

	font-size: 0.7em;

	font-style: italic;

	text-align: right;

	margin-top: -10px;

	line-height: 1em;

	font-family: Arial, Helvetica, sans-serif;

}



.sharkfloatingleft {

	float:left;

	margin-top:0px;

	margin-right:0px;

	margin-bottom:0px;

	margin-left: 0px;

	border: none;

	text-align: left;

}



.sharkhitchup {

	margin-top: -12px;

	margin-bottom: -20px;

	margin-right: 0px;

	margin-left: -10px;

}



.smallcaps {

	font-variant: small-caps;

}



.table /*Margin 16 + Table 600 + Margin 16  =  632 (the full width of #main)*/  {

	border: 1px solid #000066;

	text-align: left;

	line-height: 1.3em;

	clear: both;

	float: none;

	width: 610px;

	margin-left: 16px;

	margin-right: 16px;

	margin-top: 10px;

	margin-bottom: 10px;

}





.textred {

	font-weight: bold;

	color: #F00;

}

.textredbig {

	font-weight: bold;

	color: #F00;

	font-size: 1.2em;

}

.textorange {

	color: #F90;

}

.eventsheading {

	text-align: center;

	color: #FFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #F00;

}

.ulstar {

	list-style-image: url(../images/images_backgrounds_gifs/gifs/red_star_small.jpg);

}

.textwhite {

	color: #FFF;

}

.paradrop {

	padding-top: 8px;

}

.textgrey {

	color: #999;

}

.paradropafter {

	padding-bottom: 15px;

}
.paradropsmall {
	padding-top: 5px;
}
.quitebigtext {
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.redbackground {
	background-color: #F00;
}
.backgroundred {
	background-color: #F00;
}
.redhead {
	font-size: 36px;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	font-weight: bolder;
}