body {  background:#202639;
        font-family: arial;
        font-size: x-small;
        text-align:center;  /* To get the frame in the middle */
        }
        
H1 {  font-family: arial;
      font-size: x-small;
      font-weight: bold;
      margin-top:10px;
      margin-bottom:10px;
      }

/* Set up the A tag colours */
A:link  { COLOR: #2E3753 }
A:visited  { COLOR: #2E3753 }
A:hover { COLOR: #08BD08 }
A { text-decoration: none; font-size: 11px; font-weight: bold; }


/* A rigid frame, to hold everything in place */
#MainFrame{
    /*background:#ffffff; */
    width:616px;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    padding:0px;
    text-align:center;
}

/* center contents box */
#CenterBox
{
    background:#ffffff;
    width:616px;
    padding: 0px 10px 10px 10px;
    float:left;
    text-align:left;
    border:1px solid black;
    }

/* right contents box */
#RightMenuBar {
    background:#FFFFFF;
    width:150px;
    padding: 10px 10px 0px 10px;
    margin-left:10px;
    border:1px solid black;
    float:left;
    }
    
/* Create a very small text class */
.smallText {
    font-family: arial;
    font-size: xx-small;
    color: white;
    }

/* Create a very small, Grey text class */
.smallGrayText {
    font-family: arial;
    font-size: xx-small;
    color: gray;
    }
    
/* Create a header style, small size and bold */
.smallheadText {
    font-family: arial;
    font-size: x-small;
    font-weight: bold;
    }
    

/* Menu bar code */

/* News box style */
#newsbox {
    width:100%;
    background:#ffffff;
    border:1px solid black;
    text-align: left;
    margin-right:auto; /* Make box in the middle */
    margin-left:auto;
    padding: 5px 7px 5px 7px;   /* Pad the box text out a little */
    }

/* Create a menubox style, a rigid box to hold menu items
   down the side of the screen. */
#menubox {
    width:154px;
    background:#ffffff;
    border:1px solid black;
    border-top: none;
    text-align: left;
    margin-right:auto; /* Make box in the middle */
    margin-left:auto;
    padding: 3px 5px 3px 5px;   /* Pad the box text out a little */
    }

  /* Create a small text for the menu box */
  .menuBoxText {
    font-family: arial;
    font-size: x-small;
    }

  /* Create a very small text for the menu box */
  .menuBoxSmallText {
    font-family: arial;
    font-size: xx-small;
    }
    
  .newsBoxText {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #2E3753;
    }
    
  .storetext {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #364765;
    }
    
    .price {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    }
    
   .MysteryText {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #E7DE73;
    }