/* ===================
		Various
=================== */
body {
	background:url(/images/bg.jpg) repeat-x 0 -57px #e6e2da;
}
.wrapper {
	width:1000px;
	margin:0 auto;
}
.center {
	text-align:center;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.beforeList {
	margin-bottom:0;
}
.bottomBorder {
	border-bottom:1px dotted #ccc;
}
.topBorder {
	border-top:1px dotted #ccc;
}

/* ===================
		Header
=================== */
#header {
	background:url(/images/header-new.jpg) no-repeat;
	width:1000px;
	height:274px;
	position:relative;
}
#header ul#headerSlideshow {
	margin:0;
	padding:0;
	list-style:none;
	width:719px;
	height:274px;
	overflow:hidden;
	float:right;
}
#header ul#headerSlideshow li {
	text-align:right;
}
#header ul#headerSlideshow li img {
}

#header p {
	margin:0;
	top:8px;
	position:absolute;
	right:0;
	font-size:10px;
	z-index:9999;
}
#header p a {
	color:#000;
	text-decoration:none;
	padding:0 7px;
	border-right:1px solid #000;
}
#header p a:hover {
	text-decoration:underline;
}
#header p a.noBorder {
	border:none;
}
/*
#header {
	background:url(/images/header.jpg) no-repeat;
	width:1000px;
	height:274px;
}
#header p {
	margin:0;
	padding-top:8px;
	float:right;
	font-size:10px;
}
#header p a {
	color:#000;
	text-decoration:none;
	padding:0 7px;
	border-right:1px solid #000;
}
#header p a:hover {
	text-decoration:underline;
}
#header p a.noBorder {
	border:none;
}
*/
/* ===================
		Menu
=================== */
#menu {
	background:url(/images/bg_menu.jpg) no-repeat 0 -6px;
	width:268px;
	padding-left:30px;
	float:left;
	min-height:300px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px dotted #000;
	width:230px;
}
#menu ul li {
	border-top:1px dotted #000;
}
#menu ul li a {
	display:block;
	font-size:14px;
	line-height:28px;
	color:#000;
	text-decoration:none;
	padding-left:6px;
}
#menu ul li a:hover {
	background-color:#be0404;
	color:#fff;
}
.nav li {
	position:relative;
}
#menu ul.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	color:#000;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover,
#nav-one li:hover {
	background-color:#be0404;
	color:#fff;
}
.liover {
	background-color:#be0404;
	color:#fff;
}
.nav ul {
	list-style: none;
	margin: 0;
	padding:0;
	position: absolute;
	top: -999em;
	left: -1px;
	background-color:#ffffff;
}
#menu .nav ul {
	border:1px solid #be0404;
}
.nav li:hover ul,
.nav li.sfHover ul {
	top: 0;
	left: 230px;
}
.nav ul li {
	border-top:1px dotted #000;
	width:230px;
}
.nav ul a {
	display: block;
	white-space: nowrap;
	margin: 0;
	padding:0;
	font-size:14px;
	line-height:28px;
	color:#000;
	text-decoration:none;
	padding-left:6px;
}


