body {
	background-color: #99CC00;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-family: Comic Sans MS;
	margin: 0;
}

.headerOuterContainer-yacht {
	background-color: #99CC00;
	padding:20px 40px;"
}

.headerOuterContainer {
	background-color: #FFFF00;
	padding:20px 40px;"
}

.headingInnerContainer-yacht {
	background-color: #0099CC;
}

.headingInnerContainer {
	background-color: #0099CC;
}

.headerImage-yacht-head {
	width: 1300px;
	height: 100px;
	display: inline; 
	margin: 0 auto;
}

.headerImage-yacht {
	width: 1250px;
	height: 500px;
	display: inline; 
	margin: 0 auto;
}

.headerImage {
	width: 710px;
	height: 110px;
	display: block;
	margin: 0 auto;
}

.headerSubImage {
	width: 157px;
	height: 123px;
	display: block;
	margin: 0 auto;
}

.homeButton {
	background-image: url(../Images/home.gif);
    width: 85px;
    height: 84px;
    display: inline-block;
	margin-top: 40px;
	margin-bottom: 20px;
}


.fosButton {
	background-image: url(../Images/fossicking1.gif);
    width: 138px;
    height: 63px;
    display: inline-block;
	margin-top: 40px;
	margin-bottom: 20px;
}



.bodyContent {
	width: 1024px;
	margin: 0 auto;
}

h1 {
	font-weight: bold;
	padding: 20px 0;
	font-size: 32px;
}


.oneImageContainer, .twoImageContainer, .threeImageContainer, .imageTextContainer {
	margin-bottom: 30px;
}

.threeImageContainer {
	margin-left: auto;
	margin-right: auto;
}

.twoImageContainer > .imageContainer, .threeImageContainer > .imageContainer, .imageTextContainer > .imageContainer {
	float: left;
}

.twoImageContainer:after, .threeImageContainer:after, .imageTextContainer:after {
    content: "";
    clear: both;
    display: table;
}

.imageLink {
	display: inline-block;
}

