*
{
  padding: 0;
  margin: 0;
}

body
{
  background: #FFFFAF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
  
@media screen and (min-width: 480px)
{
  #Page
  {
    width: 480px;
  }
}

@media screen adn (min-width:600px)
{
}

@media screen and (min-width: 940px)
{
  /* one div wrapping the whole design */
  #Page
  {
    width:  940px;
    height: 697px;
    
    margin: 0 auto;
    /* Add background picture to design */
    background-image:url(../pics/bgMasterle.png);
    
    /* define inner offset of 5px */
    padding: 5px;
  }
  
  #Middle
  {
    /*  background: #FFFF7F;*/
    width:  930px;
    height: 510px;
  
    float: left;
    padding-left: 10px;
  }
  
  #Middle #Navi
  {
    width: 200px;
    height: 510px;
    float: left;
    position: relative;
    padding-right: 30px;
    padding-left: 5px;
  }
  
  #Middle #Content
  {
    width: 680px;
    height: 500px;
    
    float: left;
    position: relative;
    
    overflow: auto;
  }
  
  #Footer
  {
    width: 920px;
    
    float: left;
    position: relative;
    
    padding: 10px;
  }
  
  #Footer #Phone
  {
    width: 500px;
    float: left;
    position: relative;
  }
  
  #Footer #w3c
  {
    float: right;
    position: relative;
  }
  
  #News
  {
    width: 39em; height: 35em;
    overflow: scroll;
    /*  background-color:rgb(239,235,235);*/
    position: relative;
    font-family:sans-serif;
  }
  
  #Right
  {
    width: 14.9em; height: 35em;
    position: relative;
  }
  
  *.odd
  {
    background-color:rgb(255,255,175);
  }
  *.even
  {
    background-color:rgb(241,203,66);
  }
}