/*
CSS for Nature's Nook project
*/

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #FFFFCC;
   line-height: 125%;
   padding: 15px;
   }
   
.wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	color: #FFFFFF;
	position: relative;
}
#header {
	width: 60em;
	height: 120px;
}
 
li {
    font-size: inherit;
    color: black;
}

p {
    font-size: 14px;
    color: #333333;
}
p a {
    color: #0099FF;
}

a {
    font-size: medium;
    font-weight: bold;
    color: #0099FF;

}

a:link {
	font-size: 14px;
	color: #0066FF;
}

a:visited {
    color: #9966FF;
}

a:hover {
    text-decoration: underline;
    color: #006600;
}

a:active {
    color: #0066FF;;
    background-color: navy;
}

.tagline {
    font-family: Cooper Black, "Eras Demi ITC", sans-serif;
	font-weight: 500;
	font-size: 16px;
    color: #003300;
    margin-top: 60px;
	margin-right: 40px;
    padding-bottom: .2em;
    padding-left: .2em; 
	float: right;   
}
.taglinemain {
    font-family: Cooper Black, "Eras Demi ITC", sans-serif;
	font-weight: 500;
	font-size: 16px;
    color: #003300;
    padding-bottom: .2em;
    padding-left: .2em; 
	float: right;   
}

#navigation {
	background-color: #ccffcc;
	width: 215px;
	min-width: 100px;
	position: absolute;
	float: left;
	top: 162px;
	left: 0;
	border-top: inset thick #99FF66;
	border-left: double thick #99FF66;
}

h1, h2, h3 {
    font-family: Cooper Black, "Eras Demi ITC", sans-serif;
    color: black;
}

h1 {
     font-family: Cooper Black, "Eras Demi ITC", sans-serif;
	 font-size: xx-large;
     padding-top: 2em;
     padding-bottom: .2em;
     padding-left: .4em;
	 margin-left: 0;	 
	 
}
    
h2 {
      font-size: 130%;
      font-weight: normal;
      padding-top: 15px;
}

h3 {
     font-weight: normal;
     font-size: large;
     
}

.attentiongrab {
	float:right;
	width: 55%;
    font-weight: bold;
	font-size:medium;
	font-style:italic;
}

.attentiongrab p {
	font-weight: bold;
	font-size:medium;
	font-style:italic;
}

#footer {
	float: right;
	clear: both;
	margin-right: 100px;
	color: #333333;
	width: 50em;
	font-size: 10px;
	border-top: thick inset #99FF66;
	border-bottom: thick outset #99FF66;
}

#footer p {
	font-size: 10px;
}


#bodycontent {
	width: 43.75em;
	top: 140px;
	border: #99FF66 ridge;
	float: right;
	padding: 3px;

}

#bodycontent p {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 23px;
}
 
.directions {
	background-image: url(/naturesnookproject/gallery/directionscopy.jpg);
	width: 550px;
	height: 125px;
	padding-left: 50px;
	padding-top: 400px;
}

img {
	float: left;
}

#manuflogo {
	position: relative;
	clear: both;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 50px;
	border: thick #FFFFCC;
}
 
#manuflogo a:hover, #manuflogo a:visited, #manuflogo a:link {
	color: #FFFFCC;
}

#breadcrumbs p{
	text-align: right;
	font-size: smaller;

}

#breadcrumbs a {
	font-size: smaller;
}


.proddesc img {
	margin-left: 100px;

}
.proddesc p {
	width: 40%;
	float: right;
	margin-right: 40px;
	font-size: small;

}

.prodsumm {
	font-weight: bold;
}

.store {
	float: right;
}
	
.store img {
	border: double thin #ccffcc;
}	

#testimonial {
	margin-right: 130px;
	margin-top: 50px;
	text-align: center;
}

h1:first-letter {
	color: #009900;
	font-size: 60px;
}

.back {
	clear: both;
}

/* This if for the Diet page main navigation */
#productleft, #productleft2, #productleft3, #productright, #productright2 {
	width: 18em;
	text-align: left;
}

