H1 {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 36px; 
      COLOR: #cccccc; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

H2 {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 18px; 
      COLOR: #A47420; 
      LINE-HEIGHT: 23px; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

H3 {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 12px; 
      COLOR: #cccccc; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Courier New", Courier, mono; 
      TEXT-DECORATION: none
}

.body {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 14px; 
      COLOR: #aaaaaa; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}



.status {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 11px; 
      COLOR: #cccccc; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.credits {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 11px; 
      COLOR: #888888; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.site-navigation {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 12px; 
      COLOR: #cccccc; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: bold; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.story-navigation {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 12px;
      COLOR: #cc6600; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: bold; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.fine-print {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 9px; 
      COLOR: #aaaaaa; LINE-HEIGHT: normal; 
      FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

A:hover {
	COLOR: #B88608; 
      TEXT-DECORATION: none
}

A:link {
	COLOR: #B88608; 
      TEXT-DECORATION: none
}

A:visited {
	COLOR: #B88608; 
	TEXT-DECORATION: none
}

#pageContainerLayer {
   position:absolute; 
   left: 60px; 
   top: 10px;
   width:400px; 
   height:530px; 
   z-index:1; 
   visibility: visible; 
}

#illustrationLayer {
   position:absolute; 
   left: 0px; 
   top: 0px;
   width:400px; 
   height:200px; 
   z-index:1; 
   visibility: visible; 
}

#narrativeLayer {
   position:absolute; 
   left: 0px; 
   top: 220px;
   width:400px; 
   height:200px; 
   z-index:1; 
   visibility: visible; 
}

#choice1Layer {
   position:absolute; 
   left: 20px; 
   top: 430px;
   width:380px; 
   height:20px; 
   z-index:1; 
   visibility: visible; 
}

#choice2Layer {
   position:absolute; 
   left: 20px; 
   top: 470px;
   width:380px; 
   height:20px; 
   z-index:1; 
   visibility: visible; 
}

#choice3Layer {
   position:absolute; 
   left: 20px; 
   top: 510px;
   width:380px; 
   height:20px; 
   z-index:1; 
   visibility: visible; 
}

#dwindow{
   position:absolute; 
   left: 50px; 
   top: 100px;
   width:380px; 
   height:20px; 
   z-index:1; 
   visibility: visible; 
}

.background-frame-type1 {
      background-color: #000000; 
}

.background-frame-type2 {
      background-color: #663300; 
}

.background-gray {
      background-color: #222222; 
}

.background-white {
      background-color: #FFFFFF; 
}

.background-contents {
      background-color: #DDDDDD; 
}

.title {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 14px; 
      COLOR: #111111; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.body {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 9px; 
      COLOR: #555555; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.body2 {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 11px; 
      COLOR: #555555; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.bullet {
	FONT-WEIGHT: normal; 
      FONT-SIZE: 12px; 
      COLOR: #aaaaaa; 
      BACKGROUND-COLOR: #222222; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
      TEXT-DECORATION: none
}

.motor {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 13px; 
      COLOR: #B88608; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: Verdana; 
      TEXT-DECORATION: none
       }
.top-text-size{
	FONT-WEIGHT: normal; 
      FONT-SIZE: 12px; 
      COLOR: #FFFFFF; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: Verdana; 
      TEXT-DECORATION: none
      }
.top-head-size{
	FONT-WEIGHT: bold; 
      FONT-SIZE: 12px; 
      COLOR: #FFFFFF; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: normal; 
      FONT-FAMILY: Verdana; 
      TEXT-DECORATION: none
      }

.link {
	FONT-WEIGHT: bold; 
      FONT-SIZE: 10px; 
      COLOR: #FFFFFF; 
      LINE-HEIGHT: normal; 
      FONT-STYLE: italic; 
      FONT-FAMILY: Verdana; 
      TEXT-DECORATION: none
       }

.layer1 {
         Z-INDEX: 1;  
         LEFT: 70px; 
         WIDTH: 211px;
         POSITION: absolute;
         TOP: 20px;
         HEIGHT: 101px
         }


.layer2 {
         Z-INDEX: 2;
         LEFT: 419px;
         WIDTH: 409px;
         POSITION: absolute;
         TOP: 20px;
         HEIGHT: 60px
        }

.layer3 { 
         Z-INDEX: 3; 
         LEFT: 420px; 
         WIDTH: 145px; 
         POSITION: absolute;
         TOP: 78px;
         HEIGHT: 92px
        }
