/*
	BCDF Styles
	January 2010
	Authored by Daryl Claudio
	Mod7 Communications, Inc.
	Vancouver, BC
	mod7.com


	Swatch
	------
	Smurf		#468eb8
	
	Dark Text		#393939
	
	Interface
	Mattebg			#f0f9ff
	Border			#d5e9f5
	
	Font Stack
	----------
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

	
	Z-Stack
	-------

	
	To do
	-----
	$ENTRY - wrap some div
	$MARKUP - needs some mods
	$IE - i'm pretty sure this will mess up in IE.
	$ - other stuff.

	Table of Contents
	-----------------
	^Structure
	^Typography
	^Header
	^Navigation
	-- main nav
	-- account nav
	-- persona nav
	
	^Footer
	^Content
	^Personas
	^Sidebar
	^Initial Content Styling
	^WYSIWYG Styling
	^Forms
	^Meta
	-- file attachments
	-- sharing
	-- comments
	^Vegetable Stew
*/

/*
	^Structure
*/

body {
background: #fff url('/img/background-body.png') center top repeat-x scroll;
font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
font-size: 12px;
color: #393939;
}

#container {
width: 940px;
margin: 0 auto;
}

/*
	^Typography
*/

/* Headers */

h1 { /* cufon replaced */
font-size: 53px;
line-height: 53px;
padding: 18px 0 18px;
color: #468eb8;
}

h2 { /* cufon replaced */
font-size: 34px;
line-height: 36px;
padding: 18px 0 18px;
color: #468eb8;
}

h3 {
font-size: 26px;
line-height: 30px;
padding: 18px 0 18px;
color: #468eb8;
}

h4 {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 18px;
color: #468eb8;
}

	h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { text-decoration: underline; }

h5 {
font-size: 18px;
line-height: 21px;
padding-bottom: 9px;
color: #468eb8;
}

h6 {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 9px;
color: #468eb8;
}

/* Body Copy */
p {
font-size: 12px;
line-height: 18px;
color: #393939;
margin: 9px 0 18px;
}

address {
font-size: 12px;
line-height: 18px;
color: #393939;
margin: 9px 0;
}

a:link { color: #468eb8; text-decoration: none; }
a:visited { color: #468eb8; text-decoration: none; }
a:hover { color: #4aa1ba; text-decoration: underline; }
a:active { color: #4aa1ba; text-decoration: underline; }

	/* Kitchen Sink */
	em { font-style: oblique; }
	strong { font-weight: 800; color: #111; }
	sub, sup { line-height: 1; vertical-align: baseline; position: relative; color: #468eb8; font-size: 9px; }
	sub { top: .5em; }
	sup { top: -.5em; }
	
	.note { color: #8f8f8f; font-style: oblique; }

/* Lists */
ul, ol, dl {
line-height: 18px;
padding: 9px 0 18px 36px;
}
dl { padding-left: 0; }

li { padding-bottom: 3px; }
ul { list-style: square outside url('/img/list-square.gif') }
ul ul { list-style: disc outside url('/img/list-bullet.gif'); padding-bottom: 3px; padding-top: 3px; }
ul ul ul { list-style: circle outside url('/img/list-dash.gif') }

ol { list-style: decimal outside; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

blockquote { line-height: 1.3; color: #4a4a4a; }

/* Rules */

hr {
color: #7f7f7f;
border: 0 none;
border-top: 1px dotted #7f7f7f;
height: 2px;
margin-top: 8px;
margin-bottom: 8px;
}

#content .hr {
	background: url('/img/hr-dotted.gif') 0 0 repeat-x scroll;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#content .hr hr { display: none; }

/*
	^Header
*/

#header {
position: relative;
width: 940px;
height: 221px;
margin: 0;
background: url('/img/header-bubbles.png') no-repeat scroll 0 116px;
}

#header h2 {
position: absolute;
top: 1px;
left: 30px;
display: block;
width: 170px;
height: 126px;
margin: 0;
padding: 0;
}

	#header h2 a {
	display: block;
	width: 170px;
	height: 126px;
	text-indent: -9001px;
	background: url('/img/header-bcdflogo.png') no-repeat scroll 10px 10px;
	}

#header p#statement {
position: absolute;
top: 17px;
left: 184px;
display: block;
width: 479px;
height: 102px;
margin: 0;
padding: 0;
background: url('/img/header-statement.png') no-repeat scroll 0 0;
text-indent: -9001px;
}

#search-box {
position: absolute;
top: 34px;
right: 10px;
width: 236px;
height: 39px;
}

	#search-box input#gcse-text {
	position: absolute;
	top: 0;
	right: 45px;
	width: 165px;
	height: 27px;
	padding: 8px 13px 4px;
	border: 0 none;
	background: url('/img/header-search-box.png') no-repeat scroll 0 0;
	font-size: 18px;
	color: #909aa8;
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin: 0;
	}
	
	#search-box input#gcse-submit {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 39px;
	padding: 0;
	border: 0 none;
	background: url('/img/header-search-box.png') no-repeat scroll -191px 0;
	text-indent: -9001px;
	}

/*
	^Navigation
	-- #main-nav
	-- #account-nav
	-- #persona-nav
	* sidenav is located below. search for it!
*/

#main-nav {
position: absolute;
top: 149px;
left: 2px;
width: 936px;
height: 39px;
}

	#main-nav ul { list-style: none; }
	
	#main-nav ul li {
	position: absolute;
	top: 0;
	width: 186px;
	height: 39px;
	padding: 0;
	}

	#main-nav ul li a {
	display: block;
	width: 186px;
	height: 39px;
	text-indent: -9001px;
	background: url('/img/header-navigation-sprite.png') no-repeat scroll;
	}
	
		#main-nav li#nav-articlesandinformation { width: 189px; left: 0; }
		#main-nav li#nav-articlesandinformation a { width: 189px; background-position: 0 -47px; }
		#main-nav li#nav-articlesandinformation a:hover,
		#main-nav li#nav-articlesandinformation a.active { width: 189px; background-position: 0 -0; }
		#main-nav li#nav-resourcecatalogue { left: 189px; }
		#main-nav li#nav-resourcecatalogue a { background-position: -189px -47px; }
		#main-nav li#nav-resourcecatalogue a:hover,
		#main-nav li#nav-resourcecatalogue a.active { background-position: -189px 0; }
		#main-nav li#nav-newseventsmore { left: 375px; }
		#main-nav li#nav-newseventsmore a { background-position: -375px -47px; }
		#main-nav li#nav-newseventsmore a:hover,
		#main-nav li#nav-newseventsmore a.active { background-position: -375px 0; }
		#main-nav li#nav-programsworkshops { left: 561px; }
		#main-nav li#nav-programsworkshops a { background-position: -561px -47px; }
		#main-nav li#nav-programsworkshops a:hover,
		#main-nav li#nav-programsworkshops a.active { background-position: -561px 0; }
		#main-nav li#nav-aboutus { width: 189px; left: 747px; }
		#main-nav li#nav-aboutus a { background-position: -747px -47px; }
		#main-nav li#nav-aboutus a:hover,
		#main-nav li#nav-aboutus a.active { background-position: -747px 0; }

/* Account Nav in header */

