@charset "utf-8";
/* CSS Document: all elements above and including the navigation menu */

body {
	background-color: white;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 50em;
	max-width: 50em;
}

div.top img.fixed {
	width: 100%;
	height: 5em;
	border: 0;
	padding: 0;
	margin: 0;
	margin-bottom: -.2em;
}

div.top div.rotate {
	width: 100%;
	height: 7.5em;
}

div.top div.rotate img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
}

div.top div.splash {
	width: 100%;
	height: 30em;
	overflow: hidden;
}

div.top div.splash img {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

div.top div.menu {
	width: 100%;
	height: 2.4em;
	margin-top: 0.05em;
	background-color: #707070;
	/*border-bottom: 2px solid black;*/
}

div.top div.menu ul {
	list-style: none;
	float: left;	
	padding: 0;
	margin-top: 0.0em;
	margin-left: 4.0em;
	border: none;
}

div.top div.menu ul li {
	float: left;
	width: 7em;
}

div.top div.menu ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: white;
	/*font-weight: bold;*/
	padding: 0.6em 0.0em 0.65em 0.0em;
}

div.top div.menu ul li:nth-of-type(1) a:before{
            content: 'About';
	color: white;
}

div.top div.menu ul li:nth-of-type(1):hover {
	background-color: white;
}

div.top div.menu ul li:nth-of-type(1) a:hover:before{
	color:black;
	background-color: white;
	font-weight: bold;
}


div.top div.menu ul li:nth-of-type(2) a:before{
            content: 'Membership';
	color: white;
}

div.top div.menu ul li:nth-of-type(2):hover {
	background-color: white;
}

div.top div.menu ul li:nth-of-type(2) a:hover:before{
	color:black;
	background-color: white;
	font-weight: bold;
}


div.top div.menu ul li:nth-of-type(3) a:before{
            content: 'Research';
	color: white;
}

div.top div.menu ul li:nth-of-type(3):hover {
	background-color: white;
}

div.top div.menu ul li:nth-of-type(3) a:hover:before{
	color:black;
	background-color: white;
	font-weight: bold;
}

div.top div.menu ul li:nth-of-type(4) a:before{
            content: 'Library';
	color: white;
}

div.top div.menu ul li:nth-of-type(4):hover {
	background-color: red;
}

div.top div.menu ul li:nth-of-type(4) a:hover:before{
	content: 'Restricted';
            color:    white;
	background-color: red;
	font-weight: bold;
}

div.top div.menu ul li:nth-of-type(5) a:before{
            content: 'Database';
	color: white;
}

div.top div.menu ul li:nth-of-type(5):hover {
	background-color: red;
}

div.top div.menu ul li:nth-of-type(5) a:hover:before{
	content: 'Restricted';
            color:    white;
	background-color: red;
	font-weight: bold;
}

div.top div.menu ul li:nth-of-type(6) a:before{
            content: 'Calculators';
	color: white;
}

div.top div.menu ul li:nth-of-type(6):hover {
	background-color: red;
}

div.top div.menu ul li:nth-of-type(6) a:hover:before{
	content: 'Restricted';
            color:    white;
	background-color: red;
	font-weight: bold;
}