.cssPageWrapper {
    min-height: 600px;
    min-width: 650px;
    height: 100%;
    width: 100%;
    /*background-color: #231F20;*/
    background-image: url('../Images/Tileable_Starfield.jpg');
    background-repeat: repeat;
    /*   border:solid 1px Olive; */
}

.cssMinHeightSpacer
{
    width:10px;
    height:600px;
    background-color:Red;
    float:right;
}

.cssMinWidthSpacer
{
    width:600px;
    height:10Px;
    clear:both;
    overflow:hidden;
 /*   background-color:Red;*/
}

.cssBody1 {
    /*background-color: #231F20;*/
    /*    background-image:url(StarsBackground.png);
    background-repeat:repeat;*/
    background-image: url('../Images/Tileable_Starfield.jpg');
    background-repeat: repeat;
    /*border: solid 1px green;*/
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 620px;
}

.divMainHeader
{
    /*position:absolute;*/
    margin-top:1%;
    /*top:5%;*/
   /*height: 200px;*/
  /*  border:solid 1px green;*/
}

.cssWelcomeArea
{
  /*  position:absolute;*/
    margin-top:5%;
    margin-left:15%;
    color: purple;
    color:rgb(181,214,245);
    font-family:Verdana;
    font-size:14px;
    text-align:center;
    vertical-align:middle;
    width:70%;
 /*   border:solid 1px red;*/
}

.cssAreaHolder
{
    /*position:absolute;*/
    margin-top:20px;
    left:0%;
    width:100%;
    height:40%;
    min-width:620px;
 /*   border: solid 1px yellow;*/
}

.cssWitchcraftArea
{
    position:relative;
    margin-top:5%;
    left:0px;
    margin-left:auto;
    margin-right:auto;
    width:220px;
    height:50px;
/*    border: solid 1px purple; */ 
}

.cssSecondRow
{
    position:relative;
    top:5%;
    left:0%;
    width:100%;
    height:50px;
    min-width:620px;
/*    border:solid 1px blue;*/ 
}

.cssThirdRow
{
    position:relative;
    top:5%;
    left:0%;
    width:100%;
    height:50px;
    min-width:620px;
/*    border:solid 1px blue;*/ 
}

.cssAreas
{
    width:33%;
    color:rgb(106,50,147); /*purpley-blue*/
    font-family:Verdana;
    font-size:24px;
    vertical-align:middle;
    text-align:center;  
/*    border: solid 1px orange;  */
}

.cssAreasBold
{
    color:rgb(181,214,245);/* light blue */
    font-size:26px;
    vertical-align:middle;
    text-align:center;   
}

.cssMessagingArea
{
    position:absolute;
    left: 33%;
    top:0%;
}

.cssDatabaseArea
{
    position:absolute;
    left: 0%;
    top:0%;
}

.cssForumArea
{
    position:absolute;
    left: 66%;
    top:0%;
}

.cssAreaImage
{     
    position:absolute;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    z-index:900;
    width:218px;
    height:50px;
    border: none 0;
}

.centered
{
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
}

.transparent 
{
  opacity:.5;
}

 
.cssSubDivision
{
    position: absolute;
    top:2%;
    left:2%;
    width:96%;
    height:96%;
    display:none;
    background-color:black;
    border:solid 2px #8981BC;
    z-index:2000;
    overflow:auto;
}

.cssSubdivisionHeader
{
    position: relative;
    top:2%;
    left:2%;
    width:96%;
    height:7%;
    border: solid 1px #8981BC;
    font-family:Verdana;
    color:#8981BC;
    text-align:center;
    vertical-align:middle;
    background-color:rgb(181,214,245);
}

.cssSubdivisionBody
{
    position: absolute;
    top:11%;
    left:2%;
    width:96%;
    height:77%;
    background-color:rgb(181,214,245);/*light blue*/
    border:solid 1px #8981BC;
    z-index:2100;
    background-image:url(StarsBackground.html);
}

.cssSubdivisionFooter
{
    position: absolute;
    top:90%;
    left:2%;
    width:96%;
    height:7%;
    background-color:rgb(181,214,245);
    border:solid 1px #8981BC;
    z-index:2100;
}

.cssSubdivisionCloseButton
{
    position:absolute;
    top:10%;
    left:40%;
    width:20%;
    height:80%;
    font-family:Verdana;
    font-size:10px;
    font-weight:bolder;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    background-color:rgb(106,50,147); /*purpley blue*/
}

.cssLoginList
{
    position: absolute;
    top: 5%;
    left:50%;
    height:90%;
    width:48%;
    overflow:auto;
}