#account-nav {
position: absolute;
top: 83px;
right: 10px;
width: 235px;
text-align: right;
}

	#account-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

	#account-nav ul li {
	display: inline;
	margin: 0 0 0 12px;
	padding: 0;
	border-bottom: dotted 1px #8cbfde;
	}

	#account-nav a:link { color: #f8fafb; text-decoration: none; }
	#account-nav a:visited { color: #f8fafb; text-decoration: none; }
	#account-nav a:hover { color: #fff; text-decoration: none; }
	#account-nav a:active { color: #fff; text-decoration: none; }

/* Persona Nav in footer */

#persona-nav {
clear: both;
width: 920px;
height: 68px;
margin: 18px 10px 23px;
padding: 23px 0 0;
background: url('/img/hr-dotted-1px.gif') repeat-x scroll left top;
}

	#persona-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
	
		#persona-nav ul li {
		display: block;
		position: absolute;
		width: 142px;
		height: 68px;
		}
		
		#persona-nav ul li a {
		display: block;
		width: 143px;
		height: 68px;
		background: url('/img/persona-nav-sprite.png') no-repeat scroll;
		text-indent: -9001px;
		}
		
			#persona-nav #nav-new-stuff { left: 0px; }
			#persona-nav #nav-new-stuff a { background-position: -6px 0; }
			#persona-nav #nav-new-stuff a:hover { background-position: -6px -68px; }
			#persona-nav #nav-recipes { left: 155px; }
			#persona-nav #nav-recipes a { background-position: -161px 0; }
			#persona-nav #nav-recipes a:hover { background-position: -161px -68px; }
			#persona-nav #nav-teachers { left: 311px; }
			#persona-nav #nav-teachers a { background-position: -317px 0; }
			#persona-nav #nav-teachers a:hover { background-position: -317px -68px; }
			#persona-nav #nav-rediscover-milk { left: 466px; }
			#persona-nav #nav-rediscover-milk a { background-position: -472px 0; }
			#persona-nav #nav-rediscover-milk a:hover { background-position: -472px -68px; }
			#persona-nav #nav-health-professionals { left: 622px; }
			#persona-nav #nav-health-professionals a { background-position: -628px 0; }
			#persona-nav #nav-health-professionals a:hover { background-position: -628px -68px; }
			#persona-nav #nav-school-milk-bc { left: 778px; }
			#persona-nav #nav-school-milk-bc a { background-position: -783px 0; }
			#persona-nav #nav-school-milk-bc a:hover { background-position: -783px -68px; }


/*
	^Footer
*/

#footer {
width: 920px;
margin: 0 10px 18px;
padding: 0 0 14px;
background: url('/img/hr-dotted-1px.gif') repeat-x scroll left bottom;
}

	#footer ul {
	display: block;
	width: 100%;
	padding: 15px 0 6px;
	margin: 0;
	border-bottom: 1px solid #e2e2e1;
	background: url('/img/hr-dotted-1px.gif') repeat-x scroll left top;
	list-style: none;
	text-align: center;
	}

		#footer li {
		display: inline;
		padding: 0 9px;
		margin: 0;
		line-height: 1;
		}
			#footer li#footer-first { padding-left: 0px; }
			#footer li#footer-last { padding-right: 0px; }
		
		#footer li a:link { color: #9b9d94; }
		#footer li a:visited { color: #9b9d94; }
		#footer li a:hover { color: #9b9d94; }
		#footer li a:active { color: #9b9d94; }
	
	#footer address {
	float: left;
	color: #9b9d94;
	font-size: 11px;
	line-height: 14px;
	margin: 14px 0 0;
	padding: 0 0 0 76px;
	background: url('/img/footer-bcdflogo.gif') no-repeat scroll 15px 10px;
	}
	
	#footer #newsletter-signup {
	float: right;
	width: 260px;
	padding: 0 0 0 80px;
	margin: 14px 20px 0 0;
	background: url('/img/footer-newsletter-signup.gif') no-repeat scroll 0 8px;
	}

		#newsletter-email-input label {
		clear: none;
		float: none;
		display: block;
		width: 280px;
		padding: 0;
		margin: 0 0 3px;
		line-height: 18px;
		color: #9b9d94;
		}
		#newsletter-email-input label.active {
		color: #393939;
		}
		
		#newsletter-subscribe input#newsletter-email { /* $IE */
		width: 180px;
		margin: 0 9px 0 0;
		}
		
		#newsletter-subscribe input#newsletter-submit {
		float: left;
		width: 53px;
		height: 28px;
		margin: 0;
		padding: 0;
		border: 0 none;
		background: url('/img/form-button-submit-lite.png') no-repeat scroll 0 0;
		text-indent: -9001px;
		}
		
			#newsletter-subscribe input#newsletter-submit:hover {
			background-position: 0 -28px;
			}
		
		fieldset#newsletter-choices-box {
		display: none;
		border: 1px solid #d7eaf6;
		width: 178px;
		margin: 11px 0 0;
		padding: 8px;
		background: #f0f9ff url('/img/background-panel-matte.gif') repeat-x scroll left bottom;
		}
		
			#newsletter-choices-box strong {
			display: block;
			line-height: 14px;
			color: #393939;
			padding-bottom: 11px;
			}
		
			#newsletter-choices-box input {
			clear: left;
			float: left;
			padding: 0;
			margin: 0 0 11px;
			}
		
			#newsletter-subscribe #newsletter-choices-box label {
			clear: none;
			float: left;
			width: 150px;
			padding: 0 0 0 12px;
			line-height: 14px;
			font-weight: 400;
			}
	
	#newsletter-subscribe .error-msg {
	width: 174px;
	clear: left;
	border-top: 0 none;
	}

/*
	^Content
	-- structure + h1 + h2
	-- .page-preview
	-- .resource
	-- two column view
	-- personas
	
*/

.body {
margin: 0 0 9px 10px;
}

	h1.page-title { /* cufon replaced */
	font-size: 34px;
	line-height: 36px;
	padding: 18px 0 16px;
	color: #468eb8;
	width: 545px;
	}

	h2.section-header {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0;
	color: #468eb8;
	position: absolute;
	}

/* .page-preview */

.page-preview {
background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left top;
padding: 12px 0 0;
margin: 0 0 12px;
}
	
	.page-preview:first-child { /* $IE */
	padding: 0;
	background-image: none;
	}
	
	.page-preview h4 {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 3px;
	padding: 0;
	}
	
		.page-preview h4 a:link,
		.page-preview h4 a:visited,
		.page-preview h4 a:hover,
		.page-preview h4 a:active {
		text-decoration: underline;
		}

	.thumbnail {
	display: block;
	overflow: hidden;
	width: 64px;
	height: 64px;
	float: left;
	margin: 9px 10px 6px 0; /* $IE */
	}

	.pagination,
	#alpha-pagination {
	border: 1px solid #d5e9f5;
	background: #f0f9ff;
	padding: 12px 10px;
	margin: 18px 0 0;
	position: relative;
	text-align: center;
	}
	
		.pagination .prev-page {
		position: absolute;
		left: 10px;
		text-align: left;
		}
		
		.pagination .next-page {
		position: absolute;
		right: 10px;
		text-align: right;
		}


