html, body
{
	height:100%;
	margin:0 0 1px;
	padding:0;
}
body
{
	font-family:Arial;
	font-size:0.7em;
	color:white;
	background-color:#000077;
	overflow: visible;
}
#container
{
	width:830px;
	z-index:0;
}
.footer
{
	width:530px;
	margin-left: 50px;
	text-align:center;
}
.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
#navmenu
{
	float:right;
	margin-top:20px;
	width:205px;
	height:446px;
}
.links
{
	position:absolute;
	font-size:18px;
}
#link-whatwedo {left:120px;top:139px;}
#link-whoweare {left:85px;top:178px;}
#link-history {left:110px;top:218px;}
#link-equipment {left:70px;top:257px;}
#link-volunteer {left:80px;top:297px;}
#link-donate {left:110px;top:336px;}
#link-contactus {left:95px;top:375px;}
#link-membersonly {left:90px;top:414px;}
a.nav:link {color:#FBAF0C;text-decoration:none;}
a.nav:visited {color:#FBAF0C;text-decoration:none;} 
a.nav:hover {color:white;text-decoration:none;}
a.nav:active {color:white;text-decoration:none;}
a.nav:visited:hover {color:white;text-decoration:none;}
#navmenu-topborder {float:left}
#navmenu-leftborder {float:left}
#navmenu-rightborder {float:right}
#navmenu-bottomborder {float:left}
#navmenu-divider {float:left}
#navmenu-topic1 {float:left}
#navmenu-topic2 {float:left}
#navmenu-topic3 {float:left}
#navmenu-topic4 {float:left}
#navmenu-topic5 {float:left}
#navmenu-topic6 {float:left}

a {outline:0}

a:link {color:#000077;}
a:visited {color:#000077;} 
a:hover {color:red;font-style:italic;}
a:active {color:red;font-style:italic;}
a:visited:hover {color:red;font-style:italic;}

a.dropdown:link {color:#000077;}
a.dropdown:visited {color:#000077;} 
a.dropdown:hover {color:red;}
a.dropdown:active {color:red;}
a.dropdown:visited:hover {color:red;}

a.flash:link {color:white; text-decoration:none;}
a.flash:visited {color:white;} 
a.flash:hover {color:#FCB20C;}
a.flash:active {color:#FCB20C;}
a.flash:visited:hover {color:#FCB20C;}

#logo {
	position: relative;
	z-index: -1;
	margin-left: 193px;
	width: 300px;
	height: 300px;
	-webkit-animation: logorotate 3s 1; /* Chrome, Safari, Opera */ 
	animation: logorotate 3s 1;
}
@-webkit-keyframes logorotate { /* Chrome, Safari, Opera */
	0%   {-webkit-transform: scale(0.1) rotate(0deg)}
	100% {-webkit-transform: scale(1) rotate(360deg)}
}
@keyframes logorotate { /* Standard syntax */
	0%   {transform: scale(0.1) rotate(0deg)}
	100% {transform: scale(1) rotate(360deg)}
}
#header1 {
	position:relative;
	left: -520px;
	-webkit-animation-name: header1slide; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-name: header1slide;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes header1slide { /* Chrome, Safari, Opera */
	0% {left: -520px;)}
	100% {left: 0px;)}
}
@keyframes header1slide { /* Standard syntax */
	0% {left: -520px;)}
	100% {left: 0px;)}
}
#header2 {
	position:relative;
	left: -520px;
	-webkit-animation-name: header2slide; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-name: header2slide;
	animation-duration: 1s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes header2slide { /* Chrome, Safari, Opera */
	0% {left: -520px;)}
	100% {left: 0px;)}
}
@keyframes header2slide { /* Standard syntax */
	0% {left: -520px;)}
	100% {left: 0px;)}
}