@charset "utf-8";

.largeBold {

	font-size: 14pt;

	color: #418EC1;

	font-weight: bold;

}

body {

	font: normal 80% Arial, Helvetica, sans-serif;

	background: #b6c8e8;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #333;

}

.twoColFixLtHdr #container {

	width: 880px;

	background: #E9F0FA;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #FFF;

	text-align: left; /* this overrides the text-align: center on the body element. */

	height: 1030px;

	position: relative;

	background-color: #E9F0FA;

}

.twoColFixLtHdr #header {

	background-color: #CEDCF5;

}

.twoColFixLtHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 113px;
	padding: 0;
	border: 1px solid #FFF;

}

.twoColFixLtHdr #sidebar1 {

	width: auto; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #418EC1;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #E9F0FA;

	border-left: 1px solid #FFF;

	position: absolute;

	visibility: visible;

	top: 115px;

	left: 0px;

	overflow: visible;

	height: 903px;

	z-index: 4;

}

.twoColFixLtHdr #mainContent {

	position: absolute;

	background: #CBA8CD url(images/glutenfree_soyprotein.png) no-repeat right top;

	top: 115px;

	width: 716px;

	left: 162px;

	border: 1px solid #FFF;

	height: 548px;

	margin-right: 0;

	margin-bottom: 0;

	padding-bottom: 0px;

	overflow: visible;

	z-index: 2;

	visibility: visible;

}

hr {

	background-color: #FFF;

	border-top: 1px solid #FFF;

	border-right: 1px none;

	border-bottom: 1px none;

	border-left: 1px none;

	width: 98%;

	text-align: center;

}

#apDiv1 {

	position:absolute;

	width:130px;

	height:110px;

	z-index:3;

	left: 730px;

	top: 696px;

}

.twoColFixLtHdr #footer {

	padding: 10 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#90C168;

	height: 95px;

	clear: left;

	border-right: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	position: absolute;

	width: 880px;

	top: 835px;

	left: -2px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFF;

	border-left-color: #FFF;

	border-left-width: 1px;

	border-left-style: solid;

	visibility: visible;

	z-index: 2;

}

.twoColFixLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	background-color: #90C168;

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

.twoColFixLtHdr #sidebar2 {

	background: #418EC1;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	position: absolute;

	visibility: visible;

	top: 320px;

	left: 0px;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 12px;

	color: #FFF;

	height: 123px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-color: #FFF;

	border-left-color: #FFF;

	overflow: hidden;

	text-align: right;

}

a:link {

	font-size: 12px;

	color: #000;

	line-height: 120%;

}

a:visited {

	font-size: 12px;

	color: #333;

}

a:hover {

	font-size: 12px;

	color: #904098;

	text-decoration: none;

}

a:active {

	font-size: 12px;

	color: #1767A0;

	text-decoration: none;

}

.maillink a {

	color: #E9F0FA;

	font-size: 12px;

	text-decoration: underline;

}

.maillink a:visited {

	color: #E9F0FA;

	font-size: 12px;

}

.maillink a:hover {

	color: #FFFFFF;

	font-size: 12px;

	text-decoration: none;

	text-align: right;

}

.bold {

	font: bold 95%/120% Arial, Helvetica, sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #333;

}

.frame #container {
	width: 880px;
	background: #E9F0FA;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff; /* this overrides the text-align: center on the body element. */
	height: 1030px;
	position: relative;
	background-color: #E9F0FA;

}

.frame #header {

	background-color: #CEDCF5;

}

.frame #header h1 {

	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	height: 113px;

	padding: 0;

	border: 1px solid #FFF;

}

.frame #sidebar1 {
	width: 166px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #418EC1;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	position: absolute;
	visibility: visible;
	top: 115px;
	left: 0px;
	overflow: visible;
	height: 903px;
	z-index: 1;
	border-right-style: solid;
	border-right-color: #FFF;

}

.frame #mainContent {
	position: absolute;
	background: #CBA8CD url(images/glutenfree_soyprotein.png) no-repeat right top;
	top: 115px;
	width: 710px;
	left: 168px;
	border: 1px solid #FFF;
	height: 549px;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
	overflow: visible;
	z-index: 2;
	visibility: visible;
	text-align: right;

}

.frame #footer {
	padding: 10 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#90C168;
	height: 95px;
	clear: left;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	position: absolute;
	width: 881px;
	top: 1000px;
	left: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	visibility: visible;
	z-index: 5;
	overflow: visible;
	background-color: #90C168;

}

.frame #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	background-color: #90C168;

	text-align: center;

}

.frame #sidebar2 {
	width: 159px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #418EC1;
	position: absolute;
	top: 396px;
	left: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10px;
	color: #FFF;
	height: 123px;
	z-index: 1;
	border-top: 1px solid #FFF;
	border-right: 1px none #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px none #FFF;
	visibility: visible;

}

.link1 a {

	color: #000000;

	font-size: 12px;

	text-decoration: underline;

}

.link1 a:visited {

	color: #333333;

	font-size: 12px;

}

.link1 a:hover {

	color: #318008;

	font-size: 12px;

	text-decoration: none;

}