/* -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
	
	boe.chicodev.com
	Stylesheet: public/main.css
	Author: Brent White, chicowebdesign.com
	Version: November 01, 2009
	
--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
img {
	display: block;
	}
p {
	padding: 0 0 5px 0;
	line-height: 18px;
	color: #886d55;
	}
strong {
	color: #243c59;
	}
.fleft { float: left; }
img.fleft { padding: 0 10px 10px 0; }
.fright { float: right; }
img.fright { padding: 0 0 10px 10px; }
/* -----------------------------------------------------------------------------------
GLOBAL WIDTH
----------------------------------------------------------------------------------- */
#header,
#home,
#content_wrapper,
#footer_wrapper {
	position: relative;
	left: 50%;
	width: 980px !important;
	padding: 0 30px !important;
	margin-left: -520px;
	}

/* -----------------------------------------------------------------------------------
GENERAL CLASSES
----------------------------------------------------------------------------------- */
.hidden {
	display: none;
	}
.padding {
	padding: 10px;
	}

/* -----------------------------------------------------------------------------------
CLEAR CLASS FOR FLOATING CHILD ELEMENTS
----------------------------------------------------------------------------------- */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}
/* -----------------------------------------------------------------------------------
CLEAR SPAN FOR FLOATING ELEMENTS WITH NO WRAPPER
----------------------------------------------------------------------------------- */
span.clear{clear: both;height: 0;overflow: hidden;}


/* -----------------------------------------------------------------------------------
HTML, BODY
----------------------------------------------------------------------------------- */
html, body {
	height: 100%;
	}
