<style type="text/css">
<!--
  a {text-decoration: none;}
  a:hover {color: blue;}

  .bold {font-weight: bold;}
  .italic {font-style: italic;}

  body {font-family: Comic Sans MS, Times New Roman, Verdana;
		margin: 4 4 4 4;
		background: #F0BE2F url(images\color_line.jpg) repeat-y top left;}

  img {border: 0;}

  .green {color: #46957F;}
  .green-bk {background-color: #46957F;}
  .green-top {border-top-color: #46957F;}
  .green-line {border-bottom-color: #46957F;}
  
  .blue {color: #1B8FB6;}
  .blue-bk {background-color: #1B8FB6;}
  .blue-top {border-top-color: #1B8FB6;}
  .blue-line {border-bottom-color: #1B8FB6;}
  
  .purple {color: #76448E;}
  .purple-bk {background-color: #76448E;}
  .purple-top {border-top-color: #76448E;}
  .purple-line {border-bottom-color: #76448E;}
  
  .orange {color: #E46430;}
  .orange-bk {background-color: #E46430;}
  .orange-top {border-top-color: #E46430;}
  .orange-line {border-bottom-color: #E46430;}

  .red      {color: #E83232;}
  .red-bk   {background-color: #E83232;}
  .red-top  {border-top-color: #E83232;}
  .red-line {border-bottom-color: #E83232;}
  
  .gold {color: #F0B42E;}
  .gold-bk {background-color: #F0B42E;}
  .gold-line {border-top-color: #F0B42E;}
  
  .date {color: black;
         font-size: 10pt;
         font-weight: bold;
         font-family: Comic Sans MS;}
         
  .eula {height:200px; overflow:auto;
         font-size: 9pt;
         padding: 4px;
         color: black;
         background-color: white;
         border:1px solid white;}

  .credit a:hover {color: black;}

  .credit {color: #FFFFFF;
           font-size: 8pt;
           padding-top:4px;
           text-align: center;
           white-space: nowrap;
           font-family: Comic Sans MS;}
        
  .page-tab {width: 132px;
	         height: 32px;}
	         
  .page-layout {width: 840px;
                margin-left:20px;
                white-space: nowrap;}

  .page-content {overflow: auto;
                 padding: 8px;
                 border: 1px solid black;
                 background-color: #000000;}

  .page-minimum {height: 560px;}

  .menu-content {width: 840px;
	white-space: nowrap;
	border: 1px solid black;
	border-top-width: 2px;}

  .menu-item a:hover {color: #F0BE2F;}

  .menu-item {font-size: 9pt;
	font-weight: bold;
	width: 100px;
	Text-Align: Left;
	white-space: nowrap;
	Padding-Left: 8px;
	font-family: Arial, Comic Sans MS;}

  .section {width: 180px;
            font-size: 10pt;
            line-height:12pt;
            font-weight: bold;
            text-align: center;
            white-space: nowrap;
            font-family: Comic Sans MS;}

  .section-line {width: 640px;
                 white-space: nowrap;
	             border-bottom-style: solid;
	             border-bottom-width: 1px;}
	             
  .section-top {width: 640px;
                white-space: nowrap;
	            border-top-style: solid;
	            border-top-width: 1px;}
	             
  .content {font-size: 10pt;}
  
  .mmbutton {width:100px; height:28px;}
  
  .question {font-size: 10pt; 
             font-weight: bold;
             font-family: Comic Sans MS;
             padding-bottom: 4px;
             color: white;}

  .hint {font-family: Verdana;
         padding-top:10px;
         padding-bottom:10px;
         font-size: 9pt;
         color: #1B8FB6;
         position: relative;
         margin-left:12px;
         margin-right:12px;}

  .moon {width: 80px;
         height: 80px;
         position: absolute;
         top: 28px;
         left: 668px;
         text-align: right;
         vertical-align: top;}

  .back-line {text-align:right;
	white-space:nowrap;}

  .story-title a:hover {color: #F0BE2F;}

  .story-title {font-size: 14pt;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-family: Comic Sans MS;}
//-->
</style>
