body {
	background-color: #282828;
	overflow-y: scroll;
}
a {
	color:skyblue;
	text-decoration:none;
}

img.logo {
	padding:3px 16px;
}
.quickIntro p {
	text-align:center;
	line-height:2em;
	font-size:1.5em;
}
.quickIntro ul {
	text-align:left;
	line-height:2em;
	font-size:1.2em;
	margin-left:10%;
}

a:focus ,
a:hover {
	color:yellow;
}
.smallText {
	font-size:85%;
}
.hugeText {
	font-size:250%;
}
br.narrow {
	display:none;
	clear:both;
}
.padded {
	padding:10px;
	margin:10px;
	font-size:115%;
}
img.lostImage{
	float:left;
}
img.titleBoat {
	height:30px;
	padding:0 10px;
}
#page {
	margin: 0 auto;
	max-width: 1000px;
	background: #282828;
	color: #E5C528;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	text-align: center;
}
p {
	text-align:justify;
}
.mainImage {
	padding:10px 0;
	max-width:100%;
}
a.button {
	display:inline-block;
	padding:6px 8px;
	border:2px solid lightblue;
	background-color:darkblue;
	color:lightblue;
	text-decoration:none;
	margin: 6px 12px;
	border-radius:5px;
	font-size:120%;
	min-width:125px;
}
a.button:focus,
a.button:hover {
	color:yellow;
	border-color:yellow;
}
@media screen and (max-width: 700px) {
	a.button {
		display: block;
	}
	img.lostImage{
		float:none;
		margin:0 auto;
	}
	br.narrow {
		display:block;
	}
}
caption {
	font-weight:bold;
	padding-top:1em;
}
table {
	padding: 6px 0;
    border-spacing: 0 0px;
    border-collapse: separate;
}
th, td {
	padding:6px 2px;
    border: solid;
    border-width: 0 0 1px;
}
div.filmPic {
	width:45%;
	text-align:center;
	font-size:90%;
	padding:1%;
	display:inline-block;
}
div.eventPic {
	display:inline-block;
	font-size:85%;
	width:40%;
	padding:2%;
}
div.introPic {
	display:inline-block;
	font-size:85%;
	width:45%;
	padding:2%;
}
div.filmPic>img,
div.eventPic>img,
div.introPic>img {
	width:100%;
}

.contactImage {
	width:300px;
	vertical-align:top;
}

.contact {
	text-align:left;
	max-width:600px;
	display:inline-block;
	margin:0 50px 100px 0;
	position:relative;
	z-index:1;
}
.contacted {
	max-width:600px;
	display:none;
	margin:200px 50px 100px 0;
}

textarea,
input {
	background-color:rgba(51, 51, 51, 0.75);
	border:#999 solid 1px;
	padding:8px;
	color:lightgray;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	position: relative;
}


.label {
	margin-top:12px;
	display:inline-block;
}

.hint {
	color:#b7b7b7;
}

#send {
	text-align:center;
}
#send>.button {
	text-align:center;
	padding:6px 12px;
	font-weight:bold;
	font-size:120%;
	background:#fde32e;
	border:#deb703 10px outset;
	color:black;
}
#send>.button:active {
	border-style:inset;
}