body 
   { 
   margin: 0;
   font: normal 12px 'Century Gothic', Arial, sans-serif;
   background: url('/img/grayish.jpg');
   }
#header
   {
   position: relative;
   width: 1000px;
   margin: 0 auto;
   height: 115px;
   background: #444444;
   box-shadow: 0 5px 5px #666666;
   border: 0px;
   border-bottom: 9px;
   border-top: 0px;
   border-style: solid;
   border-color: #FFB700;
   }
#logo
   {
   position: relative;
   left: 15px;
   top: 5px;
   }
#slogan
   {
   display: inline;
   position: relative;
   left: -40px;
   bottom: -5px;
   font: italic 1.7em 'Book Antiqua', Arial, sans-serif;
   color: white;
   }
.variable_container
   {
   width: 900px;
   }

#menu_container
   {
   position: absolute;
   right: 30px;
   top: 30px;
   font: normal 1.2em 'Century Gothic', Arial, sans-serif;
   color: white;
   }
#menu li
   {
   display: inline-block;
   margin: 0;
   padding-left: 10px;
   }
#menu a:link
   {
   color:#FFFFFF;
   text-decoration: none;
   }
#menu a:visited
   {
   color:#FFFFFF;
   }
#menu a:hover
   {
   color: #FF0000; 
   }

@media screen and (min-width: 900px) and (max-width: 1000px)
   {
   #header { width: 900px;}
   .variable_container { width: 880px;}
   }
@media screen and (min-width: 800px) and (max-width: 900px)
   {
   #header { width: 800px;}
   .variable_container { width: 780px;}
   }
@media screen and (min-width: 700px) and (max-width: 800px)
   {
   #header { width: 700px;}
   #slogan { display: none; }
   .variable_container { width: 680px;}
   #menu_container
      {
      top: 75px;
      }
   }
@media screen and (min-width: 600px) and (max-width: 700px)
   {
   #header { width: 600px;}
   .variable_container { width: 580px;}
   #slogan { display: none; }
   #menu_container
      {
      top: 75px;
      }
   }
@media screen and (min-width: 500px) and (max-width: 600px)
   {
   #header { width: 500px;}
   .variable_container { width: 480px;}
   #slogan { display: none; }
   #menu_container
      {
      top: 75px;
      }
   }
@media screen and (max-width: 500px)
   {
   #header { width: 400px;}
   .variable_container { width: 380px;}
   #slogan { display: none; }
   #menu_container
      {
      top: 95px;
      left: -15px;
      width: 100%;
      }
   #header
      {
      height: 135px;
      }
   }