* { margin:0; }

body {
background: #123456;
font-family: Helvetica , Arial, Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
color: #666666;
height:100%;
}

/*
.navcontainer { display: none; }
.PrintOnly { display: none; }
.NoDisplay { display: none; }
*/

div.navcontainer{
border: 0px solid #99CCCC;
background-color: #99CCCC;
 }

li.food{color:blue;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

ul{
margin: 0;
padding: 0;
margin-left: 30px;
list-style:  outside;
}

 /*headings*/
h1 { text-align: center;
width: 650px;
position: relative;
margin-left: auto;
margin-right: auto;
padding:5px;
font-size:30px;}

 h2 { text-align: center;
width: 650px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-size:60px;}

 h3 { text-align: center;
 width: 650px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:30px;}

h4 { text-align: center;
width: 650px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:24px; }

h5{ text-align: left;
width: 650px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:100%;
  }
  
/*menu tab tan */
  img#menu  {
  background-color: transparent;
  border: 0px;
  position: relative;
  margin-bottom: -6px;
  left:18%;
  padding: 0px;
  border-style:none;
  z-index: 2;
  cursor: pointer;  /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  width: 14%;
  min-width: 124px;
  max-width: 144px;
}

/* packlist tab blue #99CCCC*/
  img#pack {
  background-color: transparent;
  border: 0px;
  position: relative;
  margin-bottom: -6px;
  left:16%;
  border-style: none;
  z-index: 4;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  width: 14%;
  min-width: 124px;
  max-width: 144px;
}

/* purchase tab orange*/
  img#purchase {
  background-color: transparent;
  border: 0px;
  position: relative;
  margin-bottom: -6px;
  left: 14%;
  border-style: none;
  z-index: 1;
 // cursor: pointer; /* hand-shaped cursor */
 // cursor: hand; /* for IE 5.x */
  width: 14%;
  min-width: 124px;
  max-width: 144px;
}


/* print tab green */
img#print  {
  background-color: transparent;
  border: 0px;
  position: relative;
  margin-bottom: -6px;
  left:12%;
  border-style: none;
  z-index: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  width: 14%;
  min-width: 124px;
  max-width: 144px;
}


img.printer {  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */}

/*the grocery list*/
table.list, table.menutable, table.packtable
{ padding: 0px 4px 2px 4px;
/*margin-left: auto;
margin-right: auto;*/
font-family: Helvetica , Arial, Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
font-size:10pt;
background-image: url("/images/paper.gif"); color: #000000;
border-collapse: collapse;
page-break-after: always;
position: relative; 
width:100%;
}

/* the list table */
table.list th { 
 text-transform: uppercase ;
 text-align: center;
 margin: 0px;
 border: 2px;
 border-style: solid;
 border-color: #C0C0C0;
 font-weight: bold;
 padding : 6px;
 } 

 /* menu table
 table.menutable th { text-transform: uppercase ;
text-align: center;
padding: 4px 6px 4px 0px;
border: 2px;
border-style: solid;
border-color: #C0C0C0;
font-weight: bold;
 padding : 6px;
 }
 */
/* the grocery list table */
 table.list td{
 text-align: left;
 margin: 0px;
 border: 2px;
 border-style: solid;
 border-color: #C0C0C0;
 font-weight: bold;
 padding : 6px}

/* the menu table */
 table.menutable td {
text-align: center;
border-width: 2px;
border-style: solid ;
border-color: #C0C0C0;
padding: 4px 6px 4px 6px;
}

table.packtable td { 
text-align: center;
border-width: 2px;
border-style: solid ;
border-color: #C0C0C0;
padding:6px;}

table.green_corner{
margin-left: auto;
margin-right: auto;
margin-top: -3px;
width:82%;
padding: 0px;
border:none;
z-index: 9;
position:relative;
 }
 
 td.green_corner { background-color:#99cc00; }
 
 table.tan_corner{
margin-left: auto;
margin-right: auto;
margin-top: -3px;
width:82%;
padding: 0px;
border:none;
z-index: 9;
position:relative;
 }
 
table.corner{
margin-left: auto;
margin-right: auto;
margin-top: -3px;
width:82%;
padding: 0px;
border:none;
z-index: 9;
position:relative;
 }
 
td.corner { background-color:#99cccc; }

 .heading {
text-transform: uppercase ;
text-align: center;
margin: 0px;
padding: 1px;
border-width: 2px;
border-style: solid;
border-color: #C0C0C0;
font-weight: bold;
padding : 5px;
 }

 .title {
 text-transform: none ;
 text-align: center;
 margin: 0px;
 padding: 1px;
 border: 2px;
 border-style: solid;
 border-color: #C0C0C0;
 font-weight: normal;
 }
 
 /*attributes for the packtable columns*/
colgroup.quant {
width:25%;
font-weight: normal;
text-align: left;
}

colgroup.meal {
width:35%;
font-weight: normal;
text-align: left;}

colgroup.prep {
width:10%;
font-weight: normal;
text-align: center;
}

colgroup.cal {
width:15%;
font-weight: normal;
text-align: center;
}

colgroup.weight {
width:15%;
font-weight: normal;
text-align: left;
}

table.menutable li, table.packtable li {
list-style-image: url("/images/bullet.gif");
text-align: left;
}

/*Button css*/
input.b {
width: 200px;
display: block;
text-decoration: none;
text-align: center;
font-size: 86%;
padding: 0px ;
border-width: 3px;
color: black;
font-weight: normal;
background: url("/images/metal1.gif");
border-style: outset;
border-color: #989898;
cursor: pointer; 
cursor: hand; 
}

/*the slogans in the tables*/
td.small { font-size: 80%;
text-align: center;
padding: 5px; }


/*moves the "NOTE" over at the bottom of the page*/
table.packtable td.left  { text-align: left; }

table.box {
font-family: "Helvetica", "Arial","Verdana","Century Gothic", "Trebuchet", "Georgia",;
margin-left: auto;
margin-right: auto;
width: 74%;
 }