body {
   text-align: center;
   background-color: rgb(235,236,198); 
   background-image: url(backgroundtop3.gif);
   background-repeat: repeat-x;
   background-position:top;
   font-family: geneva, arial, helvetica, sans-serif;
   font-size: 12;
 }
 
 a:link {
 	color: black;
 	text-decoration: none;
 }
 
 a: visited {
 	color: black;
 	text-decoration: none;
 }
 
 a: hover {
 	text-decoration: underline;
 }

div.wrapper {
   width: 704;
   margin: 20 auto;
   padding: 0;
   text-align: center;
   background-color: white;
   border: solid 3px rgb(0,0,0);
}

div.top {
   color: rgb(245,233,199);
   background: rgb(255,255,255) url(logo.png) no-repeat left top;
   margin: 0;
   padding: 0;
   width: 704;
   text-align: center;
   line-height: 1.5em;
   height: 213;
 }

ul.shoppingcart {     
   list-style-type: none;
   padding: 0;
   margin: 10 10 0 0;
   float: right;
   width: 120
}

li#viewcart {
   background-image: url(cart.jpg);
   background-repeat: no-repeat;
   background-position: 0 .05em;
   padding-left: 3.2em;
}

li#viewcart a {
	color: rgb(30,98,31);
	text-decoration: none;
	font-size: 14;
} 

li#viewcart a:hover {
	color: rgb(0,0,0);
	text-decoration: none;
	font-size: 14;
} 

 
div.topPics {
   background: url(four.jpg);
   background-repeat: no-repeat;
   height: 213;
   width: 226;
   margin: 0;
   padding: 0;
   float: right;
 }
 
div.nav {
   text-align: center;
   background-color: rgb(228,228,228);
   margin: 0;
   padding: 0;
   width: 704;
}   

ul#nav {
   font-size: pt; 
   margin: 0;
   padding: 0;
   list-style: none;
   width: px;
 }

ul#nav li {
   display: inline;
 }

ul#nav a {
   display: block;
   display: inline;
   padding: .1em 1em;
   line-height: 1.8em;
   text-decoration: none;
   color: rgb(0,0,0);
 }

ul#nav a:hover {
   color: rgb(0,0,0);
   text-decoration: underline;
 }


#body_home #nav_home a,
#body_flavors #nav_flavors a, 
#body_ingredients #nav_ingredients a, 
#body_shipping #nav_shipping a,
#body_about #nav_about a, 
#body_contact #nav_contact a, {
   font-weight: bold;
   color: rgb(0,0,0);
 }

div.middle {
	clear: both;
	width: 666;
	margin: 20 19 0 19;
	padding: 0;
	background-color: white;
}

div.left {
	float: left;
	width: 350;
	margin: 0 0 6 0;
	padding: 0;
}

div.right {
	float: right;
	width: 310;
	height: 293;
	margin: 0 0 6 0;
	padding: 0;
    position: relative;
} 

div.right p {
	padding: 3 15;

}

div.right a {
	color: black;
	text-decoration: none;
}

div.topLeft {
	background: rgb(198,236,199) url(topleft.jpg) no-repeat left top;
	width: 154;
	height: 145;
	position: absolute;
	left: 0;
	top: 0;
}

div.topLeft p {
	font-size: 16;
    padding: 20;
}

div.topLeft a {
	/*clear: both;*/
	font-size: 16;
	color: black;
	text-decoration: none;
}

div.topRight {
	background-image: url(white.jpg);
	filter: alpha(opacity=70);
	opacity:.70;
	width: 153;
	height: 145;
	position: absolute;
	right: 0;
	top: 0;
}

div.bottomLeft {
	margin: 3 0 0 0;
	background-image: url(oatmeal.jpg);
	filter: alpha(opacity=70);
	opacity: .70;
	width: 154;
	padding: 0;
	height: 145;
	position: absolute;
	left: 0;
	bottom: 0;

}

div.bottomRight {
	margin: 3 0 0 0;
	padding: 0;
	background: rgb(235,236,198) url(bottomright.jpg) no-repeat top left;
	width: 153;
	height: 145;
	position: absolute;
	right: 0;
	bottom: 0;

}

div.bottomRight p {
	padding: 20 10;
	font-size: 16;
	color: rgb(18,59,18);
}
 
div.bottom {
	clear: both;
    width: 666;
    padding: 0;
    margin: 0 19 20 19; 
    background: rgb(228,228,228) url(joinpic.gif) repeat-y right top;
} 

