body
{
background-color: LightGrey;
overflow: auto;
margin: 0px auto;
padding: 0px;
height: 100%;
clear: both;
/*display: inline;*/
}

div.transitionLayer
{
/*border: solid 1px rgb(100,100,100);*/
background-color: LightSteelBlue;
width: 600px;
/*width: 50%;*/
height: 100%;
margin: auto auto;
/*min-height: 700px;*/
clear: both;
/*display: inline;*/
}

div.contentBottomLayer
{
background-color: White;
text-align: left;
width: 98%;
height: 99%;
margin: auto auto;
clear: both;
/*display: inline;*/
}

div.headerLayer1
{
background-color: black;
padding-bottom: 2px;
padding-left: 0px;
width: 100%;
/*display: table;*/
}

div.headerLayer2
{
padding-left: 2px;
background-color: transparent;
/*float: top;*/
}

div.logoPicture
{
background-color: transparent;
/*float: left;*/
/*vertical-align: top;*/
/*display: table-column;*/
display: table-cell;
width: 100px;
}

div.mottoContent
{
/*float: right;*/
background-color: white;
/*vertical-align: bottom;*/
height: 100%;
text-align: center;
font-size: 200%;
display: table-cell;
padding-left: 5px;
padding-bottom: 2px;
clear: both;
/*width: 100%*/
}


div.randImage
{
/*float: left;*/
background-color: transparent;
width: 500px;
margin-left: auto;
margin-right: auto;
}

.bgSB
{
	background-color: LightSteelBlue;
}

div.menuContent
{
background-color: SteelBlue;
font-color: GhostWhite;
font-family: Helvetica;
font-size: 10pt;
text-align: center;
}

div.menuContent ul.menuList
{
float: left;
width: 100%;
padding: 0px;
margin: 0px auto;
list-style-type: none;
background-color: LightSteelBlue;
}

div.menuContent ul.menuList li
{
float: left;
display: inline;
background-color: transparent;
padding: 0.2em 0.6em;
border-right: 1px solid white;
}

div.menuContent ul.menuList a
{
/*float: left;*/
text-decoration: none;
color: White;
/*padding: 0.2em 0.6em;*/
}

div.menuContent ul.menuList a:hover
{
background-color: LightSteelBlue;
}

div.contentLayerMain
{
clear: both;
padding-left: 2px;
height: 50%;
}

div.contentLayerMiddle
{
margin-left: auto;
margin-right: auto;
float: left;
display: inline;
height: 80%;
width: 71%;
padding-left: 12px;
padding-bottom: 10px;
}

div.navBar1
{
clear: both;
float: left;
/*width: 33%;*/
/*min-height: 300px;*/
/*display: inline;*/
}

div.navBar2
{
float: right;
width: 17%;
/*height: 100%;*/
text-align: top;
/*min-height: 300px;*/
display: inline;
}

div.contentTop
{
/*vertical-align: top;*/
float: left;
clear: left;
display: block;
min-height: 100px;
}

div.contentMid
{
/*vertical-align: center;*/
float: left;
clear: left;
display: block;
/*min-height: 100px;*/
}

div.contentBottom
{
/*vertical-align: bottom;*/
float: left;
/*clear: left;*/
display: block;
/*min-height: 100px;*/
}

div.footerContent
{
/*float: bottom;*/
/*vertical-align: top;*/
background-color: LightSteelBlue;
width: 100%;
font-size: 80%;
text-align: center;
/*position: relative;*/
clear: both;
bottom: 0px;
/*display: inline;*/
margin-top: 5px;
padding-top: 5px;
margin-bottom: 3px;
padding-bottom: 3px;
}