@charset "utf-8";

/*
Ingredients Box For Schools 2008
Version: 1.0
*/

html {
	background: #eee;
	}

body {
	background: url("images/bodybg.gif") repeat-x top;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: center;
}

a {
	color: #61a725;
	text-decoration: underline;
	}

a:hover, a:visited {
	color: #85b352;
	text-decoration: underline;
	}
	
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	float: right;
	width: 250px;
	background: #85b352;
	color: #ffffff;
	padding: 20px 15px 20px 15px;
	margin-left: 20px;
	}

blockquote h5 {
	font-size: 18px;
	}

	#container {
		width: 950px;
		margin: 0 auto;
		border-top: 7px solid #61a725;
		padding: 0 10px 0 10px;
		background: #fff;
		text-align: left;
		}
	
			#primaryContent {
				float: right;
				width: 710px;
				margin-top: 20px;
				}
	
					#container #primaryContent p {
						line-height: 18px;
						font-size: 13px;
						color: #121212;
						padding-bottom: 18px;
						}
						
							div.opening {
								font-weight: bold;
								border-bottom: 1px solid #dcdddd;
								margin-bottom: 18px;
								}
							
							div.opening p {
							text-align: left;
							}
								
									#container #primaryContent h2 {
										font-family: Georgia, "Times New Roman", sans-serif;
										font-size: 26px;
										color: #61a725;
										padding-bottom: 20px;
										}
	
									#container #primaryContent h3 {
										font-family: Georgia, "Times New Roman", sans-serif;
										font-size: 22px;
										color: #61a725;
										padding-bottom: 20px;
										}
												
									#container #primaryContent h4 {
										font-family: Georgia, "Times New Roman", Times, serif;
										font-size: 20px;
										color: #61a725;
										text-decoration: underline;
										padding-bottom: 20px;
										}
														
											#container #primaryContent .photo {
												float: left;
												width: 220px;
												margin: 10px 13px 10px 0;
												background: #fff;
												padding: 0 0 10px 0;													
												}
												
											#container #primaryContent .photo img, #container #primaryContent .photoBig img {
												border: 1px solid #babbbc;
												}
												
											#container #primaryContent .photoBig {
												float: left;
												width: 274px;
												margin: 10px 15px 10px 0;
												background: #fff;
												padding: 0 0 10px 0;													
												}											
																	
													.caption {
														color: #85b352;
														font-size: 12px;
														float: left;
														margin-bottom: 5px;
														padding-top: 3px; 
														text-transform: capitalize;
														}
														
														
															.clear {
																clear: both;
																}
																
																	#paypalbuy {
																		width: 500px;
																		margin: 10px 0 30px 0;
																		}																																																	

	#header {
		width: 950px;
		height: 133px;
		border-bottom: 1px solid #dcdddd;
		}
		
			#header h1 {
				float: left;
				text-indent: -9999px;
				width: 630px;
				height: 133px;
				background: url("images/headerh1.gif") no-repeat left top;
				}
					#buynow {
						width: 145px;
						height: 47px;
						float: right;
						margin-top: 60px;
						margin-right: 10px;
						}


	#leftNav {
		float: left;
		width: 220px;
		margin: 20px 0 350px 0;
		}
	
			#leftNav #nav {
				list-style: none;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 14px;
				margin-bottom: 15px;
				}
				
					#leftNav #nav li {
						margin-bottom: 1px;
						}
				
					#leftNav #nav li a {
						display: block;
						width: 221px;
						height: 31px;
						background: #61a725 url('images/nav/leftnavbtn.gif') no-repeat left top;
						color: #fff;
						text-decoration: none;
						text-indent: 10px;
						line-height: 30px;
						}
								
							#leftNav #nav li a:hover {
								background-color: #4d931a;
								background-position: right top;
								color: #fff;
							}
						
#contact fieldset {
	margin: 0 0 5px 0;
	padding: 10px;
	border: 1px solid #babbbc;				
	}
		
		#contact legend {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			padding: 15px 10px;
			color: #61a725;			
			}
		
		#contact label {
			display: block;
			float: left;
			width: 170px;
			}
			
		#contact input {
			width: 200px;
			}
		
		#contact textarea {
			width: 400px;
			height: 175px;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 13px;
			}
		
		#contact .required {
			font-weight: bold;
			color: #770000;
			font-size: 10px;
			}
		#contact #submit, #contact #reset {
		    margin-top: 3px;
			width: 100px;
			font-size: 13px;
			}		
						
						
						
#leftNav #w3c {
	list-style: none;
	font-size: 12px;
	margin-top: 25px;
	}				
				
		#leftNav #w3c a {
		color: #babbbc;
		text-decoration: none;
		}
		
			#leftNav #w3c a:hover {
			color: #61a725;
			text-decoration: underline;
			}
		
				
#footer {
	clear: both;
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	color: #babbbc;
	padding: 5px 0 8px 0;
	margin-top: 20px;
	margin-bottom: 15px;
	border-top: 1px solid #eee;
	}
			
				#footer ul#navigationFoot {
					list-style: none;
					float: right;
					margin-left: 45px;
					margin-right: 10px;
					margin-top: 7px;
					}
						
						#footer ul#navigationFoot li {
							display: inline;
							}
						
							#footer ul#navigationFoot li a {
								text-decoration: none;
								color: #85b352;
								}
								
									#footer ul#navigationFoot li a:hover {
										text-decoration: underline;
										color: #babbbc;
										}
										
											#footer ul#navigationFoot p {
												float: left;
												}