/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.splashMainText {
/*This styles the text content area on the homepage */
	background-image: url(images/template/OTFhomeMainBkg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 30px;
	vertical-align: top;
	text-decoration: none;
}
.splashMainText a:link {
	color: #666666;
	text-decoration: underline;
}
.splashMainText a:visited {
	color: #666666;
	text-decoration: underline;
}
.splashMainText a:hover {
	color: #2E8943;
	text-decoration: none;
}
.textsubHead {
/*Styles the subhead, larger than body copy and bold*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.textsubHead a:link {
	color: #666666;
	text-decoration: none;
}
.textsubHead a:visited {
	color: #666666;
	text-decoration: none;
}
.textsubHead a:hover {
	color: #2E8943;
	text-decoration: none;
}
.textHead {
/*Styles the large, all-caps, red header text*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #BD574B;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A1966C;
	text-decoration: none;
}
.topNavLinks {
/*Syles the main navigation*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F9F5F;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 25px;
	font-weight: bold;
}
.topNavLinks a:link {
	color: #5F9F5F;
	text-decoration: none;
}
.topNavLinks a:visited {
	color: #5F9F5F;
	text-decoration: none;
}
.topNavLinks a:hover {
	color: #ffffff;
	text-decoration: none;
}
.topNavLinksKeylines {
/*Styles the white keylines in the main nav, gives padding to left and right to space out*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.topNavLinksWhite {
/*Styles the French/English links*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 0px;
	vertical-align: bottom;
	text-align: right;
}
.topNavLinksWhite a:link {
	color: #ffffff;
	text-decoration: none;
}
.topNavLinksWhite a:visited {
	color: #ffffff;
	text-decoration: none;
}
.topNavLinksWhite a:hover {
	color: #333333;
	text-decoration: none;
}
.pageTitleBanner {
/*Styles the horizontal band under the nav, gives it the background image (aligned right, coloured background is applied to the TD this table sits in; also gives it it's padding*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(images/template/pageTitleHrBandImg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: middle;
	padding-left: 25px;
}
.pageTitleHeadWhite {
/*Styles the title of the page, goes in the coloured horizontal band*/
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
}
.pageTitleBannerSubNav {
/*Styles any sub-nav links to current area, goes in coloured horizontal band under the page title which is in white. The links change the arrows to white*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EDE1B4;
	text-decoration: none;
}
.pageTitleBannerSubNav a:link{
	color: #EDE1B4;
	text-decoration: none;
}
.pageTitleBannerSubNav a:visited {
	color: #EDE1B4;
	text-decoration: none;
}
.pageTitleBannerSubNav a:hover{
	color: #ffffff;
	text-decoration: none;
}
.leftMenu {
/*Styles the left menu, adds the double keyline in each cell, applies padding*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	/*background-image: url(images/template/leftMenuBkg.gif);*/
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-repeat: repeat-x;
	text-transform: uppercase;
} /* padding-left: 25px; */
.leftMenu a:link{
	color: #666666;
	text-decoration: none;
}
.leftMenu a:visited{
	color: #666666;
	text-decoration: none;
}
.leftMenu a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.leftMenuLowercase {
/*Styles the left menu, same as leftMenu style, but doesn't make it all-caps, used for the contact us TD*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-image: url(images/template/leftMenuBkg.gif);
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-repeat: repeat-x;
}
.leftMenuLowercase a:link{
	color: #666666;
	text-decoration: none;
}
.leftMenuLowercase a:visited{
	color: #666666;
	text-decoration: none;
}
.leftMenuLowercase a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.homepageMenuFoot {
/*Styles the homepage footer below the main menu*/
	background-image: url(tenderfruit/images/template/splash7EngFooterBorder.jpg);
	background-repeat: repeat-x;
}
.tableContent {
/*Styles the main body text for any non-splash-page pages. Applies the green gradient background, white vertical lines on each side and the padding. It's applied to the TD*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EDE1B4;
	border-left-color: #EDE1B4;
}
.mainContent {
/*Styles the main body text for any non-splash-page pages. Applies the green gradient background, white vertical lines on each side and the padding. It's applied to the TD*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	background-image: url(images/template/contentBkgGradient.gif);
	background-repeat: repeat-x;
	padding: 25px;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.mainContent a:link{
	color: #666666;
}
.mainContent a:visited{
	color: #666666;
}
.mainContent a:hover{
	color: #000000;
}
.mainContentsubHead {
/*Styles the main content sub heads, not bold. Makes all-caps and red*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #BD574B;
	text-transform: uppercase;
}
.mainContentsubHead a:link{
	color: #BD574B;
}
.mainContentsubHead a:visited{
	color: #BD574B;
}
.mainContentsubHead a:hover{
	color: #000000;
}
.mainContentHeader {
/*Styles the large green serif text, eg. for Featured Recipes*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 18px;
	color: #5F9F5F;
}
.mainContentBrdCrumb {
/*Styles the breadcrumbs at the top of the page. Also styles the "back to top" links*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #5F9F5F;
	text-decoration: none;
	text-transform: uppercase;
}
.mainContentBrdCrumb a:link{
	color: #5F9F5F;
	text-decoration: none;
}
.mainContentBrdCrumb a:visited{
	color: #5F9F5F;
	text-decoration: none;
}
.mainContentBrdCrumb a:hover{
	color: #000000;
	text-decoration: underline;
}
.upcomingEvents {
/*Styles the upcoming events, right column. Gives the double keylines at the top of the page. The coloured background for this column is applied to the TD this table sits in*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	padding: 25px;
	background-image: url(images/template/upcomingEventsTopKeyline.gif);
	background-repeat: repeat-x;
}
.upcomingEvents a:link{
	color: #FFFFFF;
}
.upcomingEvents a:visited{
	color: #FFFFFF;
}
.upcomingEvents a:hover{
	color: #EDE1B4;
}
.upcomingEventsHeader {
/*Sytles the header for the upcomingEvents area, large, white, arial*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.featuredImage {
/*Styles the image used in the featured recipes and recipe page. Gives it a border, padding and alignment.*/
	border: 3px solid #FFFFFF;
	clear: none;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.recipeBrowseBkg1 {
/*Styles the browse recipe bands - this is the darker of the two. Gives it the background colour, border at the top to seperate and padding.*/
	background-image: url(images/template/recipeBkg1.gif);
	padding: 5px;
	width: 100%;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.recipeBrowseBkg2 {
/*Styles the browse recipe bands - this is the lighter of the two. Gives it the background colour, border at the top to seperate and padding.*/
	background-image: url(images/template/recipeBkg2.gif);
	padding: 5px;
	width: 100%;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.recipeBrowseImages {
/*Styles the images in the browse recipes area, gives padding - more on the right to run beside the text*/
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.recipeTable {
}
.recipeTable td {
/*Styles the table the recipes are using to display ingredients, if needed. It gives a green keyline at the top and the padding for the table*/
	border-top: 1px solid #DDEC9B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 10px;
}