body {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-size: large;

	font-weight: normal;

	margin: 0px;

}


@font-face {

    font-family: 'Fonarto';

    src: url('Cause/pencilant.script.ttf')  format('truetype');

}

@font-face {

    font-family: 'FonartoMore';

    src: url('Cause/cabin-sketch.bold.ttf')  format('truetype');

}


#logo {

	position: absolute;

	top: 10px;

	left: 10px;

}



nav {

	horizontal-align: right;

	margin-right: 20px;

	margin-top: 20px;

	text-align: right;

	margin-bottom: 120px;

	font-size: 1.5em;

}



a:link, a:visited {

	text-decoration:  none;

	border-bottom:    none;

	font-weight: bold;

	margin-left: 20px;

}



a:link {

  color: black;

}



a:visited {

  color: #954b4b;

 }



.panel {

	width:100%;

	margin: 0px;

	padding: 15px;

}



#beePanel {

	background-image: url("images/backgroundbees.png");

	background-size: 400%;

	background-repeat: no-repeat;

	background-position: 0% 30%;

}



#snailPanel {

	background-image: url("images/snailbackground.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: auto;

}



#piratePanel {

	background-image: url("images/background_pirate.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 10% 30%;

}



#foxPanel {

	background-image: url("images/foxpanel01.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 10% 5%;

}



#automatPanel {

	background-image: url("images/automaback.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 10% 5%;

}

#causePanel {

	background-image: url("images/causePanel.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 10% 5%;

	font-family: "Fonarto";
	font-size: 1.3em;
	text-align: center;

}

#causeTitle {
	font-family: "FonartoMore";
	font-size: 3.2em;
	color: black;
	padding: 0px;
	margin: 0px;
	
}

#causeText {
	margin: 0px;
}

#causeImage {

	display: block;
	margin: auto;
	width: 120%;

}


#hubbardPanel {

	background-image: url("images/hubbard_background01.png");

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 10% 50%;

	padding-bottom: 0px;

	margin-bottom:0px;

	

}



#hubbardImage {

	display:block;

	margin: auto;

	margin-bottom: 0px;

	margin-left: -10%;

	margin-top: 0px;

	width: 120%;

	object-position: -10% 0%;

}



#hubbardTitle {

	display: block;

	margin: auto;

	margin-bottom: 0px;

}



#hubbardText {

	display: block;

	width: 100%;

	text-align: center;

	margin-bottom: 0px;

}



#snailImage {

	width: 60%;

}



#aboutPanel {

	background-image: url("images/desktop01.png");

	background-size: 250%;

	background-repeat: no-repeat;

	background-position: 0% 30%;

}



#aboutPicture {

	float: left;

}



#aboutText {

	margin-left: 210px;

}



.panelBody {

	width: 560px;

	margin: auto;

	font-size: 1.3em;

}



.panelTitle {

	width: 100%;

	text-align: center;

}



.linkTitle {

	display: block;

	width: 100%;

	text-align: center;

}



#beeImageP {

	width: 100%;

	text-align: center;

}



#beeLink {

	display: block;

	margin: auto;

	width: 100%;

}



#beeImage {

	display: block;

	width: 80%;

	margin-left: 5%;

}



.panelText {

	

}



#bottomP {

	margin: 30px 10px;

	text-align: right;

}



.socialLink {

	width: 40pt;

}