html                { width:100%;
                      height:100%; }

body                { width:100%;
                      height:100%;
                      margin:0px;
                      font-family:"Share Tech";
                      font-size:14pt;
                      overflow:hidden;}

a.nodeco            { text-decoration:none;
                      cursor:pointer;
                      color:#6c6c6c; }

a.deco              { text-decoration:none;
                      cursor:pointer;
                      color:#133900;
                      font-weight:bold; }

a.deco:hover        { text-decoration:underline;
                      text-decoration-color:#1c1c1c; }

h1                  { font-size:1.8em;
                      color:#133900;
                      margin:0px;
                      padding:10px; }

h2                  { font-size:1.4em;
                      color:#133900;
                      margin:0px;
                      padding:10px; }

p                   { padding:10px;
                      padding-top:0px;
                      padding-bottom:10px; }

ul                  { margin:0px; }

span.phaeps         { color:#133900;
                      font-weight:bold; }

div.head_bar        { position:absolute;
                      z-index:5;
                      top:35px;
                      height:75px;
                      width:100%;
                      border-top:1px solid white;
                      border-bottom:1px solid white;
                      background:#707070; }

div.logo            { position:relative;
                      left:35px;
                      height:100%;
                      width:250px;
                      border-left:1px solid white;
                      border-right:1px solid white;
                      background:#c3c3c3; }

img.logo            { position:relative;
                      width:191px;
                      height:47px;
                      margin-top:14px;
                      margin-left:29px; }

img.scale           { width:100%; }

img.w800            { max-width:800px; }
img.w600            { max-width:600px; }

.fright             { float:right; }

div.navigation      { position:absolute;
                      z-index:1;
                      top:0px;
                      left:0px;
                      text-align:right;
                      background:#c3c3c3;
                      padding-top:130px;
                      width:250px;
                      height:100%; }

.navigation .item   { color:#6c6c6c;
                      cursor:pointer;
                      padding:25px;
                      padding-top:5px;
                      padding-bottom:5px;
                      font-size:1.3em; }

.item:hover         { color:#1c1c1c; }

.selected           { color:#1c1c1c!important;
                      font-weight:bold; }

div.rainbow         { position:absolute;
                      z-index:1;
                      top:0px;
                      left:250px;
                      width:3px;
                      height:100%;
                      background:url( /images/border_rainbow.png ); }

div.content         { position:absolute;
                      right:0px;
                      top:110px;
                      overflow:hidden;
                      overflow-y:scroll;
                      width:calc( 100% - 303px );
                      height:calc( 100% - 160px );
                      padding:25px; }

div.center          { width:100%;
                      text-align:center; }

td.left             { vertical-align: top;
                      min-width:250px;
                      font-weight:bold;
                      border-bottom:1px solid #1c1c1c; }

td.right            { vertical-align: top;
                      border-bottom:1px solid #1c1c1c; }