@charset "UTF-8";
body {
	font-family: "Comic Relief", "Comic Sans MS", sans-serif;
	margin: 0;
	background-color: white;
	color: black;
}
div.body-div-320-1000, body-div-normal {
	min-width: 320px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 1em;
}
div.body-div-480-1000 {
	min-width: 480px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 1em;
}
div.body-div-640-1000 {
	min-width: 640px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1em;
}
.serif {
	font-family: "Noto Serif", Georgia, serif;
}
.sans-serif {
	font-family: "Noto Sans", Verdana, sans-serif;
}
.casual-font {
	font-family: "Comic Relief", "Comic Sans MS", sans-serif;
}
.display-font {
	font-family: "Paytone One", "Arial Black", Verdana, sans-serif;
	font-weight: normal;
}
p {
	font-size: 1em;
	margin: 1em 0
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	font-family: "Arial Black", Verdana, sans-serif;
	font-weight: normal;
	color: #3366CC;
}
h1 {
	font-size: 1.5em;
	margin: .5em 0;
}
h2 {
	font-size: 1.3em;
	margin: .5em 0;
}
h3 {
	font-size: 1.17em;
	margin: .5em 0;
}
h4 {
	font-size: 1em;
	margin: .5em 0;
}
h5 {
	font-size: .83em;
	margin: .5em 0;
}
h6 {
	font-size: .75em;
	margin: .5em 0;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.middle {
	vertical-align: middle;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.center-block, .center-table {
	margin: 0 auto;
}
.inline-block {
	display: inline-block;
}
.table {
	display: table
}
.table-row{
	display: table-row
}
.table-cell{
	display: table-cell
}
figure {
	margin: .5em 1em;
}
div.figures-inline figure {
	display: inline-block;
}
img.resizable {
	max-width: 100%;
	height: auto;
}
a img {
	border:none;
}
a {
	text-decoration: none;
	font-weight: bold;
}
a.display-font {
	text-decoration: none;
	font-weight: normal;
	color: #003399;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #CC0099;
}
.big {
	font-size: 150%;
}
.larger {
	font-size: 120%;
}
.smaller {
	font-size: 80%;
}
div.navbar {
	width: 100%;
	margin: 0 auto 0.5em auto;
	border-radius: 1em;
	background-color: #eeeeee;
}
div.navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.navbar li {
	display: inline;
}
div.navbar a {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	padding: .1em .2em;
	margin: .1em .2em;
}
div.navlinks {
	width: 100%;
	margin: 0 auto;
}
div.navlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.navlinks li {
	display: inline;
}
div.navlinks a {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	padding: .1em .2em;
	margin: .1em .2em;
}
div.section-box {
	border-width: 0;
	margin: .5em 0;
	padding: 0.5em 1em;
	border-radius: 1em;
	vertical-align: top;
}
.color-gray {
	color: #666666;
}
.color-green {
	color: #006600;
}
.bg-light-green {
	background-color: #bbeebb;
}
.bg-light-pink {
	background-color: #ffcccc;
}
.bg-light-blue {
	background-color: #aaddff;
}
.bg-light-purple {
	background-color: #ddccff;
}
.bg-light-cyan {
	background-color: #bbeeee;
}
.bg-light-gray {
	background-color: #eeeeee;
}
.group-hydrogen {
	background-color: #E5E5E5;
}
.group-alkali-metal {
	background-color: #D9B2D7;
}
.group-alkali-earth {
	background-color: #B5D6E8;
}
.group-trans-metal {
	background-color: #B2E0A8;
}
.group-poor-metal {
	background-color: #CBEA93;
}
.group-non-metal {
	background-color: #F7E873;
}
.group-halogen {
	background-color: #F5CB99;
}
.group-noble-gas {
	background-color: #F79899;
}
.group-rare-earth {
	background-color: #B1E1CD;
}
.group-actinide {
	background-color: #CBEBDF;
}
.group-superheavy {
	background-color: #E5E5E5;
}