/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
.screenonly {
	display:none;
}

body{
		margin-left: auto;
		margin-right:auto;
	font-family: "Tempus Sans ITC", Perpetua, Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color:#663333;
	line-height: 1.3;	
	width: 800px;
}

a, a:link, a:visited, a:hover {
	text-decoration: none;
	color: #663333;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Tempus Sans ITC", Verdana, Arial, Helvetica, sans-serif;
	color: #567909;
	letter-spacing: 2px;
}

h1{ 
	font-size: 120%;
	padding: 0px 0px 0px 0px;
}

h2 {
	text-align:center;
	font-style: italic;
	color: #567909;
	font-size:110%;
}

h3{
	text-align:left;
	font-size:80%;
}

h4{
	text-align:center;
	font-style: italic;
	font-size:160%;
	color: #660000;
}

h5{
	text-align:center;
	font-style: italic;
	font-size:150%;
	padding:0px;
	margin: 0px;
	border-bottom: 2px solid #567909;
}

h6{
	text-align:center;
	font-style: italic;
	font-size:70%;
	padding:0px;
	margin: 0px;
}


#footer{
	clear:both;
	font-size: 90%;
	color: #333333;
	text-align:center;
	margin-top: 15px;
    letter-spacing: 0px;
}


#globalNav{
	clear:both;
	font-variant:small-caps;
	text-align:center;
	font-size: 80%;
	padding-bottom: 3px;
	letter-spacing: 1.5px;
	vertical-align:baseline;
	height: 30px;
}

#globalNav a {
	font-size: 90%;
	font-weight:bold;
	color: #006633;
	padding: 0 3px 0 3px;
}

#globalNav a:hover {
	color: #FFCC00;
	font-weight:bold;
}



/************** .story styles *****************/
#formstory{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #660000;
	clear: none;
	margin-left: 30px
}

#story{
	font-size: 110%;
	color: #660000;
	clear: none;
	margin-left: 30px
}

#story img {
	margin: 3px;
	padding: 1px;
}


#address{
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #567909;
}

#address_sub{
	color: #660000;
	font-family: Perpetua, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:105%;
	text-align:center;
}


@media print, screen {
	#content{
	  float: right;
	  margin-bottom: 10px;
	  margin-left: 10px;
	  width: 540px;
	}
}

@media print {
	/* This is to handle the sliding margin */
 	#content {
	float:left;
	}
}

@media print {
	#advert{visibility:hidden;}
	#navBar{visibility:hidden;}
	#sectionLinks{visibility:hidden;}
}

@media screen {
	#advert{
		background-color:#567909;
		clear: both;
		padding: 4px 0 6px 0;
		margin-top: 8px;
		margin-bottom: 8px;
		border: 2px solid black;
		text-align: center;
		line-height: 1;
		font-size: 90%;
	}

	#navBar{
		font-size:110%;
		
	}

	#sectionLinks{
		padding: 5px;
		font-size: 115%;
		font-weight: bolder;
		font-family: Perpetua, "Palatino Linotype";
		letter-spacing: 4px;
		width:150px;
	}

	#sideComment{
		padding: 0px;
		font-size: 75%;
		font-weight: bolder;
		font-family: Perpetua, "Palatino Linotype";
		letter-spacing: 4px;
		font-variant:normal;
		width:150px;
	}
	
	
	/*********** #navBar link styles ***********/
	#navBar ul a:link, #navBar ul a:visited {display: block;}
	#navBar ul {list-style: none; margin: 0; padding: 0;}
	
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#navBar li {border-bottom: none;
	list-style-type: none;}
	
	
	/* fix for browsers that don't need the hack */
	html>body #navBar li {border-bottom: none;}
	
	
	/*********** Left-hand navbar ***********/
	#sectionLinks a:hover{
		text-decoration:none;
		font-style:italic;
		font-weight: bolder;
		color: #567909;	
	}
	
	
	#sectionLinks li{
		margin-top: 45px;
		margin-left: 25px;
	}
	
	#advert a {
		color: #FFFFFF;
		font-variant:small-caps;
	}
	
	#advert a:hover {
		color: #660000;
	}
}




.img_right {
float: right;
border: 1px solid #567909;
margin: 3px;
}

.img_right_plain {
float: right;
margin: 3px;
}

.img_left {
float: left;
border: 1px solid #567909;
margin: 3px;
}

.img_left_plain {
float: left;
margin: 3px;
}

.important {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #567909;
 font-size: 80%;
}

.product_table {
font-size: 95%;
}

.product_table th {
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #567909;
	border-bottom: 2px solid black;
}

.nutrition {
	border: 2px solid black;
	width: 160px;
	font-size: 85%;
		margin-left: auto;
		margin-right:auto;
		text-align:center;
		padding: 2px;
}