#productleft a:link li, #productleft2 a:link li, #productleft3 a:link li, #productright a:link li, #productright2 a:link li {
	font-size: 14px;
	color: #0066FF;
}

#productleft a:visited li, #productleft2 a:visited li, #productleft3 a:visited li, #productright a:visited li, #productright2 a:visited li {
    color: #9966FF;
}

#productleft a:hover li, #productleft2 a:hover li, #productleft3 a:hover li, #productright a:hover li, #productright2 a:hover li {
    color: #006600;  
	text-decoration: underline;
}	

#productright {
	position: relative;
	left: 300px;
	bottom: 120px;
}	

#productright2 {
	position: relative;
	left: 300px;
	bottom: 400px;
}	

#productleft2 {
	position: relative;
	bottom: 250px;
}

#productleft3 {
	position: relative;
	bottom: 200px;
}
/*End of  Diet's main page navigation */


/* This if for the Grocery page main navigation */
#cereal, #cookies, #fruit, #bread, #juice, #pasta {
	width: 18em;
	text-align: left;
}

#cereal a:link li, #cookies a:link li, #fruit a:link li, #juice a:link li, #pasta a:link li, #bread a:link li {
	font-size: 14px;
	color: #0066FF;
}

#cereal a:visited li, #cookies a:visited li, #fruit a:visited li, #juice a:visited li, #pasta a:visited li, #bread a:visited li {
    color: #9966FF;
}

#cereal a:hover li, #cookies a:hover li, #fruit a:hover li, #juice a:hover li, #pasta a:hover li, #bread a:hover li {
    color: #006600;  
	text-decoration: underline;
}	


#cereal {
	position: relative;
	left: 300px;
	bottom: 120px;
}	

#juice {
	position: relative;
	left: 300px;
	bottom: 400px;
}	

#cookies {
	position: relative;
	bottom: 200px;
}

#fruit {
	position: relative;
	bottom: 150px;
}

#pasta {
	position: relative;
	bottom: 300px;
}

/*End of Grocery's main page navigation */

/* This if for the Vitamin and Minerals page main navigation */
#iron, #calcium, #potassium, #zinc {
	width: 18em;
	text-align: left;
}

#iron a:link li, #calcium a:link li, #potassium a:link li, #zinc a:link li {
	font-size: 14px;
	color: #0066FF;
}

#iron a:visited li, #calcium a:visited li, #potassium a:visited li, #zinc a:visited li {
    color: #9966FF;
}

#iron a:hover li, #calcium a:hover li, #potassium a:hover li, #zinc a:hover li {
    color: #006600;  
	text-decoration: underline;
}	


#iron {
	position: relative;
	left: 300px;
	bottom: 180px;
}	

#potassium {
	position: relative;
	bottom: 140px;
}

#vitamins {
	position: relative;
	bottom: 0;
	width: 43em;

}

#zinc {
	position: relative;
	left: 300px;
	bottom: 700px;
}

.A {
	width: 8em;
	float: left;
	text-align: center;

}
.B {
	width: 8em;
	float: left;
	text-align: center;

}
.C {
	width: 8em;
	float: left;
	text-align: center;

}
.D {
	width: 8em;
	float: left;
	text-align: center;

}
.E {
	width: 8em;
	float: left;
	text-align: center;

}

.A a:link li, .B a:link li, .C a:link li, .D a:link li, .E a:link li {
	font-size: 10px;
}

.A a:visited li, .B a:visited li, .C a:visited li, .D a:visited li, .E a:visited li {
    color: ;
}

.A a:hover li, .B a:hover li, .C a:hover li, .D a:hover li, .E a:hover li {
    color: #006600;  
	text-decoration: underline;
}	


.A ul li, .B ul li, .C ul li, .D ul li, .E ul li {
	font-size: 10px;
	list-style-type: none;
	
}

	
.A ul, .B ul, .C ul, .D ul, .E ul {
	padding-left: 0;
	margin-left: 0;
	
}

li.shade {
	color: #0099CC;
}
	
/*End of Vitamin and Mineral's main page navigation */