body {
 text-align: center;
 vertical-align: top;
 width: 100%;
}

h1 {
 text-align: center;
 vertical-align: top;
 width: 100%;
}

.copy {
 margin: 2em;
}

.elementAtomicNumber{
 font-weight: bold;
 font-size: 1em;
 text-align: right;
 vertical-align: top;
 width: 100%;
}

.elementAtomicWeight{
 font-weight: bold;
 font-size: 1em;
 text-align: center;
 width: 100%;
}

.elementSymbol {
 font-size: 1.3em;
 font-weight: bold;
 text-align: center;
 width: 100%;
}

.periodicTable {
 border-color: #000000;
 border-spacing: 0;
 border-style: solid;
 border-width: medium;
 text-align: center;
 vertical-align: top;
}

.periodicTable td, .periodicTable th {
 border-color: #000000;
 border-spacing: 0;
 border-style: solid;
 border-width: thin;
}

.periodicTableCell {
 padding: 0.2em;
}

.periodicTableRow {
}

.rightHeaderCellRoman {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.topHeaderCellArabic {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

.topHeaderRowArabic {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

.topHeaderCellRoman {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

.topHeaderRowRoman {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

#actinideSeries, #thoriumCell, #protactiniumCell, #uraniumCell, #neptuniumCell, #plutoniumCell, #americiumCell, #curiumCell, #berkeliumCell, #californiumCell, #einsteiniumCell, #fermiumCell, #mendeleviumCell, #nobeliumCell, #lawrenciumCell {
 background-color: #FFCC00;
 color: #000000;
}

#astatineAtomicNumber {
 background-color: #CC9AFF;
 color: #FFFFFF;
}


#bromineSymbol {
 background-color: #CC9AFF;
 color: #FFFF00
}

#groupHeader {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

#heliumCell, #neonCell, #argonCell, #kryptonCell, #xenonCell, #radonCell {
 background-color: #9ACC00;
 color: #000000;
}

#heliumSymbol, #neonSymbol, #argonSymbol, #kryptonSymbol, #xenonSymbol, #radonSymbol {
 background-color: #9ACC00;
 color: #FFFFFF;
}

#hydrogenCell, #boronCell, #carbonCell, #nitrogenCell, #oxygenCell, #fluorineCell, #phosphorusCell, #sulphurCell, #chlorineCell, #seleniumCell, #bromineCell, #iodineCell, #astatineCell {
 background-color: #CC9AFF;
 color: #000000;
}

#hydrogenSymbol, #nitrogenSymbol, #oxygenSymbol, #fluorineSymbol, #chlorineSymbol {
 background-color: #CC9AFF;
 color: #FFFFFF;
}

#lanthanideSeries, #ceriumCell, #praseodymiumCell, #neodymiumCell, #promethiumCell, #samariumCell, #europiumCell, #gadoliniumCell, #terbiumCell, #dysprosiumCell, #holmiumCell, #erbiumCell, #thuliumCell, #ytterbiumCell, #lutetiumCell {
 background-color: #FFCC9A;
 color: #000000;
}

#promethiumAtomicNumber {
 background-color: #FFCC9A;
 color: #FFFFFF;
}

#lithiumCell, #berylliumCell, #sodiumCell, #magnesiumCell, #aluminiumCell, #potassiumCell, #calciumCell, #galliumCell, #rubidiumCell, #strontiumCell, #indiumCell, #tinCell, #caesiumCell, #bariumCell, #thalliumCell, #leadCell, #bismuthCell, #poloniumCell, #franciumCell, #radiumCell {
 background-color: #9ACCFF;
 color: #000000;
}

#mercurySymbol {
 background-color: #FF9ACC;
 color: #FFFF00;
}

#neptuniumAtomicNumber, #plutoniumAtomicNumber, #americiumAtomicNumber, #curiumAtomicNumber, #berkeliumAtomicNumber, #californiumAtomicNumber, #einsteiniumAtomicNumber, #fermiumAtomicNumber, #mendeleviumAtomicNumber, #nobeliumAtomicNumber, #lawrenciumAtomicNumber {
 background-color: #FFCC00;
 color: #FFFFFF;
}

#periodHeader {
 color: #000000;
 font-weight: bold;
 text-align: center;
 vertical-align: bottom;
}

#poloniumAtomicNumber { 
 background-color: #9ACCFF;
 color: #FFFFFF;
}

#technetiumAtomicNumber, #rutherfordiumAtomicNumber, #dubniumAtomicNumber, #seaborgiumAtomicNumber, #bohriumAtomicNumber, #hassiumAtomicNumber, #meitneriumAtomicNumber, #darmstadtiumAtomicNumber, #roentgeniumAtomicNumber {
 background-color: #FF9ACC;
 color: #FFFFFF;
}


#scandiumCell, #titaniumCell, #vanadiumCell, #chromiumCell, #manganeseCell, #ironCell, #cobaltCell, #nickelCell, #copperCell, #zincCell, #yttriumCell, #zirconiumCell, #niobiumCell, #molybdenumCell, #technetiumCell, #rutheniumCell, #rhodiumCell, #palladiumCell, #silverCell, #cadmiumCell, #lanthanumCell, #hafniumCell, #tantalumCell, #tungstenCell, #rheniumCell, #osmiumCell, #iridiumCell, #platinumCell, #goldCell, #mercuryCell, #actiniumCell, #rutherfordiumCell, #dubniumCell, #seaborgiumCell, #bohriumCell, #hassiumCell, #meitneriumCell, #darmstadtiumCell, #roentgeniumCell {
 background-color: #FF9ACC;
 color: #000000;
}

#siliconCell, #germaniumCell, #arsenicCell, #antimonyCell, #telluriumCell {
 background-color: #33CCCC;
 color: #000000;
}

#titlePage {
 color: #000000;
 font-size: 200%;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
 width: 100%;
}