.layer4 {  
         Z-INDEX: 4; 
         LEFT: 78px; 
         OVERFLOW: visible; 
         WIDTH: 810px; 
         POSITION: absolute;
         TOP: 248px; 
         HEIGHT: 24px
      }

.layer5 {
         BORDER-RIGHT: #000000 1px;
         BORDER-TOP: #000000 1px;
        Z-INDEX: 5;  
        LEFT: 70px; 
        BORDER-LEFT: #000000 1px;
        WIDTH: 669px;
       BORDER-BOTTOM: #000000 1px;
       POSITION: absolute;
       TOP: 169px; 
       HEIGHT: 80px;
      BACKGROUND-COLOR: #000000;
      layer-background-color: #000000
      }

.layer6 {
         Z-INDEX: 6; 
         LEFT: 737px;
         WIDTH: 125px;
        POSITION: absolute;
        OVERFLOW: visible; 
        TOP: 20px;
        HEIGHT: 228px
        }

.layer7 {
        Z-INDEX: 7;
        LEFT: 663px;
        WIDTH: 262px;
        POSITION: absolute;
        TOP: 248px;
        HEIGHT: 376px
       }

.layer8 {
         Z-INDEX: 8; 
         LEFT: 562px;
         WIDTH: 82px;
         POSITION: absolute;
        TOP: 78px;
        HEIGHT: 93px
        }
.layer9 {
         Z-INDEX: 9; 
         LEFT: 648px;
         WIDTH: 83px;
         POSITION: absolute;
         TOP: 78px;
        HEIGHT: 92px
        }

.layer10 {
          Z-INDEX: 7;
          LEFT: 115px;
          OVERFLOW: visible;
          WIDTH: 801px;
          POSITION: absolute;
          TOP: 250px;
          HEIGHT: 20px
          }


.layer11 {
           Z-INDEX: 1; 
           LEFT: 90px;
           WIDTH: 411px;
           POSITION: absolute;
           TOP: 140px;
           HEIGHT: 101px
            } 

.layer12 {
          Z-INDEX: 16; 
          LEFT: 85px;
          OVERFLOW: visible;
          WIDTH: 670px; 
          POSITION: absolute;
         TOP: 290px;
         HEIGHT: 20px
        }
.layer13 {
          Z-INDEX: 8; 
          LEFT: 393px;
          WIDTH: 210px;
          POSITION: absolute;
          TOP: 172px; 
          HEIGHT: 80px;
         
          }
.layer14 {  
         Z-INDEX: 4; 
         LEFT: 70px; 
         OVERFLOW: visible; 
         WIDTH: 810px; 
         POSITION: absolute;
         TOP: 236px; 
         HEIGHT: 24px
      }
.layer15-right {
         BORDER-RIGHT: #000000 1px;
         BORDER-TOP: #000000 1px;
        Z-INDEX: 5;  
        LEFT: 920px; 
        BORDER-LEFT: #000000 1px;
        WIDTH: 85px;
       BORDER-BOTTOM: #000000 1px;
       POSITION: absolute;
       TOP: 0px; 
       HEIGHT: 900px;
      BACKGROUND-COLOR: #000000;
      layer-background-color: #000000
      }

.layer16-bottom {
         BORDER-RIGHT: #000000 1px;
         BORDER-TOP: #000000 1px;
        Z-INDEX: 0;  
        LEFT: 0px; 
        BORDER-LEFT: #000000 1px;
        WIDTH: 1002px;
       BORDER-BOTTOM: #000000 1px;
       POSITION: absolute;
       TOP: 621px; 
       HEIGHT: 310px;
      BACKGROUND-COLOR: #000000;
      layer-background-color: #000000
      }

.layer17-left {
         BORDER-RIGHT: #000000 1px;
         BORDER-TOP: #000000 1px;
        Z-INDEX: 0;  
        LEFT: 0px; 
        BORDER-LEFT: #000000 1px;
        WIDTH: 67px;
       BORDER-BOTTOM: #000000 1px;
       POSITION: absolute;
       TOP: 0px; 
       HEIGHT: 900px;
      BACKGROUND-COLOR: #000000;
      layer-background-color: #000000
      }

.layer18-top {
         BORDER-RIGHT: #000000 1px;
         BORDER-TOP: #000000 1px;
        Z-INDEX: 18;  
        LEFT: 25px; 
        BORDER-LEFT: #000000 1px;
        WIDTH: 900px;
       BORDER-BOTTOM: #000000 1px;
       POSITION: absolute;
       TOP: 0px; 
       HEIGHT: 15px;
      BACKGROUND-COLOR: #000000;
      layer-background-color: #000000
      }