/* ===================
		Content
=================== */
#contentWrap {
	width:1000px;
	background:url(/images/bg_menu.png) repeat-y;
	overflow:hidden;
}
#content {
	background-color:#fff;
	float:right;
	min-height:650px;
	width:635px;
	padding:20px;
	border:1px solid #d9d9d9;
	margin:0 16px 20px 0;
}
#content2 {
	float:right;
	min-height:650px;
	width:675px;
	margin:0 16px 20px 0;
}
#content2 h1.title,
#content h1.title {
	width:634px;
	height:28px;
	margin:7px 0 0 0;
	text-indent:-999px;
	overflow:hidden;
	border:none;
}
.siteMap {
	background:url(/images/titles.jpg) no-repeat 0 -420px;
}
.contactUs {
	background:url(/images/titles.jpg) no-repeat 0 -390px;
}
.faq {
	background:url(/images/titles.jpg) no-repeat 0 -360px;
}
.communityInvolvement {
	background:url(/images/titles.jpg) no-repeat 0 -330px;
}
.membershipServices {
	background:url(/images/titles.jpg) no-repeat 0 -300px;
}
.mapLocator {
	background:url(/images/titles.jpg) no-repeat 0 -270px;
}
.ourTeam {
	background:url(/images/titles.jpg) no-repeat 0 -240px;
}
.kidsClub {
	background:url(/images/titles.jpg) no-repeat 0 -210px;
}
.gasBar {
	background:url(/images/titles.jpg) no-repeat 0 -180px;
}
.foodCentres {
	background:url(/images/titles.jpg) no-repeat 0 -150px;
}
.homeCentres {
	background:url(/images/titles.jpg) no-repeat 0 -120px;
}
.agroBulk {
	background:url(/images/titles.jpg) no-repeat 0 -90px;
}
.flyers {
	background:url(/images/titles.jpg) no-repeat 0 -60px;
}
.aboutUs {
	background:url(/images/titles.jpg) no-repeat 0 -30px;
}
.home {
	background:url(/images/titles.jpg) no-repeat 0 0;
}
#content p,
#content li,
#content td,
#content th,
#content2 p,
#content2 li,
#content2 td,
#content2 th {
	font-size:12px;
	line-height:20px;
	color:#2c2c2c;
}
#content a,
#content2 a {
	color:#be0404;
	font-weight:bold;
}
#content a:hover,
#content2 a:hover {
	background-color:#be0404;
	color:#fff;
}
#content h1,
#content2 h1 {
	color:#bb0a04;
	letter-spacing:-1px;
	font-family:Tahoma, Arial, sans-serif;
	border-bottom:1px solid #bb0a04;
}
#content h2,
#content2 h2 {
	color:#bb0a04;
	letter-spacing:-1px;
	font-family:Tahoma, Arial, sans-serif;
	border-bottom:1px solid #bb0a04;
	clear:both;
}
#content ul,
#content2 ul {
	margin-top:0;
}
#content blockquote,
#content2 blockquote {
	background:url(/images/bg.jpg) repeat-x 0 -457px;
	border:1px solid #e6e2da;
	padding:6px 2px;
}
#content blockquote p,
#content2 blockquote p {
	margin:0;
	padding:0 33px 0 33px;
	font-size:15px;
	font-style:italic;
}
#content blockquote p.startQuote,
#content2 blockquote p.startQuote {
	background:url(/images/quote_left.png) no-repeat;
	width:30px;
	height:30px;
	padding:0;
}
#content blockquote p.endQuote,
#content2 blockquote p.endQuote {
	background:url(/images/quote_right.png) no-repeat right top;
	height:30px;
}
#content img.left {
	float:left;
	margin-right:10px;
}
#content img.right {
	float:right;
	margin-left:10px;
}

#content2 #contentLeft {
	background-color:#fff;
	border:1px solid #d9d9d9;
	padding:20px;
	float:left;
	width:400px;
	overflow:hidden;
}
#content2 #contentRight {
	width:220px;
	float:right;
}
#content2 #contentRight div {
	background-color:#fff;
	border:1px solid #d9d9d9;
	padding:10px;
	width:200px;
	margin-bottom:10px;
}
#content2 h2.foodRecall {
	border:none;
	font-size:20px;
}
#content2 h2.foodRecall a {
	color:#f1ed1a;
	text-decoration:none;
	padding:2px 4px;
	background-color:#f01c28;
	border-top:3px solid #F67378;
	border-right:3px solid #AD121A;
	border-bottom:3px solid #AD121A;
	border-left:3px solid #F67378;
}
#content2 h2.foodRecall a:hover {
	background-color:#f01c28;
	border-top:3px solid #AD121A;
	border-right:3px solid #F67378;
	border-bottom:3px solid #F67378;
	border-left:3px solid #AD121A;
}
#content2 h2.titleHome {
	width:198px;
	margin:7px 0 0 0;
	text-indent:-999px;
	overflow:hidden;
	border:none;
	border-bottom:1px solid #9F0801;
}
.flyersHome {
	height:28px;
	background:url(/images/titles_home.jpg) no-repeat 0 -55px;
}
#content2 h2.employmentHome {
	height:53px;
	text-indent:0;
	border:none;
}
#content2 h2.employmentHome a {
	text-decoration:none;
	background:url(/images/titles_home.jpg) no-repeat 0 0px;
	display:block;
	height:53px;
	width:200px;
	text-indent:-999px;
	overflow:hidden;
}
ul.arrowList {
	list-style-image:url('/images/arrow.gif');
	list-style-type:square;
	padding-top:8px;
}
ul.arrowList a {
	text-decoration:none;
	font-weight:bold
}

label {
	display:block;
}

input,
option,
select,
textarea {
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
}

hr {
	background:transparent none repeat scroll 0 0;
	border-color: #BB0A04;
	border-style:none none dotted;
	border-width:medium medium 1px;
	display:block;
	margin:0.5em auto;
	width:80%;
}

