@charset "utf-8";

html {
	width: 100%;
	height: 100%
	}

body    {
	background-color: #000;
	top:        0px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 62.5%; /*sets 1em = 10px*/
	font-weight: 400;
	border-width: 0
	}

#mainWrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 55em;
	height: auto;
	/*background-image:  url("images/menu-background-middle.jpg");
  background-repeat: repeat-y;*/
	}
	
#top   {
	background-image:   url(images/menu-background2top.jpg);
	background-position: 0 0;
	width:               100%;
	height:              20px;
	background-repeat:              no-repeat;
   }
	
#middle   {
	color:            black;
	background-image:  url(images/menu-background2middle.jpg);
	background-repeat: repeat-y;
	text-align:        center;
	margin:            0;
	width:             100%;
	height:            100%;
	clear:             both;
	}
	
#bottom   {
	background-image:   url(images/menu-background2bottom.jpg);
	background-position: 0 0;
	width:               100%;
	height:              18px;
	background-repeat:              no-repeat;
   }
	
#text {
	font-size:         1.6em;
  font-weight:       400;
	padding:         .25em 1.6em .5em 1.5em
	  }
	  
h1	   {
  color:      black;
  font-size:   2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  margin:      0;
  padding:     0;
   }



h2  {
  font-size:  1.5em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  margin:      0;
  padding:     0 }


h3 {
  font-size:  1.3em;
  font-weight: 400;
  margin:      0;
  padding:     0; }

.serves  {
  font-style: italic }

p {
  margin: 0;
  padding: 0 }
  
.logo {
	text-align: center;
	clear: both;
	}
#tag {
  font-size:  0.7em;
  font-family: Arial, Helvetica, sans-serif;
  text-align:  center;
  margin:      0;
  padding:     0 }