.resource {
background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left top;
padding: 12px 0 0;
margin: 0 0 9px;
}
.resource:first-child { /* $IE */
background-image: none;
padding-top: 0;
}
	
	.resource p {
	margin: 3px 0;
	}
	
	.resource p.resource-alignment { 
	margin: 0;
	}

	.resource h4 {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 3px;
	color: #468eb8;
	}
	
	.resource ul.page-files {
	padding: 3px 0;
	width: 215px;
	}
	
		.resource p.reorder-workshop-materials,
		.resource p.learn-how-to-order,
		.resource p.download-resource,
		.resource p.visit-web-resource {
		margin-left: 10px;
		display: block;
		float: right;
		height: 19px;
		}
		
			.resource p.reorder-workshop-materials a,
			.resource p.learn-how-to-order a,
			.resource p.download-resource a,
			.resource p.visit-web-resource a {
			text-indent: -9001px;
			height: 19px;
			display: block;
			background: url('/img/buttons-resourcecatalogue-sprite.gif') no-repeat scroll;
			}

			.resource p.reorder-workshop-materials a { width: 67px; background-position: 0 -60px; }
			.resource p.learn-how-to-order a { width: 102px; background-position: 0 -40px; }
			.resource p.download-resource a { width: 82px; background-position: 0 0; }
			.resource p.visit-web-resource a { width: 44px; background-position: 0 -20px; }

.content .recipe-page p {
margin: 9px 0;
}

img.recipe-image { float: left; margin: 6px 6px 6px 0; }

/* two column view */

.content {
float: left;
width: 547px;
margin: 0px;
padding: 18px 0;
border-top: 1px solid #d5e9f5;
}

	.content p,
	.content ul,
	.content ol,
	.content li { font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif !important; }
	
	.content p img { margin: 4px 8px; }

/* Personas */

.persona .content {
border: none;
float: none;
}

	.featured-box {
	background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
	padding: 0 0 3px;
	margin: 0 0 18px;
	}
		.featured-box p {
		margin: 9px 0;
		}
		
		.strong-featured-box {
		margin: 9px 0 18px;
		}
		
		.strong-featured-box p {
		font-size: 14px;
		line-height: 21px;
		margin: 9px 0;
		}

	/* headers */
	
	.persona-header {
	height: 80px;
	border-bottom: 1px solid #d5e9f5;
	}
	
		h1.persona-title {
		font-size: 53px;
		line-height: 53px;
		padding: 12px 0 6px;
		letter-spacing: -1.5px;
		float: left;
		font-weight: 600;
		}
	
		#persona-welcome-message {
		padding-left: 35px;
		height: 65px;
		width: 440px;
		background: url('/img/persona-header-divider.gif') no-repeat scroll left center;
		float: left;
		}
		
		#persona-welcome-message p {
		font-size: 18px;
		line-height: 21px;
		margin: 0;
		padding: 0;
		}
	
		/* set color */
		#persona-new-cool-stuff .persona-header h1,
		#persona-new-cool-stuff .persona-header p { color: #85bc6f; }
		#persona-recipes .persona-header h1,
		#persona-recipes .persona-header p { color: #6fbcba; }
		#persona-teachers .persona-header h1,
		#persona-teachers .persona-header p { color: #899ff6; }
		#persona-rediscover-milk .persona-header h1,
		#persona-rediscover-milk .persona-header p { color: #d87bfe; }
		#persona-health-professionals .persona-header h1,
		#persona-health-professionals .persona-header p { color: #fe7b8d; }
		#persona-school-milk-bc .persona-header h1,
		#persona-school-milk-bc .persona-header p { color: #ff9c51; }
		
		/* set width */
		#persona-new-cool-stuff .persona-header h1 { width: 400px; }
		#persona-new-cool-stuff .persona-header #persona-welcome-message { width: 440px; }
		#persona-recipes .persona-header h1 { width: 185px; }
		#persona-recipes .persona-header #persona-welcome-message { width: 440px; }
		#persona-teachers .persona-header h1 { width: 210px; }
		#persona-rediscover-milk .persona-header h1 { width: 393px; }
		#persona-health-professionals .persona-header h1 { width: 463px; }
		#persona-health-professionals #persona-welcome-message { width: 390px; }
		#persona-school-milk-bc .persona-header h1 { width: 335px; }


	.persona h3 {
	padding: 0;
	margin: 0 0 6px;
	}
	
	.persona h4 {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0;
	margin: 0 0 6px;
	}
	
	a.persona-linkout { font-size: 13px; font-weight: 600; }
	
	.persona #videos {
	float: left;
	width: 454px;
	margin: 0 10px 18px 0;
	padding: 0 0 18px;
	background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
	}
	
	.persona-sidebar {
	border: 1px solid #d5e9f5;
	background: #f0f9ff url('/img/background-panel-matte.gif') repeat-x scroll left bottom;
	padding: 10px;
	}
		
		.persona-sidebar h3 {
		font-size: 18px;
		border-bottom: 1px solid #D5E9F5;
		}
		
		.persona-sidebar ul {
		padding: 0;
		margin: 0 0 18px;
		list-style: none;
		}
		
			.persona-sidebar ul li {
			padding: 4px 0;
			font-weight: 600;
			background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
			}
			
				.persona-sidebar ul li a {
				color: #468eb8;
				}
	
	/* New & Cool Stuff */
	
	#persona-new-cool-stuff .content {
	width: 100%;
	}
	
	#persona-new-cool-stuff #innovation-and-interactive {
	float: left;
	width: 454px;
	margin: 0 0 18px;
	padding: 0 0 18px;
	}
	
	#persona-new-cool-stuff #latest-contests-prizing {
	clear: left;
	float: left;
	width: 454px;
	margin: 0 10px 0 0;
	border-top: 1px solid #d5e9f5;
	padding: 10px 0 0;
	}
	
	#persona-new-cool-stuff #dont-miss-this {
	float: left;
	width: 454px;
	margin: 0;
	border-top: 1px solid #d5e9f5;
	padding: 10px 0 0;
	}
		
	/* Recipes */
	
	#persona-recipes .content {
	width: 100%;
	}

	#persona-recipes #fun-food-activities {
	float: left;
	width: 454px;
	margin: 0 0 18px 0;
	padding: 0 0 18px;
	background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
	}
	
	#persona-recipes #featured-recipes {
	clear: left;
	float: left;
	width: 268px;
	padding: 10px 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	
	#persona-recipes #food-for-health-activity {
	float: left;
	width: 268px;
	margin: 0 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	
		#persona-recipes .persona-sidebar {
		width: 335px;
		float: left;
		}
	
	/* Teachers */
	
	#persona-teachers .persona-header {
	border: none;
	}
	
	#persona-teachers .content {
	width: 545px;
	margin: 0 10px 0 0;
	border-top: 1px solid #d5e9f5;
	float: left;
	}
	
		
		#persona-teachers .featured-box {
		margin: 0 0 18px 0;
		padding: 0 0 9px;
		background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
		}
	
	#persona-teachers .persona-sidebar {
	width: 335px;
	float: left;
	}
	
	#persona-teachers #featured-workshops,
	#persona-teachers #featured-resources {
	padding-top: 10px;
	border-top: 1px solid #d5e9f5;	
	}
	
	#inno-logo {
	display: block;
	width: 109px;
	height: 74px;
	background: url('/img/inno-logo.gif') no-repeat scroll 0 0;
	text-indent: -9001px;
	margin: 0 auto;
	}
	
		#upcoming-workshops {
		position: relative;
		margin-bottom: 18px;
		}
	
			#upcoming-workshops p.reorder-wsm {
			text-align: right;
			position: absolute;
			right: 0;
			top: 1px;
			font-size: 11px;
			}
			
			#upcoming-workshops .upcoming-workshops-carousel {
			position: relative;
			width: 335px;
			}
			
				#upcoming-workshops ul#workshops-list {
				margin: 0;
				}
			
					#upcoming-workshops ul li {
					width: 335px;
					color: #468eb8;
					font-weight: 400;
					float: left;
					margin-right: 10px;
					background: none;
					}
						#upcoming-workshops ul ul li {
						float: none;
						margin: 0;
						background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left bottom;
						}
					
					#upcoming-workshops .workshop-name { font-weight: 600; }
		
		#workshops-cycled-nav {
		text-align: center;
		position: relative;
		left: 50%;
		padding: 9px 0 0;
		}
		
			#workshops-cycled-nav a {
			display: block;
			float: left;
			width: 7px;
			height: 7px;
			margin-right: 3px;
			text-indent: -9001px;
			background: url('/img/cycled-nav-buttons.gif') no-repeat scroll 0 0;
			}
				#workshops-cycled-nav a:hover,
				#workshops-cycled-nav a.activeSlide {
				background-position: 0 -13px;
				}
			
		#featured-lesson-plans a,
		#displays a { font-weight: 600; }
	
	#school-milk-bc-box {
	margin: 18px 0 0;
	}
	
	#school-milk-bc-box div a {
	display: block;
	text-indent: -9001px;
	width: 335px;
	height: 115px;
	margin: 0 auto;
	background: url('/img/persona-signupsmbc.png') no-repeat scroll 0 0;
	}
	
	#school-milk-bc-box p { text-align: center; }
	
