@charset "utf-8";
/* Gaby's Farm Version 3 CSS Document */

body {
	background-color: #FFFFFF;
	background-image: url(/3.0/images/GFI3_page_bkg_tile.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-position: left top;
}

#sideBarNavListArea {
	/* Sub controls for specific sidebar. Comment out position and visibility attributes to show */
	margin-bottom: 15px;
/*
	visibility: hidden;
	position:absolute;
*/
}

#sideBar1 {
	/* Sub controls for specific sidebar. Comment out position and visibility attributes to show */
	margin-bottom: 15px;
/*
	visibility: hidden;
	position:absolute;
*/
}

#sideBar2 {
	/* Sub controls for specific sidebar. Comment out position and visibility attributes to show */
	margin-bottom: 15px;
/*
	visibility: hidden;
	position:absolute;
*/
}

#sideBar3 {
	/* Sub controls for specific sidebar. Comment out position and visibility attributes to show */
	margin-bottom: 15px;
	visibility: VISIBLE;
}

#sideBarGlobal {
	/* This is the container for all sidebars which specifies their location on the page. */
	position:absolute;
	left:468px;
	top:155px;
	width:300px;
	z-index:90;
	visibility: visible;
	height: auto;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	line-height: normal;
	color: #0061a6;
	background-color: #FFFFFF;
	background-image: url(/3.0/images/GFI3_sidebar_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	border: 2px solid #0061A6;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	float: right;
}

#sideBarGlobal h4 {
/* Use this for headings in the sidebar area */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: bold;
	line-height: .9em;
	color: #0061a6;
	padding-bottom: -5px;
	margin-top: 0ex;
	margin-bottom: .5ex;
}

#sideBarGlobal p {
	margin-top: 0ex;
	margin-bottom: .7ex;
}

.homePageText {
	/* This class is applied to the homePageTextArea to control FORMATTING */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #000000;
}

#homePageTextArea {
	/* This controls the default body text LOCATION */
	left:35px;
	width:235px;
	height:330px;
	position: relative;
	visibility: visible;
	padding-left: 15px;
	padding-top: 175px;
	z-index: 100;
	padding-bottom: 15px;
}

#bodyTextArea {
	/* This controls the default body text LOCATION */
	left:0px;
	width:460px;
	position: relative;
	visibility: visible;
	padding-left: 15px;
	padding-top: 120px;
	z-index: 100;
	padding-bottom: 15px;
}

#bodyTextAreaHeightAdjust {
	/* This controls the default body text HEIGHT using a spacer graphic.
		The graphic is needed to force the footer to appear, rather than moving up to sit behind the page background */
	margin: 0px;
	padding: 0px;
	float: left;
	height: 400px;
	width: 1px;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.bodyText {
	/* This area handles the body text FORMATTING */
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	line-height: normal;
	color: #000000;
}

#bodyTextArea h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	color: #0061A6;
	font-variant: normal;
	margin-top: 0ex;
	margin-bottom: 0ex;
	padding-top: 0ex;
	padding-bottom: 0ex;
}
#bodyTextArea h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1em;
	font-weight: bold;
	color: #0061A6;
	font-variant: normal;
	margin-top: .5ex;
	margin-bottom: 0ex;
}
#bodyTextArea h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #0061A6;
	font-variant: normal;
	margin-top: .5ex;
	margin-bottom: .3ex;
}
#bodyTextArea p {
	margin-top: .5ex;
/*
	padding-top: 0ex;
*/
}
#bodyTextWideArea {
	/* This controls the wide  body text LOCATION */
	position: relative;
/*
	visibility: visible;
	padding-left: 0px;
	padding-top: 0px;
	z-index: 300;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
*/
}


#pageMain {
	background-image: url(/3.0/images/GFI3_page_bkg_mid.jpg);
	position: relative;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
}

#homePageBackground {
/* This controls the display of the page header and upper body area */
	background-image: url(/3.0/images/GFI3_home_bkg_top.jpg);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 1;
	width: 768px;
	left: 0px;
	top: 0px;
	background-position: left top;
	height: 515px;
}

#subpageBackground {
/* This controls the display of the page header and upper body area */
	background-image: url(/3.0/images/GFI3_subpage_bkg_top.jpg);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 1;
	width: 768px;
	left: 0px;
	top: 0px;
	background-position: left top;
	height: 515px;
}

#topNavArea {
	/* This controls the FORMATTING of the Top Navigation strip. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0061A6;
	border: 2px solid #FFFFFF;
	position: absolute;
	visibility: visible;
	z-index: 200;
	top: 0px;
	background-color: #FFFFFF;

	width: 570px;

	margin-left: 190px;
	height: 20px;
}

#topNavAreaBorder {
	/* This controls the inside border of the Top Navigation strip. */
	border: 2px solid #0061A6;
	background-color: #FFFFFF;
	height: 16px;
}

