body
{
margin:0;
padding:0;
overflow-x:hidden;
}

#wrap
{
	margin:0;
	padding:0;
	position:absolute;
}

#menu {
margin:0 auto;
display: inline-block;
list-style:none;
padding:0;
border-top:1 solid #ccc;
border-left:1 solid #ccc;
border-bottom:1 solid #ccc;
}

#menu li {
    float: left;
    position: relative;
    list-style: none;
}

#menu li a {
display:block;
padding:10px 10px;
text-decoration:none;
font-family:'Century Gothic';
font-size:120%;
color:#fff;

}   

#menu li a:hover {
color:#c00;
background-color:#fff;
}

#menu, #menu ul {
    margin-top:0 auto;
    padding:0;
	margin-left:60%;
}

#menu > li:hover > ul {
    display: block;
}
#menu > li > ul {
    display: none;
    position: absolute;
	
}
#menu li a {
    white-space: nowrap;
}
#nav
{
	width:100%;	
	height:5%;
	padding:0%;
	margin-top:0 auto;
	background:#3b871a;	
	position:absolute;
}
#background
{
	width:100%;
	height:255%;
	margin-top:-0.6%;
	background:#173B0B;
	position:absolute;
}
#back1
{
	width:90%;
	height:255%;
	margin-top:-0.6%;
	margin-left:5%;
	margin-right:5%;
	position:absolute;
	opacity:0.3;
}
.gym
{
	background:#fff;
	height:108%;
	margin-top:3%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
}
.gym p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin:2%;
}

.gym h1
{
	margin:2%;
	color:#000;
	font-family:Century Gothic;

}

#gymno
{
	width:45%;
	position:relative;
	margin-top:0%;
	margin-bottom:1%;
	margin-left:1%;
	margin-right:1%;
	float:right;
}
#text
{
	background:#f4efd2;
	padding:1%;
	margin-top:85%;
	margin-left:10%;
	margin-right:10%;
	border-radius:30px;
	position:relative;
}
#text p
{
	font-size:16px;
	margin:2%;
	color:#000;
	font-family:'Century Gothic';
	text-align:center;
	position:relative;
}

.ginkgo
{
	background:#fff;
	width:35%;
	padding:1%;
	margin-top:4%;
	margin-bottom:2%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
	float:left;
}
.ginkgo p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin:2%;
}

.ginkgo h1
{
	margin:2%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;

}

#gink
{
	width:50%;
	height:55%;
	position:relative;
	margin-left:26%;
	margin-right:26%;
}

.cycad
{
	background:#fff;
	width:35%;
	padding:1%;
	margin-top:46%;
	margin-bottom:2%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
	float:right;
	
}
.cycad p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin:2%;
}

.cycad h1
{
	margin:2%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;

}

#cycads
{
	width:50%;
	height:55%;
	position:relative;
	margin-left:26%;
	margin-right:26%;
}

.conifer
{
	background:#fff;
	width:35%;
	margin-top:4.5%;
	margin-bottom:2%;
	margin-left:53%;
	margin-right:10%;
	position:absolute;

}
.conifer p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin:2%;
}

.conifer h1
{
	margin:2%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;

}

#conifers
{
	width:50%;
	height:55%;
	position:relative;
	margin-left:26%;
	margin-right:26%;
}

.gnetales
{
	background:#fff;
	width:35%;
	margin-top:46%;
	margin-bottom:2%;
	margin-left:53%;
	margin-right:10%;
	position:absolute;
}
.gnetales p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin:2%;
}

.gnetales h1
{
	margin:2%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;

}

#gne
{
	width:50%;
	height:55%;
	position:relative;
	margin-left:26%;
	margin-right:26%;
}
#button
{
	margin-top:85%;
	background:#000;
	position:absolute;
	width:100%;
	height:10%;
}
#button p, #button a
{
	color:#fff;
	font-family:'Century Gothic';
	margin-left:60%;
	font-size:120%;
	
}