/* Rediscover Milk */

	#persona-rediscover-milk .content {
	width: 100%;
	}
	
	#persona-rediscover-milk .persona-sidebar {
	width: 335px;
	float: left;
	}
	
	#persona-rediscover-milk #rediscover-milk-featured {
	width: 454px;
	float: left;
	margin: 0 10px 10px 0;
	}
	
	#persona-rediscover-milk #calcium-bone-health {
	width: 454px;
	float: left;
	margin: 0 0 10px;
	}
	
	#persona-rediscover-milk #mythbusters-and-Milk-QandA {
	clear: left;
	float: left;
	width: 268px;
	padding: 10px 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	
	#persona-rediscover-milk #local-bc-milk {
	float: left;
	width: 268px;
	margin: 0 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	
	#persona-rediscover-milk #milk-trivia li {
	font-weight: 600;
	}

/* Health Professionals */
	
	#persona-health-professionals .persona-header {
	border: none;
	}
	
	#persona-health-professionals .content {
	width: 545px;
	margin: 0 10px 0 0;
	border-top: 1px solid #d5e9f5;
	float: left;
	}
	
	#persona-health-professionals .persona-sidebar {
	float: left;
	width: 335px;
	}
		
		#persona-health-professionals .strong-featured-box p {
		font-size: 14px;
		line-height: 21px;
		}
	
	#persona-health-professionals #featured-resources,
	#persona-health-professionals #featured-workshops {
	margin: 0 0 18px 0;
	padding: 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	

/* School Milk BC */
	
	#persona-school-milk-bc .persona-header {
	border: none;
	}
	
	#persona-school-milk-bc .content {
	width: 545px;
	margin: 0 10px 0 0;
	border-top: 1px solid #d5e9f5;
	float: left;
	}
	
	#persona-school-milk-bc .persona-sidebar {
	float: left;
	width: 335px;
	color: #468eb8;
	}
	
	#persona-school-milk-bc .persona-sidebar p { color: #468eb8; }
	
	#smbc-logo {
		text-indent: -9001px;
		display: block;
		background: url('/img/logo-smbc.png') no-repeat scroll 0 0;
		width: 84px;
		height: 89px;
		margin: 0 auto;
		padding: 0;
	}
	
	#smbc-logo {
		text-indent: -9001px;
		display: block;
		background: url('/img/logo-smbc.png') no-repeat scroll 0 0;
		width: 84px;
		height: 89px;
		margin: 0 auto;
		padding: 0;
	}
	
	#smbc-login-link {
		text-indent: -9001px;
		display: block;
		background: url('/img/persona-smbc-login-box.png') no-repeat scroll 0 0;
		width: 354px;
		height: 127px;
		margin: 0 auto;
		margin-left:-9px;
		padding: 0;
	}
		
	#persona-school-milk-bc #latest-contests-prizing,
	#persona-school-milk-bc #school-milk-bc-news {
	margin: 0 0 18px 0;
	padding: 10px 0 0;
	border-top: 1px solid #d5e9f5;
	}
	
	#persona-school-milk-bc .persona-login-form label {
	color: #393939;
	padding: 0;
	margin: 0 0 6px 0;
	float: none;
	clear: none;
	}
	
	#persona-school-milk-bc .persona-login-form p.input-user,
	#persona-school-milk-bc .persona-login-form p.input-pass {
	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	}
		#persona-school-milk-bc .persona-login-form p.input-user {
		margin: 0 10px 0 0;
		}
	
		#persona-school-milk-bc .persona-login-form input#smbc-username,
		#persona-school-milk-bc .persona-login-form input#smbc-password {
		width: 145px;
		}
		
		#persona-school-milk-bc .persona-login-form input#submit {
		clear: both;
		float: none;
		display: block;
		margin: 18px auto;
		}
		
		#persona-school-milk-bc .persona-login-form .contactus {
		margin: 0 0 18px;
		padding: 9px 0;
		background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left top;
		}
	
/*
	^Sidebar
	-- sidenav
	-- widgets
*/

.sidebar {
float: left;
width: 360px;
margin-left: 10px;
}

/* sidenav */

#side-nav {
width: 360px;
padding: 10px 0;
border: 1px solid #d5e9f5;
background: #f0f9ff url('/img/background-panel-matte.gif') repeat-x scroll left bottom;
}

	#side-nav ul { margin: 0; padding: 0; line-height: 1.1; list-style: none; } /* reset */

		#side-nav ul li.header,
		#side-nav ul li.headerlinked {
		float: left;
		width: 163px;
		margin-left: 11px;
		font-size: 14px;
		line-height: 21px;
		font-weight: 600;
		color: #666;
		padding: 0;
		}
			#side-nav ul li.headerlinked {
			border-bottom: 1px solid #d5e9f5;
			margin-bottom: 10px;
			}
			
				#side-nav ul li a.active {
				text-decoration: underline;
				}
				
				#side-nav ul li.headerlinked a:hover {
				text-decoration: none;
				color: #70b4e1;
				}
				
				#side-nav ul li a:hover {
				text-decoration: underline;
				color: #70b4e1;
				}
			
			#side-nav ul li.headerwide {
			width: 337px;
			}
		
		#side-nav ul ul {
		border-top: 1px solid #d5e9f5;
		padding: 10px 12px 10px;
		margin: 0;
		}
	
			#side-nav ul ul li { /* bulleted categories */
			font-size: 12px;
			font-weight: 400;
			list-style: disc outside url('/img/list-square-sidenav.gif');
			padding-bottom: 3px;
			padding-top: 3px;
			}

/* widgets */

#widget-column {
width: 340px;
padding: 10px;
border: 1px solid #d5e9f5;
background: #f0f9ff url('/img/background-panel-matte.gif') repeat-x scroll left bottom;
margin-top: 11px;
positon: relative;
}

	#widget-column h5 {
	border-bottom: 1px solid #D5E9F5;
	margin-bottom: 10px;
	padding-bottom: 3px;
	}

	#widget-column h6 {
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0;
	color: #393939;
	text-transform: none;
	padding: 0;
	}
		
		#widget-column h6 a:link,
		#widget-column h6 a:visited,
		#widget-column h6 a:hover,
		#widget-column h6 a:active {
		color: #393939;
		text-decoration: none;
		}
	
	#widget-column p.more-link {
	width: 120px;
	float: left;
	font-weight: 600;
	margin: 0;
	}
	
	#widget-column p.see-somthing-more-link {
	width: 210px;
	float: right;
	text-align: right;
	margin: 0;
	font-weight: 600;
	}

