body {
     margin: 0px;
     padding: 10px;
     border: 10px;                   /* This removes the border around the viewport in old versions of IE */
     width: 1024px;		/* was 100% to span the open window....  800 is too small */
     background: #ffffff;
     min-width: 720px;     /* Minimum width of layout - remove line if not required */
		          /* The min-width property does not work in old versions of Internet Explorer */
     max-width: 1024px;
     font-size: 90%; 
}

#header_top {
     background-color: #ffffff;
     height: 15px;
}

#nutrition {
     background-color: #ffffff;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     height: 90px; 
}
#foryourlife {
     font-family: Times, "Times New Roman", serif;
     font-weight: lighter;
     font-size: 1.2em;
     font-style: italic;
     text-align: left;
     letter-spacing: 0.1em;
     margin: 0;
     background-color: #5f1167;     /* purple */
     color: #ffffff;
     height: 100px; 
     padding-left: 10px;
}

/* Header styles */
#header {
     clear:both;
     float:left;
     width:100%;
     border-bottom:1px solid #000; 
}


/* column container */
.colmask {
     position:relative;                    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
     float:left;
     width:100%;                         /* width of whole page */
     overflow:hidden;                    /* This chops off any overhanging divs */ 
}
/* holy grail 3 column settings */
.holygrail {
     background:#ffffff;                    /* Right column background colour */ 
}
.holygrail .colmid {
     float:left;
     width:200%;
     margin-left:-380px;      /* changed from -200 */     /* Width of right column */
    position:relative;
     right:100%;
     background:#ffffff;          /* Centre column background colour */ 
}
.holygrail .colleft {
     float:left;
     width:100%;
     margin-left:-50%;
     position:relative;
     left:545px;           /* changed from 400 */     /* Left column width + right column width */
    background:#7a941e;          /* Left column background colour */ 
}
.holygrail .col1wrap {
     float:left;
     width:50%;
     position:relative;
     right:165px;  /* changed from 200 */ /* Width of left column */
     padding-bottom:1em;          /* Centre column bottom padding. Leave it out if it's zero */ 
}
.holygrail .col1 {
     margin: 0 395px 0 180px;          /* Centre column side padding:
                        	               Left padding = left column width + centre column left padding width
                        	               Right padding = right column width + centre column right padding width */
    position:relative;
     left:200%;
     overflow:hidden; 
}
.holygrail .col2 {
     float:left;
     float:right;          /* This overrides the float:left above */
     width:165px;          /* Width of left column content (left column width minus left and right padding) */
     position:relative;
     right:0px;          /* Width of the left-hand side padding on the left column */ 
}
.holygrail .col3 {
     float:left;
     float:right;          /* This overrides the float:left above */
    width:380px;     /* Width of right column content (right column width minus left and right padding) */
    margin-right:0px;     /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
     left:50%; 
}

.col1 h1 {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     color: #7a941e; 
     font-size: 2.2em;
     font-weight: lighter;
     letter-spacing: 0;
     margin-bottom: -0.1em;
     padding-top: 0;
     margin-top: 0;
}
.col1 p {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: small;
}

.col1 ul  {
     list-style-position: outside;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: small;
     /* margin-left: -1.8em; */
    
     list-style-image: url(images/purple_square_10_10.gif);
     list-style-type: square;
} 

.col1 ul li {
    /* margin-bottom: 0.3em; */
}

.col1 ul ul {
     list-style-image: url(images/green_disc_10_10.gif);
     list-style-type: disc;
     font-size: small;
}

.col3 h2 {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 1.1em;
     color: #5f1167;
     font-weight: normal;
     margin-bottom: -1em;
     margin-right: 0px;
}

.col3 p {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: small;
     margin-right: 0px;
}

/* Footer styles */
#footer {
     clear:both;
     float:left;
     width:100%;
     border-top:1px solid #000;
     background-color: #551865;
     color: #ffffff; 
}
#footer p {
     padding:10px;
     margin:0;
     text-align: center;
     font-family: Times, "Times New Roman", serif; 
}

#footer a {
     color: white;
}

#navbar {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 16px;
     margin-left: 10px;
     text-align: left;
     background-color: #7a941e;     /* barb gave me 466005 */
     line-height: 1.8em; 
     letter-spacing: 1px;
}
#navbar ul li a:link, #navbar ul li a:visited {
     color: #ffffff;
     background-color: #7a941e;     /* was 466005 */
     text-decoration: none;
     display: block;
     padding-top: 3px;
     padding-bottom: 3px; 
}
#navbar ul li a:hover {
     color: #5f1167;
     background-color: #7a941e;  /* was 466005 */
     text-decoration: none; 
}

.col2 #navbar ul li a.current {
     color: #5f1167;
     background-color: #7a941e;  /* was 466005 */
     text-decoration: none; 
}

#navbar ul li {
    margin: 0;
     padding: 0; 
     list-style-type: none;
    display: block;
}
#navbar ul {
     margin: 0;
     padding: 0; 
} 

* html ul li a {          /* IE 6 Height bug fix */
     height: 1em;
}