body {
	font-family: comic sans ms,verdana,arial,geneva,helvetica,sans-serif;
	margin: 0em;
	background-color: white;
	color: black;
}

div.bodydiv {
	padding: 1em;
	background-color: #ffffcc;
	color: black;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.center {
	text-align: center;
}

a img {
	border:none;
}
a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #CC0099;
	text-decoration: none;
}

.serif {
	font-family: georgia,times new roman,times,roman,sans-serif;
}

.sans-serif {
	font-family: verdana,arial,geneva,helvetica,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: verdans,arial,geneva,helvetica,sans-serif;
	font-weight: bold;
	color: #336699;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.big {
	font-size: 150%;
}

.larger {
	font-size: 120%;
}

.smaller {
	font-size: 80%;
}

.graytext {
	color: #666666;
}

table.table-main {
	border-width: 0px;
	border-spacing: 0.5em;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
}
table.table-main th {
	border-width: 0px;
	padding: 0.5em 1em 0.5em 1em;
	border-style: solid;
	border-color: black;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	text-align: center;
	vertical-align: top;
}
table.table-main td {
	border-width: 0px;
	padding: 0.5em 1em 0.5em 1em;
	border-style: solid;
	border-color: black;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	text-align: left;
	vertical-align: top;
}

table.table-layout {
	border-width: 0px;
	border-spacing: 0.5em;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
}
table.table-layout th {
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	text-align: center;
	vertical-align: top;
}
table.table-layout td {
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	text-align: left;
	vertical-align: top;
}

table.table-elements {
	border-width: 0px;
	border-spacing: 1px;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: white;
}
table.table-elements th {
	border-width: 1px;
	padding: 0.1em 0.5em 0.1em 0.5em;
	border-style: solid;
	border-color: white;
	text-align: center;
	vertical-align: top;
}
table.table-elements td {
	border-width: 1px;
	padding: 0.1em 0.5em 0.1em 0.5em;
	border-style: solid;
	border-color: white;
	text-align: left;
	vertical-align: top;
}

.g-hydrogen {
	background-color: #E5E5E5;
}
.g-alkali-metal {
	background-color: #D9B2D7;
}
.g-alkali-earth {
	background-color: #B5D6E8;
}
.g-trans-metal {
	background-color: #B2E0A8;
}
.g-poor-metal {
	background-color: #CBEA93;
}
.g-non-metal {
	background-color: #F7E873;
}
.g-halogen {
	background-color: #F5CB99;
}
.g-noble-gas {
	background-color: #F79899;
}
.g-rare-earth {
	background-color: #B1E1CD;
}
.g-actinide {
	background-color: #CBEBDF;
}
.g-superheavy {
	background-color: #E5E5E5;
}