#featured-dairy-definition {
padding: 10px 10px 0;
border: 1px solid #d5e9f5;
background: #f0f9ff url('/img/background-panel-matte.gif') repeat-x scroll left bottom;
margin-bottom: 10px;
}

	#featured-dairy-definition h4 {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #468eb8;
	}
	
		#featured-dairy-definition h4 a:link,
		#featured-dairy-definition h4 a:visited,
		#featured-dairy-definition h4 a:hover,
		#featured-dairy-definition h4 a:active { text-decoration: underline; }
		

/*
	^WYSIWYG Styling
*/

.content h1,
.content h2 {
font-size: 28px;
line-height: 30px;
padding: 18px 0 18px;
color: #468eb8;
}

.content h2 {
font-size: 26px;
}

table {
width: 100%;
background: url('/img/hr-dotted-1px.gif') center bottom repeat-x;
margin-bottom: 9px;
}

table th {
border-left: 0 none !important;
border-top: 0 none !important;
border-right: 0 none !important;
border-bottom: 1px solid #7f7f7f !important;
padding: 9px 9px 18px 3px;
font-weight: 600;
color: #468eb8;
}

table tr:hover {
background: #f0f9ff;
}

table td {
padding: 9px 3px 12px;
color: #8f8f8f;
vertical-align: middle;
border: 0 none !important;
}

	table td p {
	color: #8f8f8f;
	margin: 9px 0;
	}
	
	table td img {
	vertical-align: middle;
	}
	
	table strong {
	color #468eb8;
	}

/*
	^Forms
	-- init
	-- errors
	-- zend
*/

form small { /* instructions */
display: block;
float: left;
font-size: 11px;
line-height: 15px;
color: #888;
padding: 11px 0 0 6px;
}

	form small.helper-submit { width: 170px; padding-top: 24px; }
	form small.helper-long { width: 100px; padding-top: 4px; }

label {
display: block;
width: 80px;
height: 18px;
margin-bottom: 11px;
padding: 9px 12px 0 0;
float: left;
clear: left;
font-weight: 600;
}

input[type="text"],
input[type="password"] { /* Need to define for $IE $MARKUP */
float: left;
width: 256px;
background: #f5f5f5 url('/img/form-input-background.gif') left top repeat-x scroll;
border: 1px solid #afafaf;
margin-bottom: 11px;
padding: 4px 7px;
color: #737373;
font-size: 14px;
font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus { /* Need to define for $IE $MARKUP */
background: #dbe8f9 url('/img/form-input-background-focus.gif') left top repeat-x scroll;
border: 1px solid #468eb8;
}

input#submit,
input.submit,
input#Savechanges,
input#Continue {
text-indent: -9001px;
width: 112px;
height: 34px;
background: url('/img/form-button-submit.png') 0 0 no-repeat scroll;
border: 0 none;
margin: 18px 0 0 92px;
float: left;
padding: 0;
}

	input#submit:hover,
	input.submit:hover,
	input#Savechanges:hover, 
	input#Continue:hover{
	text-indent: -9001px;
	width: 112px;
	height: 34px;
	background: url('/img/form-button-submit.png') -124px 0 no-repeat scroll;
	border: 0 none;
	padding: 0;
	}
	
	input#submit:active,
	input.submit:active,
	input#Savechanges:active,
	input#Continue:active {
	text-indent: -9001px;
	width: 112px;
	height: 34px;
	background: url('/img/form-button-submit.png') -247px 0 no-repeat scroll;
	border: 0 none;
	padding: 0;
	}
	
	input#Savechanges {
	background: url('/img/form-button-savechanges.png') no-repeat scroll -2px 0;
	width: 129px;
	height: 38px;
	margin: 0;
	}
	input#Savechanges:hover {
	background: url('/img/form-button-savechanges.png') no-repeat scroll -133px 0;
	width: 129px;
	height: 38px;
	}
	input#Savechanges:active {
	background: url('/img/form-button-savechanges.png') no-repeat scroll -264px 0;
	width: 129px;
	height: 38px;
	}
	
	input#Continue {
	background: url('/img/form-button-continue.png') no-repeat scroll -2px 0;
	width: 102px;
	height: 38px;
	margin: 0;
	}
	input#Continue:hover {
	background: url('/img/form-button-continue.png') no-repeat scroll -106px 0;
	width: 102px;
	height: 38px;
	}
	input#Continue:active {
	background: url('/img/form-button-continue.png') no-repeat scroll -210px 0;
	width: 102px;
	height: 38px;
	}

select {
float: left;
width: 272px;
background: #f5f5f5 url('/img/form-input-background.gif') left top repeat-x scroll;
border: 1px solid #afafaf;
margin-bottom: 11px;
padding: 4px 7px;
color: #737373;
font-size: 14px;
font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
}


textarea {
float: left;
width: 365px;
padding: 3px 7px;
background: #f5f5f5 url('/img/form-input-background.gif') left top repeat-x scroll;
border: 1px solid #afafaf;
margin-bottom: 11px;
font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
font-size: 14px;
color: #737373;
line-height: 18px;
}

textarea:focus {
background: #dbe8f9 url('/img/form-input-background-focus.gif') left top repeat-x scroll;
border: 1px solid #468eb8;
}

/* errors */
select.error,
input.error {
border: 1px solid #f00;
margin-bottom: 0;
}

.error-msg {
padding: 9px 10px;
border: 1px solid #ffa7a7;
background: #ffe3e3 url('/img/form-error-msg-background.gif') repeat-x scroll left bottom;
margin-bottom: 18px;
}

	.error-msg p,
	ul.errors li {
	font-weight: 600;
	font-style: oblique;
	color: #f00;
	margin: 0 0 3px;
	padding: 0;
	}
	
	ul.errors {
	float: left;
	list-style: none;
	margin: 0 0 11px;
	padding: 7px 4px 2px;
	border: 1px solid #ffa7a7;
	border-top: none;
	width: 262px;
	background: #ffe3e3 url('/img/form-error-msg-background.gif') repeat-x scroll left bottom;
	}

.cancel {
margin: 11px 0 0 10px;
float: left;
}
	
/* for zend */
	dl.zend_form dt {
	width: 169px;
	padding-right: 6px;
	float: left;
	clear: left;
	}
	dl.zend_form dd {
	width: 280px;
	float: left;
	}
	dt label { width: 169px; }
	
	dt#captcha-label { width: 100%; }
	dt#captcha-label label { width: 100%; }
	#captcha-input,
	#captcha-element img { margin-left: 187px; }
	
	dl.zend_form input#submit { margin: 0; }


/*
	^Meta
	-- videos
	-- file attachments
	-- sharing
	-- comments
*/

#videos ul {
list-style: none;
margin: 12px 0 0;
padding: 0;
}
	
	#videos ul li {
	display: block;
	float: left;
	width: 36px;
	height: 23px;
	margin-right: 10px;
	}
	
		#videos ul li a {
		display: table-cell;
		width: 36px;
		height: 23px;
		background: url('/img/video-button.gif') no-repeat scroll 0 -24px;
		vertical-align: middle;
		color: #468eb8;
		font-weight: 600;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		}
		
		#videos ul li a:hover,
		#videos ul li a:active,
		#videos ul li a.selected { text-decoration: none; background-position: 0 0; color: #fff; }

