html { margin:3px; }

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

body { background-color:#7291c1;
       font-family: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:13px; color: black; text-align:justify; }
.stdtext:first-letter { font-size:150%; font-weight:bold; }
.itemtitle  { font-family: arial,helvetica,sans-serif; font-size: 18px; }
.item       { font-family: arial,helvetica,sans-serif; font-size: 16px; color: blue; font-weight: bold; }
.zoomText { font-family:arial,helvetica,sans-serif; font-size:11px; color: black; }
.plaintext { font-family:verdana,helvetica,sans-serif; font-size:14px; color:black; text-align:justify; }
.smalltext { font-family:verdana,helvetica,sans-serif; font-size:10px; color:black; text-align:justify; }


#infoBox { position:absolute; 
           left:180px; top:100px;
           width:540px;
           background-color:antiquewhite; /* lightyellow */
           font-family:verdana,arial,helvetica,sans-serif;
           font-size:11px;
           border:solid 6px #c03030;
           padding:8px;
           margin:2px;
           z-index: 20;
         }

#infoBox ol { font-family:verdana,helvetica,sans-serif; color:black; font-weight:bold; font-size:12px; }

#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; top:10px; left:20px; height:70px; width:auto; font-family:verdana,helvetica,sans-serif; font-size:18px; z-index:10; }
#initsBox { float:left; border:solid 1px black; width:65px; height:65px; background-color:lightyellow; z-index:10; background:url('images/logo1.jpg'); }
#vBox { position:absolute; top:-4px; left:12px; font-family:times,serif; font-size:48px; color:#3f3f3f; z-index:10; }
#kBox { position:absolute; top:12px; left:35px; font-family:times,serif; font-size:48px; color:#7f7f7f; z-index:10; }
#stationeryBox { margin-left:70px; border-bottom:solid 1px black; z-index:10; }
#stationeryBox p { margin-top:8px; margin-bottom:4px; }

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

.mainFooter { position:absolute; bottom:0; left:0; width:90%; font-size:10px; padding-left:3px; margin:0 auto; color:black; z-index:10; }
.mainFooter2 { position:relative; top:0; left:0; width:95%; font-size:10px; padding:1%; margin:0 auto; background-color:#e0e0e0; color:black; z-index:10; border:solid 1px black; }

/* #menuBox could be removed, but keep it for now */
#menuBox { position:absolute;
           left:10px;
           margin-top:80px;
           width:160px;
           filter: alpha(opacity=50);
           -moz-opacity:0.5;
           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=100); -moz-opacity:1; }
a.menuItem:active { color:#000099; }

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

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


#bodyBox { margin-left:175px; padding: 20px 5px 5px 5px; border-left:solid 1px yellow; z-index:10; }

#titleBox { font-family:comic sans ms,verdana,arial,helvetica,sans-serif;
           font-size:28px;
           color:#000099;
           background-color:white;
           text-align:center;
           padding:5px;
           width:200px;
           border:solid 1px black; 
          }

.thumbBox { margin-left:40px; width:85%; background-color:white; }
.aThumb { float:left; padding:5px; width:27%; margin:15px 2px 1px 3px; }

/* in CSS3 it will be opacity:<alphavalue from .0 to 1.0>; */
.opacity100 { filter:alpha(opacity=100); -moz-opacity:1.0; }
.opacity90 { filter:alpha(opacity=90); -moz-opacity:0.9; }
.opacity80 { filter:alpha(opacity=80); -moz-opacity:0.8; }
.opacity70 { filter:alpha(opacity=70); -moz-opacity:0.7; }
.opacity60 { filter:alpha(opacity=60); -moz-opacity:0.6; }
.opacity50 { filter:alpha(opacity=50); -moz-opacity:0.5; }
.opacity40 { filter:alpha(opacity=40); -moz-opacity:0.4; }
.opacity30 { filter:alpha(opacity=30); -moz-opacity:0.3; }
.opacity20 { filter:alpha(opacity=20); -moz-opacity:0.2; }
.opacity10 { filter:alpha(opacity=10); -moz-opacity:0.1; }
.opacity0  { filter:alpha(opacity=0);  -moz-opacity:0.0; }