/* ====== Locator Map ====== */
#locatorMap {
	width:631px;
	height:458px;
	background:url(/images/map.jpg) no-repeat;
	position:relative;
}
#locatorMap a {
	display:block;	
	width:54px;
	height:32px;
	position:absolute;
}
#locatorMap a:hover {
	background-color:transparent;
}
#locatorMap #map1 {
	top:98px;
	left:12px;
}
#locatorMap #map2 {
	top:196px;
	left:144px;
}
#locatorMap #map3 {
	top:399px;
	left:256px;
}
#locatorMap #map4 {
	top:191px;
	left:384px;
}
#locatorMap #map5 {
	top:44px;
	left:246px;
}
#locatorMap #map6 {
	top:319px;
	left:452px;
}
#locatorMap #map7 {
	top:271px;
	left:489px;
}
#locatorMap #map8 {
	top:163px;
	left:565px;
}




#personPopupContainer
{
    position:absolute;
    left:0;
    top:0;
    display:none;
    z-index: 20000;
/* */
	width:635px;
}
#contentMap {
	position:absolute;
}
.personPopupPopup
{
	border-collapse:collapse;
}
.personPopupPopup td {	padding:0; }


#personPopupContent
{
    background-color: #FFF;
    min-width: 175px;
    min-height: 50px;
}

.personPopupPopup .personPopupImage
{
    margin: 5px;
    margin-right: 15px;
}

.personPopupPopup .corner 
{
    width: 19px;
    height: 15px;
}
    
.personPopupPopup .topLeft 
{
    background: url(/images/balloon_topLeft.png) no-repeat;
}
    
.personPopupPopup .bottomLeft 
{
    background: url(/images/balloon_bottomLeft.png) no-repeat;
}
    
.personPopupPopup .left 
{
    background: url(/images/balloon_left.png) repeat-y;
}
    
.personPopupPopup .right 
{
    background: url(/images/balloon_right.png) repeat-y;
}
    
.personPopupPopup .topRight 
{
    background: url(/images/balloon_topRight.png) no-repeat;
}
    
.personPopupPopup .bottomRight 
{
    background: url(/images/balloon_bottomRight.png) no-repeat;
}
    
.personPopupPopup .top 
{
    background: url(/images/balloon_top.png) repeat-x;
}
    
.personPopupPopup .bottom 
{
    background: url(/images/balloon_bottom.png) repeat-x;
    text-align: center;
}


.personPopupResult p {
	margin:0;
}
/* ====== Locator Map New ====== */
.markerBox {
	width:320px;
	padding-bottom:10px;
}
.markerBox h3 {
	border-bottom:1px solid #BB0A04;
	color:#BB0A04;
	margin:0 0 6px 0;
	padding:0;
}
.markerBox h4 {
	margin:0;
	padding:0;
	font-size:13px;
}
.markerBox p {
	margin:0;
	padding:0 0 0 10px;
}
#content .markerBox p.details {
	color:#777;
	font-style:italic;
	padding:0 0 0 16px;
}
#content .markerBox p {
	line-height:16px;
	font-size:11px;
}
.markerBox hr {
	width:75%;
	border:none;
	margin:2px auto;
	height:1px;
	background-color:#BB0A04;
}
.mapCityOptions {
	height:32px;
	text-align:center;
}
#content .mapCityOptions a {
	display:block;
	float:left;
	width:315px;
	line-height:32px;
	text-decoration:none;
	font-size:16px;
	color:#fff;
	background-color:#BE0404;
	border:1px solid #FFF;
}
#content .mapCityOptions a:focus {
	color:#BE0404;
	background-color:#FFF;
	border:1px solid #BE0404;
}

/* End Map */



.photo {
	background-color:#fefefe;
	padding:1px;
	border:2px solid #be0404;
}

.boardMember {
	float:left;
	padding-left:35px;
	padding-right:35px;
}
.boardMember p {
	text-align:center;
}
.boardMember hr {
	clear:both;
}

/* ===================
		Footer
=================== */
#footer {
	background:url(/images/bg.jpg) repeat-x 0 0;
	height:55px;
	width:100%;
	clear:both;
}
#footer .copyright {
/*	background:url(/images/bg_menu.jpg) no-repeat -602px -83px; */
	width:254px;
	height:39px;
	padding:16px 22px 0 22px;
}
#footer .copyright p {
	margin:0;
	padding:0;
	color:#FFFFFF;
}