/* file attachments */
ul.page-files {
display: block;
float: left;
width: 310px;
padding: 10px 0 0;
margin: 0;
list-style: none;
}

	ul.page-files li {
	display: block;
	float: left;
	padding: 0 20px 9px;
	background: url('/img/file-icon.png') no-repeat scroll left top;
	}

/* sharing */
ul.sharing-panel {
position: relative;
float: right;
width: 143px;
height: 42px;
list-style: none;
padding: 0;
line-height: 16px;
}

	ul.sharing-panel li { /* $IE */
	display: block;
	padding: 10px 7px;
	width: 50px;
	position: absolute;
	border: 1px solid #d5e9f5;
	background: #F0F9FF;
	}
	
		ul.sharing-panel li#sharing-print { left: 0; }
		/*ul.sharing-panel li#sharing-email { left: 80px; }*/
		ul.sharing-panel li#sharing-share { left: 76px; }
		
			ul.sharing-panel li a {
			display: block;
			padding-left: 22px;
			height: 16px;
			background: url('/img/share-icons.png') no-repeat scroll;
			}

			ul.sharing-panel li#sharing-print a { background-position: left 0; }
			ul.sharing-panel li#sharing-email a { background-position: left -33px; }
			ul.sharing-panel li#sharing-share a { background-position: left -66px; }

/* comments */
.comments {
background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left top;
margin: 18px 0;
}

	.comments h3 {
	font-size: 26px;
	line-height: 30px;
	padding: 18px 0 0;
	color: #468eb8;
	}
	
	.comments h5 {
	font-size: 18px;
	line-height: 21px;
	padding-bottom: 9px;
	color: #468eb8;
	}

	ol.comment-list {
	padding: 9px 36px 18px 36px;
	}

		ol.comment-list li.comment {
		padding: 9px 0 0;
		margin: 0 0 18px;
		background: url('/img/hr-dotted-1px-blue.gif') repeat-x scroll left top;
		}
		
		ol.comment-list li.nocomment {
		list-style: none;
		color: #888;
		font-style: oblique;
		}

		ol.comment-list li.comment:first-child { /* $IE */
		background-image: none;
		padding-top: 0;
		}
		
		ol.comment-list p.comment-name {
		font-weight: 600;
		margin-bottom: 9px;
		}

	#comment_form {
	padding-left: 36px;
	}
	
	/* captcha */
		
		fieldset.captcha {
		display: block;
		clear: left;
		}
		
		.captcha label {
		width: 100%;
		margin: 0 0 5px;
		}

		.captcha span {
		display: block;
		clear: both;
		margin: 0 0 11px 92px;
		}
		
		.captcha input {
		margin: 0 0 11px 92px;
		}

.success {
background: #f4ffef;
border: 1px solid #98e1b3;
padding: 18px 10px;
margin: 10px 0;
}
	.success p {
	margin: 0;
	padding: 0;
	font-style: oblique;
	font-weight: 600;
	color: #3cbc6f;
	}

/*
	^Backend
*/

#backend-login h2.page-title { /* cufon replaced */
font-size: 34px;
line-height: 36px;
padding: 18px 0 9px;
margin-bottom: 15px;
color: #468eb8;
border-bottom: 1px solid #d5e9f5;
}

#backend-login .content {
padding: 0;
margin: 0;
border: 0 none;
width: 100%;
}

.login-form {
width: 454px;
margin: 0 0 18px;
float: left;
}
.login-form-smbc { margin-right: 10px; }

#backend-login form small {
width: 155px;
margin: 10px 5px 0 90px;
padding: 0;
}

#submit-smbc,
#submit-workshop-reorder {
float: right;
}

