/* ------ Reset Import --------------------------------------------------- */
@import url('reset.css');

/* ------ 

/* ------ Global Styles --------------------------------------------------- */
body { background-repeat: repeat; background-image: url(../images/bodybg.jpg); background-position: center 232px; font-family: Arial, Sans-serif; background-color: #67882d; }

a {text-decoration: none; color: #668429; }
a:hover { text-decoration:  underline; }

/* ------ Header --------------------------------------------------- */

#headerWrapper { width: 100%; background-image: url(../images/headerbg.jpg); background-repeat: repeat-x; height: 232px; background-position: top center; }

#header { width: 960px; margin: 0 auto; background-image: url(../images/header.jpg); background-position: center; background-repeat: no-repeat; height:232px;}

	/* ------ Header -> Global Nav ------ */
	#globalNav { float: left; margin-top: 20px; width: 350px; text-align: right; list-style-type: none; }
	#globalNav li { list-style-type: none; display: inline; padding-left: 15px; }	
	#globalNav li a { font-size: 10px; color: #FFF; text-transform: uppercase; text-decoration: none; }
	#globalNav li a:hover { text-decoration: underline; }

	/* ------ Header -> Logo ------ */
	#logo a { float: left; width: 270px; height: 150px; display: block; text-indent: -9999px; }
	


/* ------ Wrapper --------------------------------------------------- */

#wrapper { width: 960px; margin: 0 auto; }
#wrapperFix { float: left; margin-top: -80px; }



/* ------ Main Navigation --------------------------------------------------- */

#nav { width: 960px; height: 60px; position: relative; }
#nav li { display: inline; }
#nav li a { width: 120px; float: left; text-align: center; height: 43px; padding-top: 12px; border-bottom: none; color: #FFF; font-weight: normal; line-height: 17px; text-decoration:  none; vertical-align: middle; }
#nav li .one { height: 36px; position: relative; top: 7px; }
	
	/* ------ Main Navigation -> Hover Colors ------ */
	#nav li a.yellow:hover { border-bottom: 5px solid #ffd800; }
	#nav li a.red:hover { border-bottom: 5px solid #ef5701; }
	#nav li a.blue:hover { border-bottom: 5px solid #55bbf9; }
	
	/* ------ Main Navigation -> Drop Downs ------ */
	#nav li:hover {}
	#nav li a:hover { text-decoration: none; }
	#nav li ul { /*second level lists*/ clear: both; position: absolute; width: 940px; background: url('../images/navbg.jpg'); text-align: center; z-index: 10000; left: -99999em; padding: 7px 10px; /*use left to hide menu since display: none isn't picked up by screen readers */ }
	#nav li li { height: auto; margin: 0;  display: inline; padding: 0 15px; }
	#nav li li a { font-weight: bold; font-size: 13px; text-transform: uppercase;  float: none; padding: 0 10px;  clear: right; color: #ffd800; line-height: 20px; height: 20px; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */	left: 0; clear: both; margin-top: 60px; }
	#nav li li a:hover { color: #FFF; }
	



/* ------ Content --------------------------------------------------- */

#content { margin-top: 30px; min-height: 350px; }

	/* ------ Content -> Left Content ------ */
	#leftContent { float: left; width: 220px; }
	#leftContent h2{ font-size: 13px; text-transform: uppercase; width: 100%; border-bottom: 1px solid #afbf42; color: #ffd800; padding-bottom: 9px; }
	#leftContent h2 a { color: #ffd800; }
	
		/* ------ Content -> Left Content -> Weekly Specials ------ */
		#specials { margin-bottom: 50px; background: transparent !important; }
		#specialsWrapper { height: 300px; background: transparent !important; }
		.special { background: transparent !important; }
		.date { float: left; display: inline; height: 52px; width: 52px; margin: 8px 0 0 8px; text-align: center; padding-right: 8px; border-right: 1px solid #afbf42; }
		.month { font-size: 12px; text-transform: uppercase; color: #FFF; font-weight: bold; margin-top: 8px; }
		.day { font-size: 28px; font-weight: bold; color: #ffe601; }
		.specialsTitle { font-size: 12px; font-weight: bold; margin: 20px 0 0 13px; float: left; width: 120px; color: #FFF; }
		.specialsTitle a { color: #FFF; }
		.specialsTitle a:hover { color: #ffd800; text-decoration: none; }
		.specialTop { padding-bottom: 8px; border-bottom: 1px solid #afbf42; height: 60px; margin-bottom: 8px; }
		#specials img { padding-bottom: 8px; }
		.description { font-size: 12px; color: #FFF; line-height: 15px; display: block; float: left; background: none; }
		a#specialNext, a#specialPrev { font-size: 11px; color: #FFF; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center; padding-top:8px; display: block; height: 18px; width: 107px; margin-top: 10px; float: left; }
		a#specialPrev { border-right: 1px solid #afbf42; }
		.controls { border-bottom: 1px solid #afbf42; height: 45px; clear: both; }
		a#specialPrev:hover, a#specialNext:hover { color: #ffd800; }
		
		/* ------ Content -> Left Content -> From Our Experts (Blog) ------ */
		#blogTitles { border-bottom: 1px solid #afbf42; }
		#blog p { margin: 14px 0; }
		#blog p a { font-size: 12px; color: #FFF; font-weight: bold; line-height: 16px; text-decoration: none; }
		#blog p a:hover { color: #ffd800; }
		p#blogMore { text-align:  center; border-bottom: 1px solid #afbf42; padding: 8px 0; margin: 0; }
		p#blogMore a { font-size: 10px; color: #ffd800; text-transform:  uppercase; letter-spacing: 1px; margin: 0; }	

	/* ------ Content -> Feature ------ */
	#feature { float: left; width: 483px; background-image: url('../images/featurebg.jpg'); height: 681px; display: inline; margin-left: 15px; }
	#feature h1 { font-size: 21px; color: #FFF; padding: 15px 18px 10px 18px; text-align: center; }
	#feature p { font-size: 13px; color: #FFF; padding: 0 18px; line-height: 18px; }
	#featureImgs { margin: 17px 23px; width: 435px; height: 500px; }
	#featureImgs a img { border: none; }
	
	/* ------ Content -> Secondary ------ */
	#contentSecondary { float: left; width: 551px; margin: 0 8px; }
	#mainContentTop { width: 551px; background-image: url(../images/contentSecondaryBgTop.jpg); background-repeat:  no-repeat; height: 20px; }
	#mainContent { padding: 0 24px 20px; width: 511px; background-image: url(../images/contentSecondaryBg.jpg); background-repeat: repeat-y; }
	#mainContentBottom { width: 551px; background-image: url(../images/contentSecondaryBgBottom); background-repeat: no-repeat; height: 20px; }
	#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 { color: #444;}
	#mainContent h1 { color: #547423; font-size: 23px; }
	#mainContent h2 { font-size: 18px; margin: 7px 0 7px 0; line-height: 20px; }
	#mainContent h3 { font-size: 16px; margin: 7px 0 6px 0; line-height: 18px; }
	#mainContent p { font-size: 13px; line-height: 17px; margin: 8px 0 15px 0; }
	#mainContent ul, #mainContent ol { margin: 15px 25px; }
	#mainContent ol { list-style-type: decimal; }
	#mainContent ol li { list-style-type: decimal; font-size: 13px; line-height: 15px; }
	#mainContent ul li { font-size: 13px; line-height: 15px; margin: 0 0 10px 0; list-style-type: disc; }
	
		/* ------ Content -> Secondary -> Breadcrumbs ------ */
		#breadcrumbs { font-size: 11px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; }
		#breadcrumbs p { color: #547423; font-weight: bold; float: left; font-size: 11px; line-height: 10px; margin: 0; }
		#breadcrumbs a { text-decoration: none; color: #666; padding: 10px; }
		#breadcrumbs a:hover { text-decoration: underline; }
		
		/* ------ Content -> Secondary -> Details Pages (What's New and Weekly Specials Lists) ------ */
		.details { width: 100%; border-bottom: 1px solid #acbe8a; margin-bottom: 15px; padding-bottom: 8px; display: block; float: left; }
		.detailsImg { float: left; }
		.detailsContent { width: 280px; float: right; }
		#mainContent .detailsContent p.more { text-align: right; padding-right: 15px; padding-bottom: 5px; }
		#mainContent .detailsContent p.detailsDate { font-size: 10px; color: #666; text-transform: uppercase; margin: 0; padding: 0; }
		#mainContent .details h2 { font-size: 16px; margin: 0; color: #668429; }
		#mainContent .detailsContent p { font-size: 12px; margin: 0; padding: 5px 0; }
	
	/* ------ Content -> Right Content ------ */
	#rightContent { float: right; width: 220px;}
	#rightContent h2 { font-size: 13px; color: #ffd800; text-transform: uppercase; width: 100%; border-bottom: 1px solid #afbf42; padding-bottom: 9px; }

		/* ------ Content -> Right Content -> What's New ------ */
		#news h2 a { color: #ffd800; }
		#whatsNew img { padding-bottom: 8px; }
		#whatsNew { height: 300px; }
		a#whatsNewNext, a#whatsNewPrev { font-size: 11px; color: #FFF; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center; padding-top:8px; display: block; height: 18px; width: 107px; margin-top: 10px; float: left;}
		a#whatsNewPrev { border-right: 1px solid #afbf42; }
		a#whatsNewPrev:hover, a#whatsNewNext:hover { color: #ffd800; }
		
		/* ------ Content -> Right Content -> Calendar ------ */
		#calendar { margin-top: 50px; }
		#calendarEvents { border-bottom: 1px solid #afbf42; }
		#calendarEventSingle { margin: 14px 0; }
		.calendarDate { font-size: 12px; color: #FFF; text-transform:  uppercase; }
		.yellow { color: #ffd800; }
		.calendarDesc a { font-size: 13px; color: #FFF; line-height: 15px; margin-top: 2px; text-decoration: none; font-weight: bold; }
		.calendarDesc a:hover { color: #ffd800; }
		p#calendarMore { text-align:  center; border-bottom: 1px solid #afbf42; padding: 11px 0; margin: 0; }
		p#calendarMore a { font-weight: bold; text-decoration: none; font-size: 10px; color: #ffd800; text-transform:  uppercase; letter-spacing: 1px; margin: 0; }	
		
	/* ------ Content -> Right Content Secondary ------ */
	#rightContent_Secondary { float: right; width: 170px; }
	.weather { font-size: 11px; color: #FFF; padding: 10px 5px 2px; }
	.weatherImg {
    background: none repeat scroll 0 0 transparent;
    border: none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: middle;
    margin-top: 10px;
}
	
	/* ------ Content -> Right Sidebar ------ */
	.callOut { float: right; width: 156px; display: inline; margin-right: 10px; margin-bottom: 15px; }
		.callOutTop { background: url('../images/sidebar/sidebarBgTop.jpg') no-repeat; height: 9px; }
		.callOutMid { background: url('../images/sidebar/sidebarBgMid.jpg') repeat-y; text-align: center; }
		.callOutBot { background: url('../images/sidebar/sidebarBgBot.jpg') no-repeat; height: 8px; }
		.callOutText { font-size: 11px;  text-transform: uppercase; padding: 6px 6px 1px; line-height: 14px; }
		.callOutText a { color: #ffd800; }
		.callOuttext a:hover { text-decoration: underline; }
	

/* ------ Footer --------------------------------------------------- */
#footerWrapper { background-image:url(../images/footerbg.png); background-repeat: repeat-x; height: 170px; clear: both; padding: 70px 0 0 0; overflow: hidden;  }
#footer { width: 960px; margin: 0 auto;}
#footer h3 { font-size: 13px; color: #fff8e6; margin: 0 0 8px 0; font-weight: normal; text-transform:  uppercase; padding: 0; letter-spacing: 1px; }

	/* ------ Footer -> Left ------ */
	#footerLeft { float: left; width: 240px; }
	#footerLogos { float: left; display: block; width: 223px; height: 62px;}
	
	/* ------ Footer -> Middle ------ */
	#footerMid { float: left; width: 4; background-image: url(../images/footerLines.png); background-position: 14px 0; background-repeat:  no-repeat; height: 160px; }
	
		/* ------ Footer -> Middle -> Contact Information ------ */
		#footerMid ul { width: 440px; margin: 8px 0 0 31px;}
		#footerMid ul li { width: 210px; padding: 0px; float: left; margin: 5px 0 23px 0; }
		#footerMid ul li p { text-align: center; font-size: 11px; color: #fff8e6; line-height: 15px; text-align: center;  }
		#footerMid a { font-size: 11px; color: #fff8e6; line-height: 15px; text-align: center; }

	/* ------ Footer -> Right ------ */
	#footerRight { float: right; width: 220px; padding-top: 10px; padding-left: 20px; }
	#footerRight p, #footerRight p a { font-size: 11px; color: #fff8e6; line-height: 17px; text-align: left; }
	#footerRight p a:hover { text-decoration:  underline; }
	.facebook { float: right; display: inline; margin-right: 40px; margin-top: -10px; }
	.itsTimeTo { position: relative; top: -230px; left: 75px; }


/* Updated Navigation for Collapsible Menus */

#secondaryNav { list-style-type: disc; }
#secondaryNav li { list-style-type: none; border-bottom: 1px solid #afbf42;}
#secondaryNav li a { font-size: 13px; color: #FFF; padding: 12px 6px 12px 15px;  width: 200px; display: block; text-decoration: none;  }
#secondaryNav li ul { margin-top: 5px; }
#secondaryNav li a:hover { color: #ffd800; }
#secondaryNav li li { list-style-type: disc; margin: 0 0 17px 30px; font-size: 12px; color: #FFF; border: 0; }
#secondaryNav li li a { font-size: 12px; border: 0; padding: 0; color: #FFF; }
#secondaryNav li li:hover { color: #ffd800; }
#secondaryNav li li a:hover { color: #ffd800; }
#secondaryNav li.expand { background-image: url('../images/expand.png'); background-position: right 3px; background-repeat: no-repeat; }
#leftContent #secondaryNav li.expand.active { background-image: url('../images/expandOver.png'); background-position: right 1px; }
#secondaryNav li.current a, #secondaryNav li.current { color: #ffd800; }