body {
	background: #000 url(/design/ui/public/image/layout/body.jpg) repeat-y 50% 0;
	min-width: 980px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	overflow-x: hidden;
	}
	/* -----------------------------------------------------------------------------------
	HEADER
	----------------------------------------------------------------------------------- */
	#header {
		position: relative;
		z-index: 11;
		background: url(/design/ui/public/image/layout/header.gif) no-repeat 0 0;
		height: 158px;
		margin-top: 65px;
		}
		/* -----------------------------------------------------------------------------------
		HEADER -- LOGO
		----------------------------------------------------------------------------------- */
		#header .logo {
			display: block;
			position: absolute;
			top: -4px;
			left: 29px;
			background: url(/design/ui/public/image/layout/header_logo.gif) no-repeat 0 0;
			width: 272px;
			height: 162px;
			}
			#header .logo a {
				display: block;
				background: url(/design/ui/public/image/layout/header_logo.gif) no-repeat 0 0;
				width: 272px;
				height: 162px;
				line-height: 162px;
				overflow: hidden;
				text-indent: -9999px;
				}
		/* -----------------------------------------------------------------------------------
		HEADER -- TAGLINE
		----------------------------------------------------------------------------------- */
		#header .tagline {
			position: absolute;
			top: 115px;
			right: 68px;
			background: url(/design/ui/public/image/layout/header_tagline.gif) no-repeat 0 0;
			width: 360px;
			height: 12px;
			overflow: hidden;
			text-indent: -9999px;
			}

		/* -----------------------------------------------------------------------------------
		HEADER -- ELA
		----------------------------------------------------------------------------------- */
		#header .ela {
			position: absolute;
			top: 80px;
			left: 320px;
			border: none;
			}
			
		/* -----------------------------------------------------------------------------------
		HEADER -- NAVIGATION
		----------------------------------------------------------------------------------- */
		#header .navigation_wrapper {
			position: relative;
			top: 28px;
			float: right;
			}
		* html #header .navigation_wrapper * {
			display: inline-block !important;
			}
		#header .navigation_left {
			float: left;
			background: url(/design/ui/public/image/layout/header_navigation_left.gif) no-repeat 0 0;
			padding: 0 13px 0 10px;
			}
		#header .navigation_right {
			float: left;
			background: url(/design/ui/public/image/layout/header_navigation_right.gif) no-repeat 100% 0;
			padding-right: 40px;
			}
		#header .navigation {
			float: left;
			background: url(/design/ui/public/image/layout/header_navigation.gif) repeat-x 0 0;
			height: 50px;
			}
			#header .navigation li {
				display: block;
				position: relative;
				float: left;
				list-style: none;
				background: url(/design/ui/public/image/layout/header_navigation_li.gif) no-repeat 100% 48%;
				padding: 0 6px 0 3px;
				}
				#header .navigation li a {
					display: block;
					float: left;
					padding: 0 7px 4px;
					font-weight: bold;
					font-size: 14px;
					line-height: 50px;
					color: #5a2a14;
					text-decoration: none;
					text-transform: uppercase;
					}
				#header .navigation li.active a {
					background: url(/design/ui/public/image/layout/header_navigation_active_a.gif) repeat-x 0 0;
					color: #fff;
					}
					#header .navigation li a span {
						cursor: pointer;
						}
				#header .navigation li ul {
					display: none !important;
					position: absolute;
					top: 48px;
					left: 50%;
					background: #008BC6 url(/design/ui/public/image/layout/header_navigation_active_a.gif) repeat-x 0 100%;
					width: 302px;
					padding: 5px 0;
					margin-left: -151px;
					}
				#header .navigation li.hover ul {
					display: block !important;
					height: auto !important;
					}
					#header .navigation li li {
						float: none;
						background: none;
						width: 100%;
						padding: 0 !important;
						text-align: center;
						}
					#header .navigation li li a {
						float: none;
						background: none !important;
						width: 130px;
						padding: 0 10px !important;
						font-size: 14px;
						line-height: 40px;
						border-right: solid 1px #0174a4 !important;
						overflow: hidden;
						text-transform: none;
						}
					/* IE 6 style */
					* html #header .navigation li li a {
						width: 130px !important;
						}
					#header .navigation li li a:hover {
						background: transparent url(/ui/public/image/layout/header_navigation_subhov_a.gif) repeat-x 0 0 !important;
						}
					#header .navigation li li.last a {
						border: none;
						}
						
					* html #header .navigation li ul.left_column li,
					*:first-child+html #header .navigation li ul.left_column li {
						position: relative;
						left: -75px;
						}
					#header .navigation li ul.right_column {
						background: none;
						border: none;
						width: 151px;
						height: 100%;
						margin: 0;
						}
			
					


	/* -----------------------------------------------------------------------------------
	HOME
	----------------------------------------------------------------------------------- */
	#home {
		position: relative;
		background: url(/design/ui/public/image/layout/home.gif) no-repeat 0 0;
		height: 584px;
		overflow: hidden;
		}
		/* -----------------------------------------------------------------------------------
		HOME -- WELCOME
		----------------------------------------------------------------------------------- */
		#home .welcome {
			position: absolute;
			top: 59px;
			left: 30px;
			z-index: 10;
			background: url(/design/ui/public/image/layout/home_welcome.gif) no-repeat 0 0;
			width: 185px;
			height: 53px;
			overflow: hidden;
			padding: 10px 5px;
			font: normal 14px/18px "Times New Roman";
			color: #fff;
			text-align: right;
			}
			#home .welcome strong {
				font: normal 24px/34px Georgia;
				color: #ffeaa0;
				}
		/* -----------------------------------------------------------------------------------
		HOME -- INFORMATION
		----------------------------------------------------------------------------------- */
		#home .information {
			position: absolute;
			top: 248px;
			left: 30px;
			z-index: 8;
			background: url(/design/ui/public/image/layout/home_information.gif) no-repeat 0 100%;
			width: 980px;
			height: 194px;
			}
			#home .information * {
				display: block;
				width: 175px;
				overflow: hidden;
				padding: 0 10px;
				text-align: right;
				}
			#home .information .hours {
				height: 50px;
				font-weight: normal;
				font-size: 12px !important;
				line-height: 12px !important;
				padding-right: 10px;
				color: #007fc4;
				}
				#home .information .hours strong {
					width: auto;
					padding: 0;
					font-weight: normal;
					font-size: 24px !important;
					line-height: 24px !important;
					font-family: Georgia;
					color: #007fc4;
					}
			#home .information .location {
				position: relative;
				height: 122px;
				padding-top: 15px;
				font-weight: normal;
				font-size: 12px;
				line-height: 16px;
				color: #fff;
				}
				#home .information .location a {
					position: absolute;
					right: 10px;
					bottom: 20px;
					font-weight: bold;
					font-size: 12px;
					color: #d76a14;
					}
					#home .information .location a span {
						color: #fff;
						cursor: pointer;
						}
				#home .information .location a:hover {
					color: #fff;
					}
					#home .information .location a:hover span {
						color: #d76a14;
						}
		/* -----------------------------------------------------------------------------------
		HOME -- MODULE
		----------------------------------------------------------------------------------- */
		#home .module {
			position: absolute;
			top: 0;
			left: 215px;
			z-index: 9;
			}
			#home .module li {
				display: block;
				position: relative;
				float: left;
				list-style: none;
				background-position: 0 0;
				background-repeat: no-repeat;
				width: 240px;
				height: 500px;
				overflow: hidden;
				padding: 5px 5px 0 10px;
				}
			#home .module li.left {
				background-image: url(/design/ui/public/image/layout/home_module_green.gif);
				}
			#home .module li.middle {
				background-image: url(/design/ui/public/image/layout/home_module_blue.gif);
				}
			#home .module li.right {
				background-image: url(/design/ui/public/image/layout/home_module_orange.gif);
				}
				#home .module li h1 {
					display: block;
					background-repeat: no-repeat;
					background-position: 0 0;
					width: 240px;
					height: 110px;
					overflow: hidden;
					text-indent: -9999px;
					}
				#home .module li.left h1 {
					background-image: url(/design/ui/public/image/layout/home_module_green_h1.gif);
					}
				#home .module li.middle h1 {
					background-image: url(/design/ui/public/image/layout/home_module_blue_h1.gif);
					}
				#home .module li.right h1 {
					background-image: url(/design/ui/public/image/layout/home_module_orange_h1.gif);
					}
				#home .module li h2 {
					display: block;
					position: absolute;
					bottom: 0;
					left: 10px;
					background-repeat: no-repeat;
					background-position: 0 0;
					width: 240px;
					height: 100px;
					overflow: hidden;
					text-indent: -999px;
					}
					* html #home .module li h2 {
						bottom: -1px;
						}
				#home .module li.left h2 {
					background-color: #8fa50c;
					background-image: url(/design/ui/public/image/layout/home_module_green_h2.gif);
					}
				#home .module li.middle h2 {
					background-color: #075c9d;
					background-image: url(/design/ui/public/image/layout/home_module_blue_h2.gif);
					}
				#home .module li.right h2 {
					background-color: #f89b1d;
					background-image: url(/design/ui/public/image/layout/home_module_orange_h2.gif);
					}
				#home .module li a {
					display: block;
					}
				#home .module li a img {
					border: none;
					}
	/* -----------------------------------------------------------------------------------
	CONTENT
	----------------------------------------------------------------------------------- */
	#content_wrapper,
	#content,
	#content_top {
		min-height: 370px;
		height: auto !important;
		height: 370px;
		}
	#content_wrapper {
		background: url(/design/ui/public/image/layout/content_wrapper.gif) repeat-y 0 0;
		}
	#content {
		background: url(/design/ui/public/image/layout/content.jpg) repeat-y 10px 0;
		}
	#content_right {
		background: url(/design/ui/public/image/layout/content_right.jpg) repeat-y 290px 0;
		}
	#content_top {
		background: url(/design/ui/public/image/layout/content_top.gif) no-repeat 0 0;
		padding-top: 5px;
		}
		/* -----------------------------------------------------------------------------------
		CONTENT -- LEFT COLUMN
		----------------------------------------------------------------------------------- */
		#content .left_column {
			float: left;
			background: url(/design/ui/public/image/layout/left_column.gif) no-repeat 12px 18px;
			width: 260px;
			padding: 45px 30px 30px 0;
			}
			/* -----------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- NAVIGATION
			----------------------------------------------------------------------------------- */
			#content .left_column .navigation {
				position: relative;
				overflow: visible;
				background: url(/design/ui/public/image/layout/left_column_navigation.gif) repeat-y 0 0;
				margin: 0 0 20px;
				padding: 0 0 30px 0;
				}
				#content .left_column .navigation h1, #content .left_column .navigation h2 {
					display: block;
					position: relative;
					top: -6px;
					overflow: hidden;
					background: url(/design/ui/public/image/layout/left_column_navigation_h1.gif) no-repeat 0 0;
					width: 260px;
					height: 98px;
					text-indent: -9999px;
					}
				#content .left_column .navigation ul {
					
					}
					#content .left_column .navigation ul li {
						list-style: none;
						}
					* html #content .left_column .navigation ul li,
					* html #content .left_column .navigation ul li a {
						display: inline-block !important;
						}
						#content .left_column .navigation ul li ul {
							padding-left: 20px;
							padding-bottom: 20px;
							}
							#content .left_column .navigation ul li ul li {
								}
								#content .left_column .navigation ul li ul li a {
									font-size: 12px;
									line-height: 15px;
									padding: 5px 20px 5px 40px;
									color: #994306;
									}
									#content .left_column .navigation ul li.active ul li a {
										background: none;
										font-size: 12px;
										}
									#content .left_column .navigation ul li ul li.active a {
										font-size: 14px;
										}
							
						#content .left_column .navigation ul li a {
							display: block;
							padding: 3px 20px 3px 40px;
							font-weight: bold;
							font-size: 14px;
							line-height: 18px;
							color: #502a0a;
							text-decoration: none;
							}
						#content .left_column .navigation ul li.active a {
							background: url(/design/ui/public/image/layout/left_column_navigation_a.gif) no-repeat 15px 60%;
							font-size: 16px;
							}
			/* -----------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- NEWSLETTER SIGNUP
			----------------------------------------------------------------------------------- */
			#content .left_column .newletter {
				display: block;
				background: url(/design/ui/public/image/layout/left_column_newsletter.gif) no-repeat 0 0;
				width: 260px;
				height: 114px;
				}
				#content .left_column .newletter a {
					display: block;
					background: url(/design/ui/public/image/layout/left_column_newsletter_a.gif) no-repeat -9999px 0;
					width: 260px;
					height: 114px;
					line-height: 114px;
					overflow: hidden;
					text-indent: -9999px;
					}
				#content .left_column .newletter a:hover {
					background-position: 0 0;
					}
			/* -----------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- CONTENT
			----------------------------------------------------------------------------------- */
			#content .left_column .content {
				position: relative;
				padding: 0 45px 0 35px;
				}
				/* -----------------------------------------------------------------------------------
				CONTENT -- LEFT COLUMN -- CONTENT -- STORE INFORMATION
				----------------------------------------------------------------------------------- */
				#content .left_column .content .store_information {
					padding: 0;
					}
					#content .left_column .content .store_information li {
						list-style: none;
						padding: 0;
						}
					#content .left_column .content .store_information * {
						font-family: "Trebuchet MS";
						}
					#content .left_column .content .store_information h3 {
						padding-bottom: 5px;
						}
					#content .left_column .content .store_information .hours h3 {
						color: #0492c8;
						}
					#content .left_column .content .store_information .location h3 {
						color: #9db73b;
						}
					#content .left_column .content .store_information .phone h3 {
						color: #f97715;
						}
					#content .left_column .content .store_information p {
						padding-bottom: 20px;
						}
				/* -----------------------------------------------------------------------------------
				CONTENT -- LEFT COLUMN -- CONTENT -- SOCIAL NETWORKING
				----------------------------------------------------------------------------------- */
				.social_networking {
					position: absolute;
					bottom: 10px;
					position: relative;
					z-index: 9;
					}					
				.social_networking a {
					display: block;
					position: absolute;
					z-index: 9;
					background-repeat: no-repeat;
					background-position: 0 0;
					text-indent: -9999px;
					width: 40px;
					height: 40px;
					line-height: 40px;
					}
				.social_networking .facebook {
					background-image: url(/ui/public/image/layout/social_networking/facebook.gif);
					left: 0;
					}
				.social_networking .twitter {
					background-image: url(/ui/public/image/layout/social_networking/twitter.gif);
					left: 40px;
					}
			
		/* -----------------------------------------------------------------------------------
		CONTENT -- RIGHT COLUMN
		----------------------------------------------------------------------------------- */
		#content .right_column {
			float: left;
			width: 660px;
			}
			/* -----------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- TOP
			----------------------------------------------------------------------------------- */
			#content .right_column .top_middle {
				background: url(/design/ui/public/image/layout/right_column_top_middle.gif) repeat-y 0 0;
				}
			#content .right_column .top_top {
				background: url(/design/ui/public/image/layout/right_column_top_top.gif) no-repeat 0 0;
				padding: 30px 30px 5px;
				}
			#content .right_column .top_bottom {
				position: relative;
				background: url(/design/ui/public/image/layout/right_column_top_bottom.gif) no-repeat 0 100%;
				padding-bottom: 30px;
				}
				/* -----------------------------------------------------------------------------------
				CONTENT -- RIGHT COLUMN -- TOP -- TITLE
				----------------------------------------------------------------------------------- */
				#content .right_column .title {
					font: bold 24px/26px "Trebuchet MS";
					color: #5a2a14;
					padding: 0 0 5px;
					}
				/* -----------------------------------------------------------------------------------
				CONTENT -- RIGHT COLUMN -- TOP -- BANNER
				----------------------------------------------------------------------------------- */
				#content .right_column .banner_top {
					background: url(/ui/public/image/layout/right_column/banner_top.gif) no-repeat 2px 0;
					width: 600px;
					margin: 0 auto;
					padding: 8px 0 0;
					}
				#content .right_column .banner_bottom {
					background: url(/ui/public/image/layout/right_column/banner_bottom.gif) no-repeat 2px 100%;
					width: 600px;
					padding: 0 0 8px;
					}
				#content .right_column .banner {
					background: url(/ui/public/image/layout/right_column/banner.gif) repeat-y 2px 0;
					width: 580px;
					margin: 0 auto;
					padding: 0 10px;
					overflow-x: hidden;
					}
			/* -----------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- CONTENT
			----------------------------------------------------------------------------------- */
			#content .right_column .content {
				position: relative;
				padding: 10px 30px 10px;
				}
				#content .right_column .scrapbook img {
					margin: 0 0 4px 0;
					}
					#content .right_column .content .googlemap {
						float: right;
						}
						#content .right_column .content .googlemap iframe {
							border:1px solid #E8D4AD;
							}
					#content .right_column .content .contact.location {
						float: left;
						}
				/* -----------------------------------------------------------------------------------
				CONTENT -- RIGHT COLUMN -- CONTENT -- CALENDAR
				----------------------------------------------------------------------------------- */				
				.calendar {
					width: 100%; 
					height: 100%;
					}
					
				.calendar .calendar-month {
					width: 100%; height: 50px;
					}
					.calendar .calendar-month a.prev {
						float: left;
						}
					.calendar .calendar-month a.next {
						float: right;
						}
				.calendar .calendar-month h1.calendar-month-name {
					width: 100%;
					margin: 0; padding: 0;
					font: 18px/50px bold Arial, Helvetica, sans-serif;
					color: #666666;
					text-align: center;
					display: block;
					}
					
				.calendar .calendar-week-days {
					font: 12px "Georgia", "Times New Roman", Times, serif;
					color: #5a6c16;
					}
					
				.calendar .calendar-week-days ul {
					margin: 0 !important;	padding: 0;
					list-style: none;
					}
					
				.calendar .calendar-week-days ul li {
					background: #cfcfbf;
					border: 1px solid #b5b5a7;
					border-width: 1px 1px 0 0;
					line-height: 20px;
					float: left;
					margin: 0 !important; padding: 0;
					width: 14%;
					overflow: hidden;
					text-align: center;
					}
				
				.calendar-container {
					width: 100%; /*this causes horizontal scroll in ie 6 100% */
					float: left;
					padding: 0;
					}
					
				.calendar .calendar-container ul.traditional {
					margin: 0 !important; padding: 0;
					list-style: none;
					font: 12px "Georgia", "Times New Roman", Times, serif;
					color: #5a6c16;
					}
					
				.calendar .calendar-container ul.traditional li {
					margin: 0 !important; padding: 0;
					float: left;
					width: 14%; height: 120px; /*height is for testing purposes */
					/*min-height: 150px; height: 100%;*/
					border: 1px solid #cfcfbf;
					border-width: 1px 1px 0 0;
					overflow: hidden;
					background: #ffffff;
					}
				
				.calendar.min .calendar-week-days ul li { 
					width: 13%;
					}
				.calendar.min .calendar-container ul.traditional li { 
					width: 13%;
					height: 25px;
					background: #ffffff !important;
					}
				
				.calendar .calendar-container ul.traditional li.active,
				.calendar .calendar-container ul.traditional li.last-row.active {
					background: #dfdfdf; /* #ededed; */
					}
				
				.calendar .calendar-container ul.traditional li.last-row {
					border-width: 1px 1px 1px 0;
					}
					
				.calendar .calendar-container ul.traditional li.non-active {
					background-color: #fdfdfd;
					}
				
				.calendar .calendar-container ul.traditional li.weekend { 
					background: #eeeeee;
					}
				.calendar .calendar-container ul.traditional li.weekend.sunday { 
					background: #eeeeee;
					border-left: 1px solid #cfcfbf;
					}
				
				/*  Innard   */
					
				.calendar .calendar-container ul.traditional .day {
					}
					
				.calendar .calendar-container ul.traditional span {
					font: 12px "Georgia", "Times New Roman", Times, serif;
					color: #5a6c16;
					display: block;
					text-align: right;
					padding-right: 5px;
					}
					
				.calendar .calendar-container ul.traditional span.special {
					color: #ccc;
					}
					
				.calendar .calendar-container ul.traditional .day dl.activities {
					margin: 0; padding: 0;
					border: 0;
					}
					
				.calendar .calendar-container ul.traditional .day dl.activities {
					margin: 0; padding: 0;
					border: 0;
					}
					
				.calendar .calendar-container ul.traditional .day dl.activities dt {
					
					}
					
				.calendar .calendar-container ul.traditional .day dl.activities dt a {
					display: block;
					padding-left: 12px;
					background: url(/ui/public/image/li/default.gif) no-repeat 3px 7px;
					font: 12px "Georgia", "Times New Roman", Times, serif;
					color: #5a6c16;
					text-decoration: none;
					padding: 3px 0 3px 12px;
					
					}
					
				.calendar .calendar-container ul.traditional .day dl.activities dt a:hover  {
					/*background: #f1f1f1 url(/ui/public/image/li/default.gif) no-repeat 3px 50%;*/
					color: #333;  /*Template Change me*/
					}
					
				.calendar .calendar-container ul.traditional li.active .day dl.activities dt a:hover {
					/*background: #fff url(/ui/public/image/li/default.gif) no-repeat 3px 50%;*/
					}				
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- H
		----------------------------------------------------------------------------------- */
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
			color: #5a2a14;
			padding: 0 0 10px;
			}
			#content .right_column h2 {
				border-bottom: 1px solid #E8D4AD;
				margin: 0 0 20px 0;
				padding: 10px 0 6px 0;
				line-height: 1.3em;
				}
			#content .right_column h3 {
				line-height: 1.2em;
				}
			#content .right_column h4 {
				line-height: 1em;
				}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- P
		----------------------------------------------------------------------------------- */
		#content .content p {
			display: block;
			color: #6a5c38;
			padding: 0 0 30px;
			font: 14px/20px helvetica, arial, sans-serif;
			}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- A
		----------------------------------------------------------------------------------- */
		#content .content a, #content .content a strong {
			color: #f97715;
			}
		#content .content a:hover {
			color: #cdb471;
			}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- UL, OL
		----------------------------------------------------------------------------------- */
		#content .content ul,
		#content .content ol {
			margin: 0 0 20px;
			padding: 0 0 10px 20px;
			}
			#content .content ul ul,
			#content .content ul ol,
			#content .content ol ol,
			#content .content ol ul {
				margin: 10px 0 0;
				}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- LIST ITEM
		----------------------------------------------------------------------------------- */
		#content .content li {
			list-style-position: outside;
			font: 14px/20px helvetica, arial, sans-serif;
			color: #6a5c38; /* old:3e3214 */
			padding: 0 0 5px;
			}
			#content .content li li {
				font-size: 12px;
				}
			#content .content li p {
				padding: 0;
				}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- BLOCKQUOTE
		----------------------------------------------------------------------------------- */
		#content .content blockquote p {
			display: block;
			font: bold 20px/26px Georgia;
			color: #cdb471;
			letter-spacing: 1px;
			}
		#content .content blockquote strong {
			color: #af944b;
			}
		/* -----------------------------------------------------------------------------------
		CONTENT -- CONTENT -- FUN FACTS
		----------------------------------------------------------------------------------- */
		#content a.fun-facts {
			}
			#content a.fun-facts img {
				display: none;
				border: none;
				}
			
	/* -----------------------------------------------------------------------------------
	CONTENT -- BLOG
	----------------------------------------------------------------------------------- */
	#content .blog {
		
		}
		#content .blog li {
			list-style: none;
			padding: 20px 0 0;
			}
			#content .blog li .details {
				background: url(/design/ui/public/image/layout/left_column_navigation.gif) repeat -100px -100px;
				}
				#content .blog li .details .date {
					display: block;
					position: relative;
					float: left;
					width: 60px;
					padding: 2px 0;
					text-align: center;
					text-transform: uppercase;
					}
					#content .blog li .details .date span {
						display: block;
						font-size: 12px;
						line-height: 20px;
						color: #F8EDCF;
						}
					#content .blog li .details .date .day {
						color: #5A2A14;
						font-size: 24px;
						line-height: 26px;
						}
				#content .blog li .details .information {
					float: left;
					background: url(/design/ui/public/image/layout/right_column_top_middle.gif) repeat 0 0;
					width: 500px;
					padding: 0 10px 0 8px;
					border-left: solid 2px #DA851B;
					}
					#content .blog li .details .information .title {
						display: block;
						width: 100%;
						padding: 5px 0;
						line-height: 35px;
						font-size: 20px;
						color: #5a2a14;
						}
						#content .blog li .details .information .title a {
							padding: 0 20px 0 0;
							color: #f97715;
							text-decoration: none;
							}
						#content .blog li .details .information .title a:hover {
							text-decoration: underline;
							}
					#content .blog li .details .information ul {
						display: block;
						}
						#content .blog li .details .information ul li {
							display: block;
							float: left;
							padding: 0 20px 0 0;
							font-weight: bold;
							font-size: 10px;
							line-height: 25px;
							color: #5a2a14;
							height: 25px;
							overflow: hidden;
							}
							#content .blog li .details .information ul li a {
								color: #f97715;
								}
			#content .blog li .image {
				padding: 2px 0;
				overflow-x: hidden;
				overflow-y: visible;
				}
				#content .blog li .image * {
					display: block;
					border: none;
					}
			#content .blog li .body {
				padding: 10px;
				line-height: 18px;
				color: #886d55;
				}
				#content .blog li .body p {
					padding: 10px 0;
					font-size: 14px;
					}
			#content .blog li .comment {
				background: url(/design/ui/public/image/layout/right_column_top_middle.gif) repeat 0 0;
				padding: 20px;
				}
				#content .blog li .comment div {
					margin: 0;
					padding: 0 0 10px;
					}
				#content .blog li .comment .label {
					display: block;
					float: left;
					width: 20%;
					}
				#content .blog li .comment .input {
					display: block;
					width: 80%;
					padding: 5px 0;
					border: none;
					}
				#content .blog li .comment .submit {
					position: relative;
					left: 20%;
					background:  url(/design/ui/public/image/layout/right_column_top_top.gif) no-repeat 0 100%;
					width: 100px;
					height: 30px;
					margin: 10px auto;
					padding: 0 0 50px;
					font-weight: bold;
					font-size: 25px;
					text-align: center;
					color: #5a2a14;
					border: none;
					cursor: pointer;
					}
				
			#content .blog li .comments {
				margin: 20px 0 0;
				}
				#content .blog li .comments h3 {
					padding: 0 10px 0;
					}
				#content .blog li .comments ul {
					
					}
					#content .blog li .comments ul * {
						margin: 0;
						padding: 0;
						}
					#content .blog li .comments ul li {
						background: url(/design/ui/public/image/layout/right_column_top_middle.gif) repeat 0 0;
						margin: 10px 0 0;
						padding: 20px;
						color: #5a2a14;
						}
						#content .blog li .comments ul li * {
							background: none;
							margin: 0;
							padding: 0;
							}
						#content .blog li .comments ul li ul {
							padding: 0 0 10px;
							}
			#content .blog li .form-status {
				font-weight: bold;
				font-size: 18px;
				font-family: "Trebuchet MS";
				padding: 0 0 20px 20%;
				}
			#content .blog li .form-status.error {
				color: #c61c08;
				}
				
				/* -----------------------------------------------------------------------------------
				CONTENT -- RIGHT COLUMN -- PRODUCER PROFILES
				----------------------------------------------------------------------------------- */
				#content .right_column .producer_profile {
					margin: 0;
					padding: 0;
					}
					#content .right_column .producer_profile li {
						list-style: none;
						margin: 0 0 15px 0;
						}
					#content .right_column .producer_profile .banner_top {
						background: url(/ui/public/image/layout/right_column/banner_top.gif) no-repeat 2px 0;
						width: 600px;
						margin: 0 auto;
						padding: 8px 0 0;
						}
					#content .right_column .producer_profile .banner_bottom {
						background: url(/ui/public/image/layout/right_column/banner_bottom.gif) no-repeat 2px 100%;
						width: 600px;
						padding: 0 0 8px;
						}
					#content .right_column .producer_profile .banner {
						background: url(/ui/public/image/layout/right_column/banner.gif) repeat-y 2px 0;
						width: 580px;
						margin: 0;
						padding: 0 20px 0 10px;
						overflow-x: hidden;
						position: relative;
						}
						#content .right_column .producer_profile .banner img {
							float: left;
							margin: 0 18px 0 0;
							border: none;
							}					
						#content .right_column .producer_profile .banner h2 {
							border: none;
							margin: 10px 0 6px 0;
							padding: 0;
							}	
							#content .right_column .producer_profile .banner h2 a {
								text-decoration: none;
								}
						#content .right_column .producer_profile .banner p {
							font-size: 11px;
							margin: 0 15px 0 0;
							}
						#content .right_column .producer_profile .banner a.button {
							background: url(/ui/public/image/layout/producer_profile_read_more.gif) no-repeat 0 0;
							text-indent: -9999px;
							width: 38px;
							height: 37px;
							margin: 0;
							padding: 0;
							position: absolute;
							right: 20px;
							left: auto;
							bottom: 0;
							z-index: 999;				
							}	
									
	/* -----------------------------------------------------------------------------------
	FOOTER
	----------------------------------------------------------------------------------- */
	#footer_wrapper {
		position: relative;
		background: url(/design/ui/public/image/layout/footer_wrapper.gif) no-repeat 0 0;
		height: 130px;
		}
	#footer {
		position: absolute;
		top: 0;
		left: 40px;
		background: url(/design/ui/public/image/layout/footer.jpg) no-repeat 0 0;
		width: 970px;
		height: 56px;
		}
		#footer .navigation {
			position: absolute;
			top: 30px;
			left: 310px;
			}
			#footer .navigation li {
				display: block;
				float: left;
				list-style: none;
				}
				#footer .navigation li a {
					display: block;
					float: left;
					background: url(/design/ui/public/image/layout/footer_navigation_li_a.gif) no-repeat 100% 50%;
					padding: 0 5px 0 3px;
					font-size: 10px;
					color: #606060;
					text-decoration: none;
					}
				#footer .navigation li a:hover {
					font-weight: bold;
					}
				#footer .navigation li.last a {
					background: none;
					}
		#home .site_by,
		#footer .site_by {
			position: absolute;
			left: 50%;
			background: url(/ui/public/image/layout/site-by-chico-web-design.gif) no-repeat 50% 50%;
			width: 100px;
			height: 50px;
			margin-left: -50px;
			}
		#home .site_by {
			bottom: 0;
			}
		#footer .site_by {
			top: 75px;
			}
			#home .site_by a,
			#footer .site_by a {
				display: block;
				height: 50px;
				line-height: 50px;
				text-indent: -9999px;
				overflow: hidden;
				}

	/* -----------------------------------------------------------------------------------
	FORMS
	----------------------------------------------------------------------------------- */
	fieldset {
		border: 0;
		}
		fieldset legend { 
			display: none;
			}
		fieldset div {
			margin-bottom: 5px;
			}
			fieldset div label {
				float: left;
				width: 125px;
				cursor: pointer;
				}
			fieldset div input {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
				fieldset div .long {
					width: 455px;
					}
			fieldset div .button {
				border: 1px solid #c3c3c3;
				padding: 5px;
				}
	#content .content .form-status {
		font-weight: bold;
		font-size: 15px;
		font-family: "Trebuchet MS";
		padding: 5px 10px;
		margin: 0 0 20px 0;
		text-align: center;
		}	
		#content .content .form-status.error {
			background: #C06108;
			color: #FFF;
			}
		#content .content .form-status.success {
			background: #0492C8;
			color: #FFF;
			}
		#content .content #form {
			background:url("/design/ui/public/image/layout/right_column_top_middle.gif") repeat 0 0;
			padding:20px;
			}
			#content .content label {
				display: block;
				float: left;
				width: 20%;
				}
				#content .content input, #content .content textarea {
					width: 80%;
					padding: 5px 0;
					border: none;
					}
				#content .content .button, #content .content input.submit {
					position: relative;
					left: 20%;
					background:  url(/design/ui/public/image/layout/right_column_top_top.gif) no-repeat 0 100%;
					width: 100px;
					height: 30px;
					margin: 10px auto;
					padding: 0 0 50px;
					font-weight: bold;
					font-size: 25px;
					text-align: center;
					color: #5a2a14;
					border: none;
					cursor: pointer;
					}
				#content .content input.checkbox {
					text-align: left;
					width: 5%;
					}