.InputZone          {   background                  :   url('/images/shadow.gif') left top repeat-x;
                        text-align                  :   left;
                        width                       :   290px;
                        border                      :   1px solid black;
                    }   
                        
.TextareaZone       {   background                  :   url('/images/shadow2.gif') left top repeat-x;
                        text-align                  :   left;
                        width                       :   290px;
                        border                      :   1px solid black;
                    }

body
                    {   margin                      :   0;
                        padding                     :   0;
                        font                        :   small Verdana,Sans-serif;
                        line-height                 :   1.6em;
                        text-align                  :   center;
                        color                       :   black;
                        background-color            :   rgb(55,70,120);
                    }

div#HeaderDiv       {   width                       :   100%;
                        border-top                  :   3px solid #006;
                        border-left                 :   1px solid black;
                        border-right                :   1px solid black;
                        height                      :   40px;
                        background-color            :   rgb(210,218,241);
                        color                       :   white;
                    }

div#HeaderDiv a,
div#HeaderDiv a:link,
div#HeaderDiv a:active,
div#HeaderDiv a:visited
                    {   color                       :   white;
                        text-decoration             :   none;
                        margin                      :   10px;
                        vertical-align              :   baseline;
                        line-height                 :   40px;
                        padding-left                :   10px;
                        padding-right               :   10px;
                        padding-top                 :   3px;
                        padding-bottom              :   3px;
                        letter-spacing              :   2px;
                        background-color            :   rgb(38,40,127);
                        border                      :   1px solid rgb(255,165,0);
                    }

div#HeaderDiv a:hover
                    {   color                       :   black;
                        background-color            :   rgb(255,223,139);
                    }

div#LogoASBLDiv,
div#LogoDiv         {  width                        :   100%;
                       border-left                  :   1px solid black;
                       border-right                 :   1px solid black;
                       height                       :   258px;
                       background-image             :   url('/images/diaboloAlt3.jpg');
                       background-repeat            :   no-repeat;
                    }

div#LogoDiv.gameground
                    {   width                       :   100%;
                        background-image            :   url('/images/diaboloASBL.jpg');
                    }

div#NavDiv                 {  width                : 100%;
                              border-left          : 1px solid black;
                              border-right         : 1px solid black;
                              border-bottom        : 1px solid black;
                              height               : auto;
                              /* background-color     : rgb(87,22,15); */
                              background-color     : rgb(210,218,241);
                              color                : white;
                           }

div#NavDiv a,
div#NavDiv a:link,
div#NavDiv a:active,
div#NavDiv a:visited       {  color                : rgb(33,43,74);
                              text-decoration      : underline;
                              margin               : 5px;
                              vertical-align       : baseline;
                              line-height          : 30px;
                              padding              : 5px;
                              letter-spacing       : 0.1em;
                              border               : 1px solid rgb(210,218,241);
                           }

div#NavDiv a:hover         {  color                : white;
                              background-color     : rgb(38,40,127);
                              border               : 1px solid white;
                              text-decoration      : none;
                           }

div#FooterDiv              {  width                : 100%;
                              height               : 40px;
                              border-top           : 8px solid black;
                              border-left          : 1px solid black;
                              border-right         : 1px solid black;
                              border-bottom        : 1px solid black;
                              background-color     : rgb(210,218,241);
                              color                : rgb(33,43,74);
                              text-align           : center;
                              font-size            : 8pt;
                              /* display              : none; */
                           }

div#FooterDiv a            {  text-decoration      : underline;
                           }

div#ContentsDiv            {  width                : 100%;
                              border-left          : 1px solid black;
                              border-right         : 1px solid black;
                           }

div#ContainerDiv           {  background-color     : rgb(170,170,153);
                              width                : 750px;
                              height               : 100%;
                              margin               : 0 auto;
                              border               : 0px solid #fff;
                              text-align           : left;
                              color                : #333;
                              position             : relative;
                           }

div#PageTitleDiv           {  margin-right         : 35%;
                              width                : 64%;
                              float                : left;
                              border               : 1px solid red;
                              clear                : none;
                           }

div#PageEmptyDiv           {  margin-left          : 65%;
                              width                : 34%;
                              float                : right;
                              border               : 1px solid green;
                              clear                : none;
                           }
                     
div#ContentsDiv table      {  width                : 100%;
                           }

div#ContentsDiv table tr#PageHeaderDiv td#PageTitleDiv
                           {  width                : 65%;
                              background-color     : rgb(255,241,205);
                           }

div#ContentsDiv table tr#PageHeaderDiv
                           {  height               : 40px;
                           }

div#ContentsDiv table tr#PageHeaderDiv td#PageEmptyDiv
                           {  width                : 35%;
                              background-color     : rgb(255,223,139);
                              background-image     : url('/images/separation.gif');
                              background-position  : left;
                              background-repeat    : repeat-y;
                           }

div#ContentsDiv table tr#PageContentsDiv
                           {  height               : 400px;
                           }

div#ContentsDiv table tr#PageContentsDiv td#PageContentsC1Div
                           {  width                : 65%;
                              height               : 300px;
                              background-color     : white;
                              text-align           : justify;
                              background-image     : url('/images/NotebookRings2DDD.jpg');
                              background-position  : left;
                              background-repeat    : repeat-y;
                           }

div#ContentsDiv table tr#PageContentsDiv td#PageContentsC2Div
                           {  width                : 35%;
                              height               : 300px;
                              background-color     : rgb(255,241,205);
                              text-align           : left;
                              background-image     : url('/images/separation.gif');
                              background-position  : left;
                              background-repeat    : repeat-y;
                           }

div#ContentsDiv table tr#PageContentsDiv td#PageContentsC2Div ul
                           {
                              list-style-image      : url('/images/LinkImage.gif');
                           }

div#ContentsDiv table tr#PageHeaderDiv td#PageTitleDiv h1
                           {  background           : none;
                              margin               : 0 0 -8px;
                              padding              : 0 0 .2em;
                              font                 : 170%/1.5em Georgia,Serif;
                              color                : #456;
                           }

td#PageContentsC1Div h2    {  background           : none;
                              margin               : 0 0 -8px;
                              border-bottom        : 1px dashed #ccc;
                              padding              : 0 0 .2em;
                              font                 : 175%/1.5em Georgia,Serif;
                              font-weight          : bold;
                              /* color                : #245; */
                              color                : rgb(67,87,150);
                              line-height          : 1.3em;
                           }

td#PageContentsC1Div h3    {  background           : none;
                              padding              : 0 0 .2em;
                              font                 : 140%/1.5em Georgia,Serif;
                              margin-left          : 30px;
                              /* color                : rgb(170,170,153); */
                              /* color                : rgb(170,179,207); */
                              color                : rgb(152,163,198);
                           }

td#PageContentsC1Div p.level3
                           {  margin-left          : 30px;
                           }

/* All <p> elements that follow h3 will share the same margin */
td#PageContentsC1Div h3 + p{  margin-left          : 30px;
                           }

div#Lettrage        {   height                      :   150px;
                        width                       :   250px;
                        overflow                    :   hidden;
                        float                       :   right;
                        color                       :   #fff;
                        text-align                  :   center;
                        margin                      :   66px 0 0 0;
                    }