html { margin:0; }

/* original background-color: #e7e7ff ; */

body { background-color:#dbdbdb;
       font-family:comic sans ms,verdana,helvetica,sans-serif; font-size:14px; color:black;
       text-align:justify;
       width:100%;
       height:100%;
       margin: 0px;
     }

a { text-decoration: none; }

.bigV,.bigK { font-family: times,serif;
        font-size: 72px;
        color: black;
      }

.leftBorderBox { border-left: solid 1px black; }
.stdtext { text-indent:1em; font-family:verdana,helvetica,sans-serif; font-size:14px; color: black; text-align:justify; }

.itemtitle  { font-family: comic sans ms,arial,helvetica,sans-serif; font-size: 18px; }
.item       { font-family: comic sans ms,arial,helvetica,sans-serif; font-size: 16px; color: black; }
.zoomText { font-family:arial,helvetica,sans-serif; font-size:11px; color: black; }


#infoBox { position:absolute; 
           left:50%; top:25%;
           visibility:hidden;
           width:auto; height:auto;
           background-color:lightyellow;
           font-family:verdana,arial,helvetica,sans-serif;
           font-size:.6em;
           border:solid 1px black;
           padding:5px;
           z-index:20;
         }


#bgBox { position:absolute;
         top:0; left:0;
         width:100%; height:100%;
         z-index:1;
        }

.bigV,.bigK { font-family: times,serif;
        font-size: 72px;
        color: black;
      }

#headerBox { position:absolute; margin-top:10px; left:255px;height:50px; width:auto; font-family:comic sans ms,verdana,helvetica,sans-serif; font-size:24px;text-align: center; z-index:10;}
#initsBox { float:left; border:solid 1px black; width:65px; height:65px; background-color:lightyellow; z-index:10; }
#vBox { position:absolute; top:-8px; left:16px; font-family:times,serif; font-size:48px; color:#7f7f7f; z-index:10; }
#kBox { position:absolute; top:14px; left:17px; font-family:times,serif; font-size:48px; color:#7f7f7f; z-index:10; }
#stationeryBox { margin-left:40px; z-index:10; }

#content { position:absolute; top:80px; left:0; z-index:10; }

#menuBox { position:absolute;
           left:10px;
           margin-top:80px;
           width:130px;
            filter: alpha(opacity=50);
           z-index:10;
         }

a.menuItem:link { color:#000099; }
a.menuItem:visited { color:#000099; }
a.menuItem:hover { color:#000099; background-color:lightyellow; text-decoration:underline; filter: alpha(opacity=50); -moz-opacity:1; }
a.menuItem:active { color:#000099; }

.menuItem { display:block;
            padding-left:5px;
            background:#707070;
            filter: alpha(opacity=50);
            -moz-opacity:.5;
            border:solid 1px e0e0e0;
            z-index:10;
           font-family:comic sans
ms,verdana,arial,helvetica,sans-serif;
           font-size:15px;
           color:#000099;
           position:absolute;
           left:2px;
           width:120px;
         }

#menuItem1 { top:140px; }
#menuItem2 { top:180px; }
#menuItem3 { top:220px; }
#menuItem4 { top:260px; }
#menuItem5 { top:300px; }
#menuItem6 { top:340px; }
#menuItem7 { top:380px; }
#menuItem8 { top:420px; }
#menuItem9 { top:460px; }


#bodyBox { margin-left:155px; padding:25px; border-left:; z-index:10; }

#titleBox { font-family:comic sans ms,verdana,arial,helvetica,sans-serif;
           font-size:22px;
           color:black;
           
           text-align:center;
           padding:5px;
           width:480px;}

#subtitleBox { font-family:comic sans ms,verdana,arial,helvetica,sans-serif;
           font-size:18px;
           color:black;
           
           text-align:center;
           padding:5px;
           width:375px;
            
          }
.thumbBox { background-color:white;}
.aThumb { float:left; padding:5px; width:35%; margin:5px 2px 1px 3px; }