#topNavLinks {
/* This controls the DIV used to enclose the top navigation links */
	padding-top: 0px;
	padding-bottom: 3px;

	float: right;

}

#topNavLinks a {
	/* This controls the top navigation's link specific FORMATTING */
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	color: #0061A6;
	text-decoration: none;
}
#topNavLinks a:hover {
	/* This controls the top navigation's link specific FORMATTING */
	padding-right: 4px;
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0061A6;
}
#topNavLogoLinkArea {
	margin: 0px;
	padding: 0px;
	height: 71px;
	width: 224px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 190;
}
#topNavLogoLink {
	float: left;
	height: 71px;
	width: 224px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footerArea {
	/* This controls the FORMATTING of the Footer. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0061A6;
	background-image: url(/3.0/images/GFI3_page_bkg_bottom.jpg);
	height: 26px;
	padding-top: 5px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	position: relative;
	width: 718px;
	padding-right: 60px;
	clear: both;
}
#footerCopyright {
/* This controls the DIV used to enclose the footer copyright info */
	float: left;
	padding-left: 15px;
}


#footerLinks {
/* This controls the DIV used to enclose the footer links */
	float: right;
}

#footerLinks a {
/* This controls the footer's link specific FORMATTING */
	margin-right: 15px;
	margin-left: 15px;
	color: #0061A6;
	text-decoration: none;
}
#footerLinks a:hover {
	text-decoration: underline;
}

#bodyTextColumnsArea {
	/* This controls the FORMATTING of a body multi column area. */
	border: 2px solid #0061A6;
	position: relative;
	visibility: visible;
	z-index: 200;
	width: 90%;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	width: 440px;
}
#bodyTextColumnsArea h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #0061A6;
	margin-top: 0ex;
	margin-bottom: .3ex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0061A6;
}

#bodyTextColumnsArea h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #0061A6;
	margin-top: 0ex;
	margin-bottom: .3ex;
}

#bodyTextColumn1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0061A6;
	float: left;
	width: 48%;
	position: relative;
}

#bodyTextColumn2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0061A6;
	float: right;
	width: 48%;
	position: relative;
}
#bodyTextColumnsFooterArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #0061A6;
	padding: 5px;
	clear: both;
	position: relative;
	visibility: visible;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0061A6;
}

#bodyTextColumnsArea #bodyTextColumn1 a, #bodyTextColumnsArea #bodyTextColumn2 a {
	/* This controls the body columns area's link specific FORMATTING */
	text-decoration: none;
}
#bodyTextColumn1 li, #bodyTextColumn2 li {
	padding-bottom: 3px;
	list-style-type: square;
	margin-left: -20px;
}

#bodyTextColumn1 ul, #bodyTextColumn2 ul {
	margin-top: 0ex;
	padding-top: 0ex;
	margin-bottom: 0ex;
}

#bodyTextColumnsArea #bodyTextColumn1 a:hover, #bodyTextColumnsArea #bodyTextColumn2 a:hover {
	/* This controls the body columns area's link specific FORMATTING */
	text-decoration: underline;
	font-weight: bold;
	color: #0061A6;
}
#productBanner {
	padding-top: 2px;
	margin-top: 0px;
	padding-left: 81px;
	position: relative;
	visibility: visible;
}
#productPintImage {
	float: left;
}
#productPintImage img {
	float: left;
}

#productText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #0061A6;
	padding-left: 110px;
}
#productFooterText {
	/* This controls the FORMATTING of the Footer. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0061A6;
	padding-top: 15px;
	padding-left: 110px;
	position: relative;
	visibility:hidden;
}

#sideBarNavListArea  {
/* This controls the formatting of the navigation list sidebar box */
	border: 2px solid #0061A6;
	background-color: #FFE761;
	width: 214px;
	float: right;
	padding: 0px;
}

#flavorNavListForm {
/* This controls the formatting of the navigation list FORM field */
	margin: 0px;
	padding: 0px;
}

#flavorNavList  {
/* This controls the formatting of the navigation list SELECT element */
	padding: 0px;
	margin: 0px;
	width: 214px;
}

#flavorNavList option {
/* This controls the FORMATTING of the navigation list OPTION elements */
	color: #0061A6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #FFE761;
	font-style: normal;
	line-height: normal;
}

.flavorNavListGroupingText {
/* This controls the formatting of the navigation list Grouping headers */
	color: #330099;
	font-weight: bold;
}
#bodyFloatGraphicArea {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 190;
	float: right;
}
#bodyFloatGraphic {

}
#tincAppDoc {
	clear: none;
	float: left;
}
.translucent {
	opacity: .50;
	-moz-opacity: .50;
	filter: alpha(opacity=50);
}