.TableOfNames
{
	width:100%;
	border-width: 0;
	padding: 0;
    font-size:small;
}
.CellOfNames {
    width:20%;
    font-size:x-small;
}
.DivChartBox {
    font-size:10px;
    font-family: Verdana;
    color: black;
    text-decoration: none;
    text-align:left;
    padding: 2px;
    border-width:2px;
    border-color:inherit;
    border-style:solid;
    text-wrap:none;
}
.DivChartBoxFocus {
    border-color:green;
}
.DivChartBoxNonFocus {
    border-color:gray;
}
.DivOfNamesBoy {
    background-color:skyblue;
    width: 300px;
    
}
.DivOfNamesGirl {
    background-color:pink;
    width: 300px;
  /*margin: 2px;*/
}
.DivOfNamesUnknown {
    background-color:lightgray;
    width: 300px;
    /*margin: 2px;*/
}
.CenterBlock {
    text-align:center;
    width:100%;
}
.normalText{
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
.titleText{
    color: black;
    font-family: Verdana;
    font-size: 12pt;
    font-weight:normal;
    text-decoration:underline;
}

.chartBoxParaBold {
    color: black;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}
.chartBoxPara {
    color: black;
    font-family: Verdana;
    font-size: 9px;
    margin: 0px;
}
.bgSign
{
    BACKGROUND-COLOR: transparent
}
.bg0
{
    BACKGROUND: #dae4dc
}
.bg1
{
    BACKGROUND-COLOR: transparent
}
.bg2
{
    BACKGROUND: #868686
}
.bg3
{
    BACKGROUND: #000000;
    COLOR: #ffffff;
    FONT: bold 24pt/24pt Times, serif;
    TEXT-ALIGN: center
}
.header
{
    FONT-FAMILY: "verdana";
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.title
{
    BACKGROUND: black;
    COLOR: #ffffff;
    FONT-FAMILY: "Verdana";
    FONT-SIZE: 10pt;
    FONT-VARIANT: normal;
    LINE-HEIGHT: 12pt;
    TEXT-ALIGN: center
}
BLOCKQUOTE
{
    BACKGROUND: #7fffd4
}
H4
{
    FONT-FAMILY: "verdana";
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
H5
{
    FONT-FAMILY: "verdana";
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    LINE-HEIGHT: 10pt
}
H6
{
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: 100%
}
CODE
{
    FONT-FAMILY: Courier, Monaco
}
/*A:link
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #0000ff
}
A:active
{
    COLOR: #ffcc99
}
A:visited
{
    COLOR: #800080
}*/
H1
{
    COLOR: black;
    FONT-FAMILY: verdana;
    FONT-SIZE: 18pt;
    TEXT-DECORATION: none
}
BODY
{
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none;
    margin: 0px;
}
TD
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
TR
{
    HEIGHT: 12pt
}
.TableMainTable
{
	width:90%;
	border-width: 0;
	padding: 0;
}
.TableSubTable {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}
.TableBounding
{
	width:100%;
	border-width: 0;
	padding: 0;
}
.TableTest
{
	width:90%;
	border-color: Red;
	border-width: thick;
	font-size:xx-large;
}
.TableCellHeader
{
	font-size:12px;
	text-align: center;
	background-color: Lavender;
	font-weight:bold;
	border-style:solid;
	border-width: 1px;
	border-color: lightgrey;
	white-space:nowrap;
    margin: 0px;
}
.TableCellBody {
	font-size: 12px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: lightgrey;
	margin: 0px;
}
.StoryBody {
    font-size: 12px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    padding: 10px;
}
.ParaTitleHeader {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
    
}
.TableRowHorizHeader {
	font-size: 12px;
	text-align: right;
	background-color: Lavender;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: lightgrey;
	white-space: nowrap;
}
.TableOfStuff {
    border-style: solid;
    border-width: 1px;
    border-color: darkgray;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
    padding: 0px;
}
.mapContainer {
    width: 100%;
    margin: auto;
}

.mapObject {
    height: 500px;
    width: 640px;
    border: 1px;
    border-color: gray;
    border-style: solid;
    margin: auto;
}
.TableOfStuffContainer {
    width: 100%;
    display: flex;
    justify-content: center;
}
.TableOfStuffContainer2 {
    width: 640px;
    //justify-content: center;
    //display: flex;
}