p.main {
    text-align: left;
    padding: 30; 
    margin: 0 150 0 0;
    color: black;
    line-height: 1.5em;
}

div.list {
	float: right;
    background-color: rgb(189,189,189);
    margin: 0 0 0 20;
    padding: 0;
    width: 165;
}  

p.joinBig {
   font-size: 16;
   margin: 15;
} 

p.joinSmall {
   font-size: 10;
   margin: 0 10;
} 

h5 {
	font-weight: normal;
}

h5 a:link {
	color: rgb(30,98,31);
}

h5 a:visited {
	color: rgb(30,98,31);
}

h5 a:hover {
	color: rgb(30,98,31);
	text-decoration: underline;
}





/* organic cookies  */

div.middle2 {
	clear: both;
	width: 666;
	margin: 20 19 0 19;
	padding: 0;
	background: white url(flavorsbackground.gif) repeat-y left top;
	/*position: relative;*/
}

img {
	border: none;
}

p.box {
	margin: 0 0 0 0;
	padding: 2;
	width: 132;
}

p.box a:link {
	
}

p.box a:visited {
	color: black;
	text-decoration: none;
	
}

p.box a:hover {
	color: rgb(30,98,31);
}

div.boxone {
	float: left;
	margin: 0 1 0 1;
	width: 132;
}

div.boxtwo {
	float: left;
	margin: 0 1 0 0;
	width: 132;
	}

div.bottom3 {
	clear: both;
    width: 666;
    padding: 0;
    margin: 1 19 20 19; 
    background: rgb(228,228,228) url(cookiesbackground.gif) repeat-y right top;
} 

img#two {
	float: right;
	margin: 0 0 0 30;
	padding: 0;
}

p.main4 {
	text-align: left;
    padding: 30; 
    margin: 0 210 0 0;
    color: black;
    line-height: 1.5em;
}



/*  cookie pages  */

div.bigbox1 {
	float: left;
	margin: 0 1 0 1;
	width: 196;
}

div.box2 {
	float: left;
	margin: 0 1 0 0;
	width: 116;
	}
	
span.page {
	font-weight: bold;
}

img.special {
	filter: alpha(opacity=30);
	opacity: .30;	
	zoom: 1;
}

div.bottom4 {
	clear: both;
    width: 666;
    padding: 0;
    margin: 1 19 20 19; 
    background: rgb(228,228,228) url(orderbox.gif) repeat-y right top;
} 

div.orderbox {
	float: right;
	width: 300;
	margin: 0;
	background-color: rgb(189,189,189);
}

ul.price {
   clear: left;
   text-align: left;
   list-style: none;
   line-height: 1.5em;
   margin: 10 0 20 0;
   padding: 0;
} 

ul.price li {
   font-size: 12;
}

img.mini {
   clear: ;
   float: left;
   margin: 0 10 10 10;
   padding: 0;
} 

p.main3{
	text-align: left;
    padding: 30; 
    margin: 0 310 0 0;
    color: black;
    line-height: 1.5em;
}


/*  about, ingredients, shipping  */

div.bottom2 {
	clear: both;
    width: 666;
    padding: 0;
    margin: 20 19 20 19; 
    background-color: rgb(228,228,228);
} 
 
p.main2 {
    text-align: left;
    padding: 30; 
    margin: 0 0 0 0;
    color: black;
    line-height: 1.5em;
}

p.main2 a:link {
	text-decoration: none;
	color: rgb(30,98,31);
}

p.main2 a:visited {
	text-decoration: none;
	color: rgb(30,98,31);
}

p.main2 a:hover {
	text-decoration: none;
	color: black;
}




/* contact  */

form.contact {
   border: none;
   padding: 30;
   margin: 0;
   text-align: left;
} 

label {
   display: block;
   margin: 0;
   padding: 5;
}

label.label {
   display: block;
   margin: 15 0 0 0;
}

p.address {
	text-align: left;
	margin: 0;
	padding: 30;
}

p.address a:link {
	color: rgb(18,59,18);
}

p.address a:visited {
	color: rgb(18,59,18);}

p.address a:hover {
	color: rgb(18,59,18);
	text-decoration: underline;
}

/* privacy */

p.privacy a:link {
    text-decoration: underline;
    color: black;
}

p.privacy a:visited {
    text-decoration: underline;
    color: black;
}

p.privacy a:hover {
	color: rgb(18,59,18);
    text-decoration: underline;
}	

div.cleared {
    clear: both;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}