#backend-login #submit-smbc,
#backend-login #submit-workshop-reorder { margin: 0 90px 0 0; }


	/* School Milk BC */
	
	#smbc-backend {
	float: none;
	width: 100%;
	}
	
	
		#smbc-backend .success { width: 525px; }
	
	#account-info p {
	margin: 0;
	padding: 0;
	}
	
	#account-info small {
	color: #8f8f8f;
	}
	
	#account-info address {
	font-size: 12px;
	line-height: 18px;
	color: #393939;
	margin: 0;
	}
	
	#account-info em {
	color: #8f8f8f;
	font-style: oblique;
	}
		
		#account-info #school-contact-info,
		#account-info #contact-info {
		width: 260px;
		float: left;
		}
	
	#account-current-state {
	width: 545px;
	margin: 10px 0;
	border: 1px solid #d5e9f5;
	}
	
		#account-current-state h5 { padding: 10px; }
		#account-current-state p { padding: 0 10px; }
		#account-current-state p.deregister-msg {
		padding: 4px 0 2px;
		}
		
		#account-current-state p.confirm-registration { margin: 18px 0; padding: 0; text-align: center; }
		#account-current-state p.confirm-registration a {
		display: block;
		margin: 0 auto;
		padding: 0;
		
		width: 182px;
		height: 34px;
		text-indent: -9001px;
		background: url('/img/form-button-confirmregistration.png') no-repeat scroll 0 0;
		}
			#account-current-state p.confirm-registration a:hover { background-position: -183px 0; }
			#account-current-state p.confirm-registration a:active { background-position: -366px 0; }
			
		
		#account-current-state p.update-now { margin: 18px 0; padding: 0; text-align: center; }
		#account-current-state p.update-now a {
		display: block;
		margin: 0 auto;
		padding: 0;
		
		width: 140px;
		height: 34px;
		text-indent: -9001px;
		background: url('/img/form-button-updatenow.png') no-repeat scroll 0 0;
		}
			#account-current-state p.update-now a:hover { background-position: -141px 0; }
			#account-current-state p.update-now a:active { background-position: -282px 0; }
		
	
	#account-activity {
	width: 545px;
	margin: 10px 0;
	border: 1px solid #d5e9f5;
	}
		
		#account-activity h5 { padding: 10px; }
		#account-activity table { background: none; }
	
		#account-activity table td {
		color: #393939;
		padding: 9px 10px 18px;
		}
		
		#account-activity .data-entered {
		color: #8d8d8d;
		font-style: oblique;
		}
	
	#consumption-data-problem, 
	#account-info {
	width: 525px;
	}
	
	#consumption-data-problem p { padding: 0; margin: 0; }

	#smbc-consumption-form { width: 920px; margin: 0 10px 9px; }
	#smbc-consumption-form .content { border-top: 1px solid #d5e9f5; float: none; width: 100%; }
	
	#smbc-consumption-form .instructions,
	#consumption-form { width: 545px; }
		
		#consumption-form table { background-image: none; }
		
		#consumption-form input[type="text"] {
		width: 50px;
		float: none;
		margin: 0 0 0 5px;
		}
		
		#consumption-form table td,
		#consumption-form table th { padding: 9px 3px; }
		
		#consumption-form th.col {
		border: 0 none !important;
		width: 140px;
		}
		
		#consumption-form tr.total-line {
		background: url('/img/consumption-form-total.gif') repeat-x scroll left top;
		}
			#consumption-form tr.total-line th,
			#consumption-form tr.total-line td { border: 0 none !important; margin: 9px 0px; padding: 18px 3px; }
		
		#consumption-form p em { color: #8f8f8f; }
		
		#consumption-form .submit-box {
		position: relative;
		margin: 18px 0;
		}
			#consumption-form .submit-box p {
			width: 200px;
			margin: 0;
			}
			
			#consumption-form .submit-box input#submit {
			position: absolute;
			top: 0;
			left: 214px;
			margin: 0;
			}
		
		#consumption-form td.error input { border: 1px solid #f00;}
	
	#smbc-edit-contact-info { width: 100%; margin: 0 0 9px; border-top: 1px solid #d5e9f5; float: none; }
	input#Savechanges {
	padding: 0;
	}
	
	#smbc-edit-contact-info .panel {
	width: 465px;
	}
	
	#smbc-edit-contact-info em { color: #8f8f8f; }
	
	#smbc-edit-contact-info #feedback-msg {
	width: 425px;
	}
	
	#smbc-reg-complete h2 { border-bottom: 1px solid #d5e9f5; }
	#smbc-reg-complete .content { width: 547px; margin: 0 0 9px; border-top: 0 none; float: none; }
	
	#smbc-program-details h2 { border-bottom: 1px solid #d5e9f5; }
	#smbc-program-details .content { width: 547px; margin: 0 0 9px; border-top: 0 none; float: none; }
	
	#smbc-prog-success h2 { border-bottom: 1px solid #d5e9f5; }
	#smbc-prog-success .content { width: 547px; margin: 0 0 9px; border-top: 0 none; float: none; }
	
		#smbc-program-details dl.zend_form dt {
		float: none;
		clear: none;
		padding: 0;
		width: 350px;
		display: block;
		}
		
			#smbc-program-details dl.zend_form dt label,
			#smbc-program-details dl.zend_form dd label {
			width: 320px;
			float: none;
			clear: none;
			}
		
		#smbc-program-details dl.zend_form dd {
		float: none;
		width: 100%;
		display: block;
		}
		
			#smbc-program-details dl.zend_form input[type="text"],
			#smbc-program-details dl.zend_form input[type="password"] {
			float: none;
			}
			
			
			#smbc-program-details dt#milk_availbility-label,
			#smbc-program-details dt#num_students_lunch-label,
			#smbc-program-details dt#num_students_participate-label {
			float: left;
			width: 380px;
			clear: left;
			}
			
			#smbc-program-details dd#milk_availbility-element,
			#smbc-program-details dd#num_students_lunch-element,
			#smbc-program-details dd#num_students_participate-element {
			float: left;
			width: 120px;
			padding: 4px 0 0;
			}
			
				#smbc-program-details dl.zend_form dd#milk_availbility-element input#milk_availbility,
				#smbc-program-details dl.zend_form dd#num_students_lunch-element input#num_students_lunch,
				#smbc-program-details dl.zend_form dd#num_students_participate-element input#num_students_participate {
				width: 114px;
				text-align: center;
				}
			
			#smbc-program-details dt#which_brands-label,
			#smbc-program-details dt#how_obtained-label,
			#smbc-program-details dt#how_paid-label,
			#smbc-program-details dt#how_distributed-label {
			clear: left;
			padding-top: 18px;
			}
				
				#smbc-program-details dd#which_brands-element label,
				#smbc-program-details dd#how_obtained-element label,
				#smbc-program-details dd#how_paid-element label,
				#smbc-program-details dd#how_distributed-element label {
				font-weight: 400;
				margin: 0;
				padding: 0;
				width: 434px;
				}
				
				#smbc-program-details dd#which_brands-element input,
				#smbc-program-details dd#how_obtained-element input,
				#smbc-program-details dd#how_paid-element input,
				#smbc-program-details dd#how_distributed-element input {
				margin: 3px 8px 3px 4px;
				}
				
				#smbc-program-details dd#which_brands-element ul.errors,
				#smbc-program-details dd#how_obtained-element ul.errors,
				#smbc-program-details dd#how_paid-element ul.errors,
				#smbc-program-details dd#how_distributed-element ul.errors {
				border-top: 1px solid #FFA7A7;
				margin-top: 11px;
				}
				
				#smbc-program-details dt#which_brands_other-label,
				#smbc-program-details dt#how_obtained_other-label,
				#smbc-program-details dt#how_paid_other-label,
				#smbc-program-details dt#how_distributed_other-label { display: none; }
				
				#smbc-program-details dd#which_brands_other-element,
				#smbc-program-details dd#how_obtained_other-element,
				#smbc-program-details dd#how_paid_other-element,
				#smbc-program-details dd#how_distributed_other-element { margin: 4px; }
			
			#smbc-program-details input#submit { float: none; }
			
			#smbc-program-details dd#milk_availbility-element ul.errors,
			#smbc-program-details dd#num_students_lunch-element ul.errors,
			#smbc-program-details dd#num_students_participate-element ul.errors {
			border-top: 1px solid #FFA7A7;
			width: 120px;
			}
			
	
	p.deregister-msg {	
	font-size: 11px;
	font-style: oblique;
	color: #8f8f8f;
	
	margin: 4px 10px;
	padding: 4px 0 2px;
	background: url('/img/hr-dotted-1px.gif') repeat-x scroll top left;
	}
	
	#smbc-newsletter-signup {
	border: 1px solid #d5e9f5;
	margin: 10px 0;
	width: 545px;
	}
	
		#smbc-newsletter-signup h5 { 
		padding: 10px;
		}
		#smbc-newsletter-signup p {
		padding: 0 10px; 
		}
		
		#smbc-newsletter-signup form {
		padding: 0 10px;
		}
		
		#smbc-newsletter-signup #smbc-newsletter-email { margin-right: 10px; }
		
		#smbc-newsletter-signup input#smbc-newsletter-submit {
		width: 76px;
		height: 28px;
		display: block;
		padding: 0;
		border: 0;
		margin: 0;
		text-indent: -9001px;
		background: url('/img/form-button-signmeup.png') no-repeat scroll 0 0;
		}
		
		#smbc-newsletter-signup input#smbc-newsletter-submit:hover {
		background-position: -77px 0;
		}
	
	/* Workshop Reorder - panel */
	
	#workshop-reorder-home h1.page-title {
	border-bottom: 1px solid #d5e9f5;
	}
	
	#workshop-reorder-home .content {
	border: 0 none;
	float: none;
	width: 100%;
	}
	
	#workshop-reorder-home #feedback-msg { width: 525px; }

		#workshop-reorder-home #account-info h3 {
		padding: 0 0 9px;
		}
		
		#workshop-reorder-home #account-info .school-name { font-weight: 600; }
	
	#workshop-reorder-home #workshop-panel {
	width: 545px;
	margin-top: 24px;
	}
	
		#workshop-navigation ul {
		padding: 0;
		list-style: none;
		position: relative;
		top: 1px;
		}
	
		#workshop-navigation ul li {
		font-size: 12px;
		background-color: #f0f9ff;
		border: 1px solid #def2fd;
		border-bottom: 0 none;
		cursor: pointer;
		padding: 0 10px;
		display: inline;
		width: auto;
		color: #468eb8;
		line-height: 0;
		position: relative;
		z-index: 9;
		}
		
			#workshop-navigation li.active {
			border: 1px solid #d5e9f5;
			border-bottom: none;
			font-size: 18px;
			background-color: #fff;
			padding: 4px 10px 0;
			z-index: 11;
			}
	
	#workshop-panel #workshop-available-reorders,
	#workshop-panel #workshop-reorder-history,
	#workshop-panel #workshop-history {
	display: none;
	border: 1px solid #d5e9f5;
	position: relative;
	z-index: 10;
	}

	#workshop-panel #workshop-available-reorders {
	display: block;
	}
	
	#workshop-panel table {
	padding: 9px 0;
	background: none;
	}
	
	#workshop-panel table td {
	color: #393939;
	padding: 9px 10px;
	}
	
		#workshop-panel table td.workshop-name {
		width: 200px;
		}
	
		#workshop-panel table td.date,
		#workshop-panel em { color: #8F8F8F; }
		
		#workshop-panel ul.product-breakdown li {
		position: relative;
		}
		
		#workshop-panel table.product-breakdown {
		margin: 6px 0;
		padding: 0 0 0 40px;
		}
		
			#workshop-panel table.product-breakdown tr:hover {
			background: #d5e9f5;
			}
		
			#workshop-panel table.product-breakdown td.date {
			width: 80px;
			}
			#workshop-panel table.product-breakdown td.name {
			width: 165px;
			margin: 0;
			padding: 2px 0 2px 14px;
			background: url(/img/list-square.gif) no-repeat scroll 4px 0.75em;
			}
			#workshop-panel table.product-breakdown td.qty {
			margin: 0;
			padding: 2px 0;
			}
			
			#workshop-reorder-history td.date {
				vertical-align: top;
				margin-top:1px;
			}
			
			#workshop-reorder-history table.product-breakdown tr td {
				margin:4px;
				padding:4px;
			}
			
			
	
	#workshop-panel p.offer {
	padding: 6px 0;
	margin: 0 10px;
	color: #8F8F8F;
	background: url('/img/hr-dotted-1px.gif') repeat-x scroll left top;
	}

	
	/* Reorder Materials Forms */
	#reorder-materials .content {
	width: 100%;
	}
	
		#workshop-product-form {
		padding: 10px;
		border: 1px solid #d5e9f5;
		background: #f0f9ff;
		width: 435px;
		}
		
			#workshop-product-form input[type="text"] { width: 40px; text-align: center;}
			
			#workshop-product-form .checkbox-group {
			clear: left;
			width: 220px;
			position: relative;
			float: left;
			padding: 3px;
			}
			
			#workshop-product-form dl.zend_form .checkbox-group dd { 
			width: 22px;
			position: absolute;
			left: 0;
			top: 0;
			}
			
				#workshop-product-form .checkbox-group dd input {
				margin: 7px 0 0;
				padding: 0;
				}
			
			#workshop-product-form dl.zend_form .checkbox-group dt { 
			width: 180px;
			float: left;
			clear: none;
			}
				
				#workshop-product-form .checkbox-group dt label {
				padding: 6px 0 ;
				position: relative;
				left: 25px;
				width: 180px;
				margin: 0;
				font-weight: 400;
				}
			
			#workshop-product-form dl.zend_form .input-group {
			width: 150px;
			float: left;
			padding: 3px;
			}
			
			#workshop-product-form dl.zend_form .input-group dt {
			float: left;
			clear: none;
			width: 50px;
			}
			
				#workshop-product-form .input-group dt label {
				width: 50px;
				padding: 6px 0 ;
				margin: 0;
				font-weight: 400;
				}
			
			#workshop-product-form dl.zend_form .input-group dd {
			float: left;
			width: 60px;
			}
			
			#workshop-product-form ul.errors {
			width: 135px;
			border-top: 1px solid #FFA7A7;
			}
			
			
			
	
	#reorder-address .content {
	width: 100%;
	}
	
		#school-address-form, #alt-address-form {
		float: left;
		width: 295px;
		margin-right: 10px;
		padding: 10px;
		border: 1px solid #d5e9f5;
		background: #f0f9ff;
		}
		#alt-address-form { margin-right: 0; width: 380px }
		#school-address-form dl { padding: 0; }
	
			#alt-address-form dl.zend_form dt {
			width: 75px;
			}
			
				#alt-address-form dl.zend_form dt label {
				width: 75px;
				float: none;
				padding: 6px 0 0 0;
				}

		#school-address-form input#submit,
		#alt-address-form input#submit {
		text-indent: -9001px;
		width: 169px;
		height: 38px;
		background: url('/img/form-button-shiptothisaddress.png') -2px 0 no-repeat scroll;
		border: 0 none;
		margin: 18px 0 0 46px;
		float: left;
		padding: 0;
		}
		
			#school-address-form input#submit { margin-left: 63px; }

			#school-address-form input#submit:hover,
			#alt-address-form input#submit:hover {
			text-indent: -9001px;
			width: 169px;
			height: 38px;
			background: url('/img/form-button-shiptothisaddress.png') -173px 0 no-repeat scroll;
			border: 0 none;
			padding: 0;
			}
			
			#school-address-form input#submit:active,
			#alt-address-form input#submit:active {
			text-indent: -9001px;
			width: 169px;
			height: 38px;
			background: url('/img/form-button-shiptothisaddress.png') -344px 0 no-repeat scroll;
			border: 0 none;
			padding: 0;
			}
	
	#reorder-review .content {
	width: 100%;
	}
	
		#confirm-order-form {
		width: 435px;
		border: 1px solid #d5e9f5;
		background: #f0f9ff;
		padding: 10px;
		}
		
			#confirm-order-form p { margin: 0; }
		
			#confirm-order-form table {
			margin: 6px 0;
			padding: 0 0 0 40px;
			background: none;
			}
			
			#confirm-order-form table tr:hover { background: #d5e9f5; }
		
			#confirm-order-form table td { color: #393939; }
		
			#confirm-order-form table td.name {
			width: 175px;
			margin: 0;
			padding: 4px 0 4px 14px;
			background: url(/img/list-square.gif) no-repeat scroll 4px 0.75em;
			}
			
			#confirm-order-form table td.qty {
			margin: 0;
			padding: 4px 0;
			}
			
			#confirm-order-form dl { padding: 0; }
			
			#confirm-order-form input#submit {
			text-indent: -9001px;
			width: 144px;
			height: 38px;
			background: url('/img/form-button-completeorder.png') -2px 0 no-repeat scroll;
			border: 0 none;
			margin: 18px 0 0 141px;
			float: left;
			padding: 0;
			}
		
			#confirm-order-form input#submit:hover {
			text-indent: -9001px;
			width: 144px;
			height: 38px;
			background: url('/img/form-button-completeorder.png') -148px 0 no-repeat scroll;
			border: 0 none;
			padding: 0;
			}
			
			#confirm-order-form input#submit:active {
			text-indent: -9001px;
			width: 144px;
			height: 38px;
			background: url('/img/form-button-completeorder.png') -294px 0 no-repeat scroll;
			border: 0 none;
			padding: 0;
			}
	
/*
	^Vegetable Stew
*/

.forceRight { float: right !important; margin: 0 11px 36px 0; }

#gallery {
width: 550px;
height: 480px;
}

#sitemap .content {
width: 100%;
}

	#sitemap .sitemap-section {
	width: 425px;
	margin-right: 10px;
	float: left;
	padding-bottom: 18px;
	background: url('/img/hr-dotted-1px.gif') repeat-x scroll left bottom;
	}

.panel {
padding: 10px;
border: 1px solid #d5e9f5;
background: #f0f9ff;
margin: 10px 0;
}

.border-reset {
border: 0 none !important;
}

.floatclear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}