@charset "utf-8";
body {
	background-color: #003300;
}

#wrapper {
	height: 1200px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(background_home.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#footer {
	position: absolute;
	height: 100px;
	width: 900px;
	left: 0px;
	top: 1100px;
	background-image: url(slice900.jpg);
	background-repeat: no-repeat;
}
#wrapper #header {
	position: absolute;
	height: 200px;
	width: 900px;
	left: 0px;
	top: 0px;
}
#wrapper #navigation {
	position: absolute;
	height: 100px;
	width: 900px;
	left: 0px;
	top: 200px;
}
#wrapper #header #duckadang_logo {
	position: absolute;
	height: 100px;
	width: 100px;
	left: 50px;
	top: 50px;
}
#wrapper #header #lions_logo {
	position: absolute;
	height: 100px;
	width: 106px;
	left: 744px;
	top: 50px;
}
#wrapper #header h1 {
	font-family: "Segoe Script";
	font-size: 3em;
	color: #0000FF;
	text-align: center;
	line-height: 60px;
}
#wrapper #footer h2 {
	font-family: "Segoe Script";
	color: #0000FF;
	text-align: center;
	line-height: 20px;
	font-size: 1.5em;
}
#wrapper #navigation p {
	font-family: "Segoe Script";
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding-left: 50px;
	line-height: 15px;
}
#wrapper #navigation a {
	color: #000000;
	text-decoration: underline;
}
#wrapper #navigation a:hover {
	color: #0000FF;
}
#wrapper #content {
	position: absolute;
	height: 800px;
	width: 900px;
	left: 0px;
	top: 300px;
}
#wrapper #content #mission {
	position: absolute;
	height: 400px;
	width: 450px;
	left: 0px;
	top: 0px;
}
#wrapper #content #schoolgroups {
	position: absolute;
	height: 400px;
	width: 450px;
	left: 450px;
	top: 0px;
}
#wrapper #content #observatory {
	position: absolute;
	height: 400px;
	width: 450px;
	left: 0px;
	top: 400px;
}
#wrapper #content #socialgroups {
	position: absolute;
	height: 400px;
	width: 450px;
	left: 450px;
	top: 400px;
}
#wrapper #content #mission p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	line-height: 25px;
}
#wrapper #content #schoolgroups h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #0000FF;
	text-align: center;
}
#wrapper #content #schoolgroups p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
#wrapper #content #schoolgroups a:hover {
	color: #0000FF;
}
#wrapper #content #schoolgroups a {
	color: #000000;
	font-weight: bold;
}
#wrapper #content #observatory #observatoryimage {
	position: absolute;
	height: 350px;
	width: 220px;
	left: 0px;
	top: 50px;
}
#wrapper #content #observatory #observatorytext {
	position: absolute;
	height: 350px;
	width: 220px;
	left: 220px;
	top: 50px;
}

#wrapper #content #socialgroups h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #0000FF;
	text-align: center;
}
#wrapper #content #socialgroups p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
#wrapper #content #socialgroups a:hover {
	color: #0000FF;
}
#wrapper #content #socialgroups a {
	color: #000000;
	font-weight: bold;
}
#wrapper #content #observatory h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #0000FF;
	text-align: center;
}
#wrapper #content #observatory p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
#wrapper #content #observatory a:hover {
	color: #0000FF;
}
#wrapper #content #observatory a {
	color: #000000;
	font-weight: bold;
}
#wrapper #content #wheretext {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 0px;
	top: 0px;
}
#wrapper #content #wheremap {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 450px;
	top: 0px;
}
#wrapper #content  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #0000FF;
	text-align: center;
}
#wrapper #content  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0000FF;
	text-align: center;
}
#wrapper #content  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
#wrapper #content a:hover {
	color: #0000FF;
}
#wrapper #content a {
	color: #000000;
	font-weight: bold;
}
#wrapper #content #campactivities {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 0px;
	top: 0px;
}
#wrapper #content #areaactivities {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 450px;
	top: 0px;
}
#wrapper #content #wheretext li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 30px;
	list-style-type: none;
	font-weight: bold;
}
#wrapper #content #observatorycontent1 {
	position: absolute;
	height: 720px;
	width: 450px;
	left: 0px;
	top: 80px;
}
#wrapper #content #observatorycontent2 {
	position: absolute;
	height: 720px;
	width: 450px;
	left: 450px;
	top: 80px;
}
#wrapper #content #observatorycontent2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style-type: none;
	line-height: 25px;
}
#wrapper #content #contentaccommodation {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 0px;
	top: 0px;
}
#wrapper #content #contentrubiehouse {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 450px;
	top: 0px;
}
#wrapper #content #contactcampcontent {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 0px;
	top: 0px;
}
#wrapper #content #contactlionscontent {
	position: absolute;
	height: 800px;
	width: 450px;
	left: 450px;
	top: 0px;
}
#wrapper #content #contactcampcontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style-type: none;
	line-height: 25px;
}
#wrapper #content #contentbookings {
	position: absolute;
	height: 400px;
	width: 350px;
	left: 0px;
	top: 0px;
}
#wrapper #content #bookingform {
	position: absolute;
	height: 400px;
	width: 550px;
	left: 350px;
	top: 0px;
}
#wrapper #content #campactivities li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 25px;
	list-style-type: none;
}