.imageText {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.twoImageContainer > .imageContainer > .imageLink > img, .twoImageContainer > .imageContainer > .imageText {
	width: 512px;
}

.threeImageContainer > .imageContainer > .imageLink > img, .threeImageContainer > .imageContainer > .imageText {
	width: 340px;
}

.highlightLink
{
	font-weight: bold;
	font-size: 24px;
}

.angry {
	background-image: url('../Images/Smileys/angry.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike {
	background-image: url('../Images/Smileys/Bike.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike01 {
	background-image: url('../Images/Smileys/Bike01.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike02 {
	background-image: url('../Images/Smileys/Bike02.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike03 {
	background-image: url('../Images/Smileys/Bike03.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike04 {
	background-image: url('../Images/Smileys/Bike04.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike05 {
	background-image: url('../Images/Smileys/Bike05.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike06 {
	background-image: url('../Images/Smileys/Bike06.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike07 {
	background-image: url('../Images/Smileys/Bike07.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike08 {
	background-image: url('../Images/Smileys/Bike08.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}


.bike09 {
	background-image: url('../Images/Smileys/Bike09.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.bike10 {
	background-image: url('../Images/Smileys/Bike10.gif');
	width: 160px;
	height: 60px;
	display: inline-block;
	background-size: 120%;
}

.bird {
	background-image: url('../Images/Smileys/bird.gif');
	width: 60px;
	height: 45px;
	display: inline-block;
	background-size: 100%;
}

.birthday {
	background-image: url('../Images/Smileys/birthday.gif');
	width: 190px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.cheers {
	background-image: url('../Images/Smileys/cheers.gif');
	width: 100px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.cold {
	background-image: url('../Images/Smileys/cold.gif');
	width: 75px;
	height: 100px;
	display: inline-block;
	background-size: 100%;
}

.congrats {
	background-image: url('../Images/Smileys/congrats.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 120%;
}

.cry {
	background-image: url('../Images/Smileys/cry.gif');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.cuddle {
	background-image: url('../Images/Smileys/knuddel.gif');
	width: 60px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
}

.dancing2 {
	background-image: url('../Images/Smileys/dancing2.gif');
	width: 160px;
	height: 55px;
	display: inline-block;
	background-size: 120%;
}

.e018 {
	background-image: url('../Images/Smileys/e018.gif');
	width: 1024px;
	height: 600px;
	display: inline-block;
	background-size: 50%;
}

.eating {
	background-image: url('../Images/Smileys/eating.gif');
	width: 48px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
}

.grin {
	background-image: url('../Images/Smileys/grin.gif');
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
}

.koalaicon2 {
	background-image: url('../Images/Smileys/koalaicon2.gif');
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 100%;
}

.laugh {
	background-image: url('../Images/Smileys/laugh.gif');
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 100%;
}

.love {
	background-image: url('../Images/Smileys/love.gif');
	width: 60px;
	height: 90px;
	display: inline-block;
	background-size: 100%;
}

.Navara {
	background-image: url('../Images/Smileys/Navara.gif');
	width: 130px;
	height: 100px;
	display: inline-block;
	background-size: 100%;
}

.party {
	background-image: url('../Images/Smileys/party.gif');
	width: 660px;
	height: 75px;
	display: inline-block;
	background-size: 75%;
}

.pissed {
	background-image: url('../Images/Smileys/Pissed-Off.gif');
	width: 100px;
	height: 80px;
	display: inline-block;
	background-size: 85%;
}

.sad {
	background-image: url('../Images/Smileys/sad.gif');
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 100%;
}

.sick {
	background-image: url('../Images/Smileys/sick.gif');
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 100%;
}

.sleep {
	background-image: url('../Images/Smileys/sleep.gif');
	width: 60px;
	height: 55px;
	display: inline-block;
	background-size: 100%;
}

.smile-200 {
	background-image: url('../Images/Smileys/smileyface-200.gif');
	width: 60px;
	height: 55px;
	display: inline-block;
	background-size: 100%;
}

.thefinger {
	background-image: url('../Images/Smileys/thefinger.gif');
	width: 60px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
}

.trophy {
	background-image: url('../Images/Smileys/trophy-emoji-50.gif');
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
}

.yotDad {
	background-image: url('../Images/Smileys/1959-Dad-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yotInfo {
	background-image: url('../Images/Smileys/1958-Info-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1959 {
	background-image: url('../Images/Smileys/1959-V79-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1961 {
	background-image: url('../Images/Smileys/1961-Hob-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1962 {
	background-image: url('../Images/Smileys/1962-Melb-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1963 {
	background-image: url('../Images/Smileys/1963-Bris-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1965 {
	background-image: url('../Images/Smileys/1965-Adel-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1969P {
	background-image: url('../Images/Smileys/1969-East-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1970 {
	background-image: url('../Images/Smileys/1970-Bris-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1972 {
	background-image: url('../Images/Smileys/1972-Adel-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1973 {
	background-image: url('../Images/Smileys/1973-Syd-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1974 {
	background-image: url('../Images/Smileys/1974-Hob-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1975 {
	background-image: url('../Images/Smileys/1975-Melb-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1978 {
	background-image: url('../Images/Smileys/1978-Syd-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1978LC {
	background-image: url('../Images/Smileys/1978-LC-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.yot1980 {
	background-image: url('../Images/Smileys/1980-PMYC-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}
.yot1983 {
	background-image: url('../Images/Smileys/1983-Cat-100.JPG');
	width: 60px;
	height: 60px;
	display: inline-block;
	background-size: 100%;
}

.dayContainer {
	text-align: left;
	font-size: 13px;
	margin: 50px 0;
}

.dayContainer > h1 {
	font-size: 24px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.dayContainer > .fosh1 {
	font-family: Comic Sans MS;
	font-size: 32px;
	font-weight: bold;
}

.dayContainer > .fosh2 {
	color: blue;
	font-family: Comic Sans MS;
	font-size: 26px;
	font-weight: bold;
}


.dayContainer > .fosh3 {
	color: black;
	font-family: Comic Sans MS;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.dayContainer > h2 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-align: center;
}


.dayContainer > h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.dayContainer > h24bluecentre{
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-align: center;
}


.dayContainer > .mason50black {
	color: black;
	font-family: Comic Sans MS;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}

.dayContainer > .mason50blue {
	color: blue;
	font-family: Comic Sans MS;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}


.dayContainer > .mason50red {
	color: red;
	font-family: Comic Sans MS;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}


.dayContainer > .mason50yellow {
	color: yellow;
	font-family: Comic Sans MS;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}


.dayContainer > tt1 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: left;
}


.dayContent > .fosh20blk {
	color: black;
	font-family: Comic Sans MS;
	font-size: 20px;
	font-weight: bold;
}

.dayContent > wf1 {
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.dayContent > wf2 {
	color: blue;
	font-size: 35px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.dayContent > wf20blue {
	color: blue;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.dayContent > wf3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.dayContent, .dayStats {
	width: 800px;
	margin: 20px auto;
}

.dayContent, .vanStats {
	width: 800px;
	margin: 24px auto;
	font-size: 12px;
	font-weight: bold;
}

p.one {
	width: 800px;
	margin: 10px auto;
	font-size: 24px;
	font-weight: bold;
	background-color: #82AE00;
	text-align: center;
	padding: 5px 0;
    border-style: solid;
    border-width: 5px;
}

.dayWeather {
	width: 800px;
	margin: 10px auto;
	font-size: 24px;
	font-weight: bold;
	background-color: #82AE00;
	text-align: center;
	padding: 5px 0;
}

.daytt {
	color: black;
	width: 1024px;
	margin: 10px auto;
	font-size: 18px;
	font-weight: bold;
	background-color: #99CC00;
	text-align: left;
	padding: 5px 0;
}


.sharpie01 {
	color: black;
	width: 1024px;
	margin: 10px auto;
	font-size: 22px;
	font-weight: bold;
	background-color: #99CC00;
	text-align: left;
	padding: 5px 0;
}


.dayyot {
	color: black;
	width: 800px;
	margin: 10px auto;
	font-size: 22px;
	font-weight: bold;
	background-color: #99CC00;
	text-align: left;
	padding: 5px 0;
}

.dayfos {
	color: black;
	width: 1024px;
	margin: 10px auto;
	font-size: 16px;
	font-weight: bold;
	background-color: #99CC00;
	text-align: left;
	padding: 5px 0;
}


.masett {
	color: black;
	width: 1150px;
	margin: 10px auto;
	font-size: 45px;
	font-weight: bold;
	background-color: #99CC00;
	text-align: center;
	padding: 5px 0;
	border-style: solid;
    border-width: 5px;

}


.slideshowContainer {
	text-align:center;
	margin-top:20px;
}

.slideshowContainer {
	text-align:center;
	margin-top:20px;
}

.slideshowContainer > iframe {
	height:128px;
	width:165px;
	border:none;
	padding-right: 30px;
}

.slideshowText {
	display: inline-block;
	line-height: 128px;
	vertical-align: top;
	font-size: 18px;
	padding: 0;
	margin: 0;
}


.dayImageContainer {
	text-align:center;
	margin-top:20px;
}

.noDayImages {
	width:800px;
	margin: 40px auto 20px auto;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}

.noDayImages26 {
	width:1024px;
	margin: 40px auto 20px auto;
	font-weight: bold;
	font-size: 26px;
	text-align: left;
}

.mainBodyContent
{
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
}

.mainBodyContent h1 {
	font-size: 52px;
}

.mainLink {
    display: block;
    font-size: 52px;
    font-weight: normal;
}

.mainImage {
	width: 1024px;
}

.line {
	border-top: solid 2px darkblue;
	margin: 20px 0;
}

.blue {
	color: blue;
}

