/*
 *	DAIRY COUNCIL OF CALIFORNIA
 *	DOTNETNUKE CONTAINER STYLES
 *	CREATED BY 2PLUS2PARTNERS
*/
/*********************************START DEFAULT STYLES****************************************/
/************************************************************************************
	WEBFONTS
*************************************************************************************/
@font-face {
font-family: "Taluhla";
src: url('fonts/Taluhla%20Family/Embedded%20OpenType%20EOT/TALUHLABold.eot');
src: url('fonts/Taluhla%20Family/Embedded%20OpenType%20EOT/taluhlabold.eot?#iefix') format('embedded-opentype'),
url('fonts/Taluhla%20Family/Web%20Open%20Font%20WOFF/TALUHLABold.woff') format('woff'),
url("fonts/Taluhla%20Family/TrueType%20TTF/TALUHLABold.ttf") format("truetype"),
url('fonts/Taluhla%20Family/Scalable%20Vector%20Graphics%20SVG/TALUHLABold.svg#TALUHLABold') format('svg');
font-weight: normal;
font-style: normal;
}

/************************************************************************************
	DEFAULT
*************************************************************************************/
	/************************************************************************************
	DEFAULT CONTAINERS STYLES
	*************************************************************************************/
	.module {font-size: 13px; line-height: normal; position: relative; text-align:left;
	padding: 0 20px; margin-bottom: 50px;}

	/************************************************************************************
	DEFAULT FONT
	*************************************************************************************/
	.Normal {font-size: 13px; line-height: normal;}
	p {margin-top: 0; padding-top: 0; font-size: 13px; line-height: normal;}
	
	/************************************************************************************
	LINKS
	*************************************************************************************/
	a:link, a:visited {color: #00aeef; text-decoration: underline;}
	a:hover {color: #00aeef; text-decoration: none;}

	/* ANCHOR LINKS */
	.anchor {position: relative; padding-right:1px; top: -170px !important; float: left;}

	/************************************************************************************
	BULLETS
	*************************************************************************************/
	ul li {list-style-image:url(images/dcc_bullet.png); padding-bottom: 5px; text-align: left; }
	
	/************************************************************************************
	Quotes:
	*************************************************************************************/
	div.blockquote {margin-top: 25px;}
	div.blockquote[cite]:after {display: block; text-align: right; content: "\2014\ " attr(cite);
    font-style: normal; font-size: 13px; font-family: Arial, Helvetica, sans-serif; 
	margin-top: -10px;}
	div.blockquote q:before{content:"\201c";font-size:40px;padding-right: 5px; font-weight:bold; line-height: 0px;}
	div.blockquote span.quote {position: relative; top: -18px; height: auto; font: 14px Arial, Helvetica, sans-serif; line-height: 20px; font-style:italic;}
	div.blockquote q:after{content: "\201d";font-size:40px;padding-left: 5px; font-weight: bold;line-height: 0px;}
	.blue div.blockquote q:before, .blue div.blockquote q:after,
	.blue_title div.blockquote q:before, .blue_title div.blockquote q:after {color: #0076c0;}
	.red div.blockquote q:before, .red div.blockquote q:after,
	.red_title div.blockquote q:before, .red_title div.blockquote q:after {color: #b32317;}
	.grn div.blockquote q:before, .grn div.blockquote q:after,
	.grn_title div.blockquote q:before, .grn_title div.blockquote q:after {color: #49a956;}
	.purp div.blockquote q:before, .purp div.blockquote q:after,
	.purp_title div.blockquote q:before, .purp_title div.blockquote q:after {color: #6a2c91;}
	.gold div.blockquote q:before, .gold div.blockquote q:after,
	.gold_title div.blockquote q:before, .gold_title div.blockquote q:after {color: #f99d31;}
	
	/************************************************************************************
	TITLE & HEADERS
	*************************************************************************************/
		/************************************************************************************
		DEFAULT
		*************************************************************************************/
		/* DEFAULT TITLE */
		.module .Head {font: 30px Taluhla, Arial, Helvetica, sans-serif; padding: 10px 0; margin: 0; color: #0076c0;}
		.Head {font: 30px Taluhla, Arial, Helvetica, sans-serif; border-bottom: none !important;}
		
		/* DEFAULT HEADER LINKS */
		h1, h1 a:link, h1 a:visited 
		{font: 30px Taluhla, Arial, Helvetica, sans-serif; padding: 10px 0; margin: 0; 
		color: #0076c0; text-decoration: none; letter-spacing: normal;}
		h2, h2 a:link, h2 a:visited 
		{font: 18px Taluhla, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;
		padding: 10px 0 5px; color: #0076c0; text-decoration: none;letter-spacing: normal;}
		h3, h3 a:link, h3 a:visited 
		{font: 16px Taluhla, Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 5px; 
		color: #00AEEF; text-decoration: none;letter-spacing: normal;}
	
		/************************************************************************************
		BLUE HEADERS
		*************************************************************************************/
		.blue_title .Head, .blue_title .Head a:link, .blue_title .Head a:visited,
		.blue h1, .blue h1 a:link, .blue h1 a:visited,
		.blue h2, .blue h2 a:link, .blue h2 a:visited,
		.white h1, .white h1 a:link, .white h1 a:visited,
		.white h2, .white h2 a:link, .white h2 a:visited,
		.module h1, .module h1 a:link, .module h1 a:visited,
		.module h2, .module h2 a:link, .module h2 a:visited
		{color: #0076c0; text-decoration: none;}
		
		.blue_title .Head a:hover, .blue h1 a:hover, .blue h2 a:hover, .white h1 a:hover,
		.white h2 a:hover, .module h1 a:hover, .module h2 a:hover,
		.blue h3, .blue h3 a:link, .blue h3 a:visited,
		.white h3, .white h3 a:link, .white h3 a:visited,
		.module h3, .module h3 a:link, .module h3 a:visited
		{color: #00AEEF; text-decoration: none;}
		
		/************************************************************************************
		GOLD HEADERS
		*************************************************************************************/
		.gold_title .Head, .gold_title .Head a:link, .gold_title .Head a:visited,
		.gold h1, .gold h1 a:link, .gold h1 a:visited,
		.gold h2, .gold h2 a:link, .gold h2 a:visited {color: #F99D31; text-decoration: none;}
		
		.gold_title .Head a:hover, .gold h1 a:hover, .gold h2 a:hover,
		.gold h3, .gold h3 a:link, .gold h3 a:visited {color: #FFD24F; text-decoration: none;}
		
		/************************************************************************************
		GREEN HEADERS
		*************************************************************************************/	
		.grn_title .Head, .grn_title .Head a:link, .grn_title .Head a:visited,
		.grn h1, .grn h1 a:link, .grn h1 a:visited,
		.grn h2, .grn h2 a:link, .grn h2 a:visited {color: #49A956; text-decoration: none;}
		
		.grn_title .Head a:hover, .grn h1 a:hover, .grn h2 a:hover,
		.grn h3, .grn h3 a:link, .grn h3 a:visited {color: #8DC63F; text-decoration: none;}
	
		/************************************************************************************
		PURPLE HEADERS
		*************************************************************************************/		
		.purp_title .Head, .purp_title .Head a:link, .purp_title .Head a:visited,
		.purp h1, .purp h1 a:link, .purp h1 a:visited,
		.purp h2, .purp h2 a:link, .purp h2 a:visited {color: #6A29C1; text-decoration: none;}
		
		.purp_titile .Head a:hover, .purp h1 a:hover, .purp h2 a:hover,
		.purp h3, .purp h3 a:link, .purp h3 a:visited {color: #A587BE; text-decoration: none;}
	
		/************************************************************************************
		RED HEADERS
		*************************************************************************************/		
		.red_title .Head, .red_title .Head a:link, .red_title .Head a:visited,
		.red h1, .red h1 a:link, .red h1 a:visited,
		.red h2, .red h2 a:link, .red h2 a:visited {color: #B32317; text-decoration: none;}
		
		.red_title .Head a:hover, .red h1 a:hover, .red h2 a:hover,
		.red h3, .red h3 a:link, .red h3 a:visited {color: #F05133; text-decoration: none;}
	
/************************************************************************************
	WHITE BOX
*************************************************************************************/
	.white_bg {font-size: 13px; line-height: normal; background-color: #FFF; zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#9f9e9e', Direction=135, Strength=10); 
	-moz-box-shadow: 0 0 20px #9f9e9e; -webkit-box-shadow: 0 0 20px #9f9e9e; 
	box-shadow: 0px 0px 20px #9f9e9e; position: relative; margin-bottom: 50px; text-align:left;}
	.white {padding: 20px;}

/************************************************************************************
	INVISIBLE
*************************************************************************************/
	.invisible { visibility:hidden; margin:0; height:0; overflow:hidden; text-align: left; }
	.dnnEditState .invisible { visibility: visible; height:auto; margin-bottom: 30px; overflow:visible;}
	
/************************************************************************************
	BANNER CONTAINER STYLES
*************************************************************************************/
	/* BANNER TITLE */
	.blue_banner .Head, .gold_banner .Head, .grn_banner .Head,
	.purp_banner .Head, .red_banner .Head 
	{font: bold 16px Taluhla, Arial, Helvetica, sans-serif; color: #FFF; display: block; 
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform:rotate(-3deg); 
	-ms-transform:rotate(-3deg);}
	
	.blue_banner_title, .red_banner_title, .purp_banner_title,
	.grn_banner_title, .gold_banner_title 
	{height: 70px; position: relative; padding-top: 20px; text-align: center; z-index: 1;
	margin-bottom: 10px;}

	/* BANNER IMAGE */
	.blue_banner_title {background: url(images/banners/banner_blue.png) no-repeat top center;}
	.grn_banner_title {background: url(images/banners/banner_green.png) no-repeat top center;}
	.gold_banner_title {background: url(images/banners/banner_gold.png) no-repeat top center;}
	.purp_banner_title {background: url(images/banners/banner_purple.png) no-repeat top center;}
	.red_banner_title {background: url(images/banners/banner_red.png) no-repeat top center;}
	
	/* CONTAINER FOR BANNER */
	.blue_banner, .gold_banner, .grn_banner, .purp_banner, .red_banner {margin-top: -25px;}
	.blue_banner .white_bg, .gold_banner .white_bg, .grn_banner .white_bg, .purp_banner .white_bg, 
	.red_banner .white_bg {margin-top: -50px; padding: 30px 25px 30px; min-height: 100px;}
	
	/************************************************************************************
		DEFAULT FOR GAME SKIN
	*************************************************************************************/
	.game .blue_banner .Head, .game .gold_banner .Head, .game .grn_banner .Head,
	.game purp_banner .Head, .game .red_banner .Head 
	{font: bold 16px Taluhla, Arial, Helvetica, sans-serif !important; color: #FFF !important; 
	display: block !important; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);
	-o-transform:rotate(-3deg); -ms-transform:rotate(-3deg);}
	
	.game .blue_banner_title, .game .red_banner_title, .game .purp_banner_title,
	.game .grn_banner_title, .game .gold_banner_title 
	{height: 70px !important; position: relative !important; padding-top: 20px !important; 
	text-align: center !important; z-index: 1 !important; margin-bottom: 10px !important;}

	/* BANNER IMAGE */
	.game .blue_banner_title, .game .grn_banner_title, .game .gold_banner_title,
	.game .purp_banner_title, .game .red_banner_title 
	{background-size: auto auto !important;}
	
	/* CONTAINER FOR BANNER */
	.game .blue_banner, .game gold_banner, .game .grn_banner, .game .purp_banner, .game .red_banner
	{margin-top: -25px !important;}
	.game .blue_banner .white_bg, .game .gold_banner .white_bg, .game .grn_banner .white_bg, 
	.game .purp_banner .white_bg, .game .red_banner .white_bg {margin-top: -50px !important; 
	padding: 30px 25px 30px !important; min-height: 100px !important;}

/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* CORNER TITLE - HOME CONTAINERS ONLY*/
	.grn_corner_home_title .Head, .purp_corner_home_title .Head, .red_corner_home_title .Head {
	font: 20px Taluhla, Arial, Helvetica, sans-serif; color: #FFF; width: 150px; display: block;
	text-align: center; float: right; line-height: 18px; margin: auto; padding-top: 10px;}
	.grn_corner_home_title .Head > a, .purp_corner_home_title .Head > a,
	.red_corner_home_title .Head > a {font: 20px Taluhla, Arial, Helvetica, sans-serif;
	color: #FFF; text-decoration: none;}
	
	/* CORNER TITLE*/
	.blue_corner_title .Head, .gold_corner_title .Head, .grn_corner_title .Head,
	.purp_corner_title .Head, .red_corner_title .Head  {color: #FFF; display: block; float: right;
	font: 16px Taluhla, Arial, Helvetica, sans-serif; text-align: center; line-height: normal; 
	width: 120px; height: 60px; overflow: hidden; margin-top: 10px; margin-right: 15px;}
	.corner .Head > a {font: 16px Taluhla, Arial, Helvetica, sans-serif; color: #FFF; 
	text-decoration:none;}
	
	/* CONTAINER FOR CORNERS - HOME CONTAINERS ONLY */
	.corner_home_content {padding-bottom: 20px;}
	.corner_home_content ul{margin-top: 20px;margin-left: 20px;padding: 0 20px;}
	.corner_home_content ul li 
	{margin-bottom: 10px; font-size:13px;line-height: normal;}
	.blue_corner, .gold_corner, .grn_corner, .purp_corner, .red_corner 
	{width: 215px; height: 100px; position: absolute; top: 0; right: 0; z-index: 1;}
	
	.blue_corner {background: url(images/corners/corner_blue.png) no-repeat top right;}
	.gold_corner {background: url(images/corners/corner_gold.png) no-repeat top right;}
	.grn_corner {background: url(images/corners/corner_green.png) no-repeat top right;}
	.purp_corner {background: url(images/corners/corner_purple.png) no-repeat top right;}
	.red_corner {background: url(images/corners/corner_red.png) no-repeat top right;}
	
	/* FORMATTING STYLES */
	.corner {padding-left: 30px; min-height: 100px; padding: 20px;}
	.corner a {text-decoration: underline;}
	
/************************************************************************************
    HEALTHY EATING MY WAY CONTAINER STYLES
*************************************************************************************/           
    .hemw  h1 {font-size: 36px !important;}
    .hemw  h2 {font-size: 26px !important; font-weight: bold !important;}
    .hemw .headerTwo {font: 26px Taluhla !important; font-weight: bold !important; 
	margin: 0 !important; padding: 10px 0 5px !important; color: #6A29C1 !important;}
    .hemw  h3 {color: #6A29C1 !important;}
    .hemw  label.pageOne {width: 75px !important; display: inline-block !important; }
    .hemw .required{ font-size: 20px !important; color: red !important; 
	font-weight: bold !important; padding-left: 3px !important;}
    .hemw .formHint{font-size: 80% !important; color:#555 !important;}
    .hemw td {margin-top: 0px !important; padding-top:0px !important; font-size: 12px !important; 
	line-height: normal !important;}
    .hemw.white_bg {font-size: 13px !important; -moz-box-shadow: inset 0 0 250px #98edff; 
	-webkit-box-shadow:inset 0 0 250px #98edff; box-shadow:inset 0 0 250px #98edff;}               
    .hemwFoodGroups td {border-top: 1px solid #acabab !important;}
    .hemwFoodGroups td:first-child {border-left: 0px solid #acabab !important;}
    .hemwFoodGroups td:last-child {border-right: 0px solid #acabab !important;}
    .hemwFoodGroups tr:last-child td {border-bottom: 1px solid #acabab !important;}
    .hemwFoodGroups tr:first-child td {border: 0px solid transparent !important;}
	
/************************************************************************************
	BORDER CONTAINER STYLES
*************************************************************************************/
	.border h1 {padding: 0;}
	
	.blue.border {background:url(images/borders/blue_top_right_bor.png) no-repeat top right,
	url(images/borders/blue_top_left_bor.png) no-repeat top left,
	url(images/borders/blue_top_bor.png) repeat-x top center,
	url(images/borders/blue_bot_bor.png) repeat-x bottom center, 
	url(images/borders/blue_left_bor.png) repeat-y center left,
	url(images/borders/blue_right_bor.png) repeat-y center right;
	background-color:  #FFF; margin-bottom: 50px; text-align: left; padding: 20px;}
	
	.gold.border {background:url(images/borders/gold_top_right_bor.png) no-repeat top right,
	url(images/borders/gold_top_left_bor.png) no-repeat top left,
	url(images/borders/gold_top_bor.png) repeat-x top center,
	url(images/borders/gold_bot_bor.png) repeat-x bottom center, 
	url(images/borders/gold_left_bor.png) repeat-y center left,
	url(images/borders/gold_right_bor.png) repeat-y center right;
	background-color:  #FFF; margin-bottom: 50px; text-align: left; padding: 20px;}
	
	.grn.border {background:url(images/borders/grn_top_right_bor.png) no-repeat top right,
	url(images/borders/grn_top_left_bor.png) no-repeat top left,
	url(images/borders/grn_top_bor.png) repeat-x top center,
	url(images/borders/grn_bot_bor.png) repeat-x bottom center, 
	url(images/borders/grn_left_bor.png) repeat-y center left,
	url(images/borders/grn_right_bor.png) repeat-y center right;
	background-color:  #FFF; margin-bottom: 50px; text-align: left; padding: 20px;}
	
	.purp.border {background:url(images/borders/purp_top_right_bor.png) no-repeat top right,
	url(images/borders/purp_top_left_bor.png) no-repeat top left,
	url(images/borders/purp_top_bor.png) repeat-x top center,
	url(images/borders/purp_bot_bor.png) repeat-x bottom center, 
	url(images/borders/purp_left_bor.png) repeat-y center left,
	url(images/borders/purp_right_bor.png) repeat-y center right;
	background-color: #FFF; margin-bottom: 50px; text-align: left; padding: 20px;}

	.red.border {background:url(images/borders/red_top_right_bor.png) no-repeat top right,
	url(images/borders/red_top_left_bor.png) no-repeat top left,
	url(images/borders/red_top_bor.png) repeat-x top center,
	url(images/borders/red_bot_bor.png) repeat-x bottom center, 
	url(images/borders/red_left_bor.png) repeat-y center left,
	url(images/borders/red_right_bor.png) repeat-y center right;
	background-color: #FFF; margin-bottom: 50px; text-align: left; padding: 20px;}

/************************************************************************************
	RELATEDNESS SIDEBAR STYLES
*************************************************************************************/	
	.sidebar {
	background: url(images/borders/sidebar_top_left.png) no-repeat top left,
	url(images/borders/sidebar_top_right.png) no-repeat top right,
	url(images/borders/sidebar_left_bor.png) repeat-y left,
	url(images/borders/sidebar_right_bor.png) repeat-y right,
	url(images/borders/sidebar_bot_bor.png) repeat-x bottom center;
	background-color: #FFF; text-align: left; padding: 15px 25px 25px;
	line-height: normal; font-size: 12px; margin-bottom: 50px;}
		
	.banner_small {background: url(images/banners/banner_blue_small.png) no-repeat top center;
	height: 50px;margin-top:-25px;}
	
	.sidebar .Head {font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; display: block;
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); text-align: center; padding-top: 10px;}
		
	.sidebar a:link, .sidebar a:visited {text-decoration: underline;}	
	
/************************************************************************************
	HOME PROMO MODULE STYLES
*************************************************************************************/
	/* PROMO FONTS */
	.promo .Normal{font: bold 10px Arial, Helvetica, sans-serif; color: #23408f; text-align: left;}
	.promo p {margin: 0; padding:0;}
	.promo h1 {margin:0; padding: 0;}
	.promo a:link, .promo a:visited {font: bold 16px Taluhla, Arial, Helvetica, sans-serif;
	color:e96f24; line-height: normal; text-align: center; color: #F99D31; text-decoration: none;}
	.promo a:hover {color: #FFD24F; text-decoration: none;}

	/*CONTAINER FOR PROMO */
	.gold_bor {background: url(images/borders/promo_top_right_bor.png) no-repeat top right,
	url(images/borders/promo_top_left_bor.png) no-repeat top left,
	url(images/borders/promo_bot_right_bor.png) no-repeat bottom right,
	url(images/borders/promo_bot_left_bor.png) no-repeat bottom left,	
	url(images/borders/promo_top_bor.png) repeat-x top center,
	url(images/borders/promo_bot_bor.png) repeat-x bottom center,
	url(images/borders/promo_left_bor.png) repeat-y center left,
	url(images/borders/promo_right_bor.png) repeat-y center right;
	background-color: #FFF; min-height: 40px; margin: 25px auto 25px; padding: 10px 25px;}

/************************************************************************************
	HEALTHY EATING RECIPE MODULE STYLES
*************************************************************************************/
	/* RECIPE FONTS */
	.blue_bg .Head {font: bold 16px Taluhla, Arial, Helvetica, sans-serif; color: #0077c0;}
	.recipe {padding-top: 10px;}
	
	/* CONTAINER FOR RECIPES */
	.blue_bg {background: url(images/borders/recipe_top_right_bor.png) no-repeat top right,
	url(images/borders/recipe_top_left_bor.png) no-repeat top left,
	url(images/borders/recipe_bot_right_bor.png) no-repeat bottom right,
	url(images/borders/recipe_right_bor.png) repeat-y center right,
	url(images/borders/recipe_bot_left_bor.png) no-repeat bottom left,
	url(images/borders/recipe_top_bor.png) repeat-x top center,
	url(images/borders/recipe_bot_bor.png) repeat-x bottom center, 
	url(images/borders/recipe_left_bor.png) repeat-y center left;
	background-color:  #daeff7; min-height: 160px; padding: 20px; margin-bottom: 50px;}
	
	.recipe a.dnnPrimaryAction {background-color: #0077c0; border: 1px solid #00aeef; color: #FFF;
	display: inline-block; padding-top: 5px; padding-bottom: 5px; text-align: center; 
	font-size: 8.5pt; font-weight: normal; line-height: normal; margin-top: 5px;}

	.recipe select {margin-top: 2px;}

/************************************************************************************
	INTERACTIVE MODULE STYLES
*************************************************************************************/
	/* CONTAINER FOR INTERACTIVES */
	.grey_bg {background-color: #f0eee9; margin-bottom: 50px;}
	
	/*INTERACTIVE STYLES*/
	.interactive {padding: 20px 25px;}
	.i_border {background-color: #ffffff; border: 1px solid #0076c0;}
	.interactive h1 {font-size: 20px;  line-height: 22px; text-align: center;}
	.interactive h3 {font-size: 13px; color: #000000; text-align: center;} 
	.interactive a {text-decoration: none; color: #000;}
	.interactive p {max-width: 170px; font-size: 11px; text-align: center;}

	span.i_button { -moz-box-shadow: 0 0 20px #dbdada; -webkit-box-shadow: 0 0 20px #dbdada;
    box-shadow: 0px 0px 20px #dbdada; zoom:1; background-color:#0076c0; display:inline-block;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#dbdada', Direction=135, Strength=10);
    color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; font-style: italic;
    padding: 2px 10px; text-decoration:none; margin-bottom: 0px;}	
	span.i_button:hover {background-color:#00aeef; text-decoration: none; color: #FFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00aeef), color-stop(1, #00aeef)); background:-moz-linear-gradient( center top, #00aeef 5%, #00aeef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='00aeef');}
	
	span.i_button:active {position:relative; top:1px; }

/************************************************************************************
	TRANSPARENT MODULE STYLES
*************************************************************************************/
	.trans a:link, .trans a:visited {text-decoration: underline; }
    .trans a:hover {color: #00AEEF; text-decoration: none;}
	.trans h1 a:link, .trans h1 a:visited,
	.trans h2 a:link, .trans h2 a:visited,
	.trans h3 a:link, .trans h3 a:visited {text-decoration: none;}
	.trans {margin-bottom: 25px;}

/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/
	/*DIG ARTICLE*/
	.dig_toolbar li {list-style-image: none; margin: 0;}
	
	/* ARTICLE DEFAULT STYLES */
	.da_body{background-color: #FFF; zoom:1; text-align:left; font-size: 13px; line-height: normal;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#9f9e9e', Direction=135, Strength=10); 
	-moz-box-shadow: 0 0 20px #9f9e9e; -webkit-box-shadow: 0 0 20px #9f9e9e;
	box-shadow: 0px 0px 20px #9f9e9e; position: relative; margin-bottom: 50px; }
	.da_body p {padding-top: 0; margin-top: 0;}
	.article_v1 h1, .article_v2 h1, .article_v3 h1 {font-size: 24px; padding-top: 10px; z-index:		
	font-family: Taluhla, Arial, Helvetica, sans-serif; color: #0076c0; font-weight: bold;}
	.article_v1 h2, .article_v2 h2, .article_v3 h2 {color: #0076c0;  padding-top: 5px; 
	font: 18px Taluhla, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;
	text-decoration: none;}
	.article_v1 h3, .article_v2 h3, .article_v3 h3 {text-decoration: none; color: #00AEEF;
	font: 16px Taluhla, Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 5px;}
	.da_references, .references {font-size: 10px; font-family: Arial, Helvetica, sans-serif; 
	line-height: normal; padding-bottom: 20px; padding-right: 100px; word-wrap:break-word !important;}
	 .da_byline {font-size: 10px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: bold;}
	
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_top {height: 286px;}
	.article_v1 .da_summary {float: left; width: 205px; height: 236px; background-color: #0077c0; padding: 50px 15px 0 25px;}
	.article_v1 .da_title {font-size: 26px; color: #FFF; font-family: Taluhla, Arial, Helvetica, sans-serif; padding-bottom: 25px; line-height: normal;}
	.article_v1 .da_subhead {font-size: 17px; color: #FFF; font-family: Taluhla, Arial, Helvetica, sans-serif; font-weight: normal;height: 125px; overflow: hidden;}
	.article_v1 .da_image {float: right; width: 400px; height: 100%; background-color: #000;}
	.article_v1 .da_image img {width: 400px;}
	.article_v1 .da_content {padding: 20px 20px 0;}
	
	/* CONSUMER ARTICLE STYLES */
	.article_v2 .da_image {max-height: 298px; position: relative;}
	.article_v2 .da_image img {width:100%;}
	.article_v2 .da_corner {background: url(images/corners/corner_article.png) no-repeat top right; position: absolute; top:0; right: 0; width: 271px; height: 120px;}
	.article_v2 .da_subhead {height: 50px; overflow: hidden;text-align: center; font-family: Taluhla, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; padding: 10px 20px 0 100px; color: #FFF;}
	.article_v2 .da_title {font-size: 28px; color: #0076c0; font-family: Taluhla, Arial, Helvetica, sans-serif;line-height: normal; text-align: left; padding: 0 5px 10px;}
	.article_v2 .da_content {padding: 20px;}
	
	/* SIMPLE ARTICLE STYLES*/
	.article_v3 .da_title {font-size: 30px; color: #0076c0; font-family: Taluhla, Arial, Helvetica, sans-serif;line-height: normal; text-align: left;}
	.article_v3 .da_subhead {font: bold 14px Arial, Helvetica, sans-serif; color: #00AEEF; padding-bottom: 15px;}
	.article_v3 .da_content {padding: 20px;}

/************************************************************************************
	SLIDER CONTAINER STYLES
*************************************************************************************/
	.digslider .image_carousel_nav a.prev {left: -22px !important; top: 40%!important;}
	.digslider .image_carousel_nav a.next {right: -22px !important; top: 40% !important;}
	
	/************************************************************************************
		CORNER CONTAINER STYLES
	*************************************************************************************/
	.slider .da_top {position: relative; width: 100%;}
	.slider .Head {font: 20px Taluhla, Arial, Helvetica, sans-serif; color: #FFF; width: 150px; display: block; text-align: right; float: right; line-height: 18px; margin: auto; padding: 10px 10px 0 20px; line-height: normal;}
	.slider .Head .large {font-size: 45px; color: #FFF; padding: 0 35px 0 0;}
	.slider.red .Head {background: url(images/corners/corner_red.png) no-repeat top right; width: 200px; height: 100px; position: absolute; right: 0;z-index: 1;}
	.slider .image_carousel {padding: 0 0 15px 0;}
	.slider .da_body {padding: 10px 40px; box-shadow: 0 0 0 transparent; background-color: transparent;}
	
	/************************************************************************************
		RAVE REVIEWS CONTAINER STYLES
	*************************************************************************************/
	.rrslider .s_intro {float: left; max-width: 300px; margin-right: 80px;}
		
	.rrslider .image_carousel_nav a.next {right: 0;top: 25%;}
	.rrslider .image_carousel_nav a.prev {left: 320px; top: 25%;}
	.rrslider .da_reviews {padding-top: 20px;}
	
	.rrslider div[cite]:after {display: block; text-align: right; content: "\2014\ " attr(cite);
    font-style: normal; font-size: 13px; font-family: Arial, Helvetica, sans-serif;
	margin-top: -10px;}
	
	.rrslider q:before{content: "\201c";font-size:40px;padding-right: 5px; font-weight: bold; 
	line-height: 0px;}
	
	.rrslider span.quote {position: relative; top: -18px; height: auto;
	font: 14px Arial, Helvetica, sans-serif; line-height: 20px; font-style:italic;}
	
	.rrslider q:after{content: "\201d";font-size:40px;padding-left: 5px; font-weight: bold;
	line-height: 0px;}
	
	.red_title.rrslider q:before,.red_title.rrslider q:after {color: #b32317;}
	.grn_title.rrslider q:before,.grn_title.rrslider q:after {color: #49a956;}
		
	.s_body {padding: 0 15px;}
	
	/************************************************************************************
		RECIPE CONTAINER STYLES
	*************************************************************************************/
	.recipeimg {float: left; padding-right: 30px; padding-left: 10px; max-width: 300px;
	width: 45%;}
	.recipebody {text-align: right; padding-right: 20px;}
		

/************************************************************************************
	TABLE STYLES
*************************************************************************************/
	/* TABLE WITH HEADER */
	.table td {padding: 0 10px;}
	.table tr {line-height: normal;}
	.table tr:nth-child(2n+1) {background-color: #daf5fe;}
	.table tr:first-child {background-color: #0076c0; font-family: Arial, Helvetica, sans-serif; 
	color: #FFF; font-weight: bold; font-style: normal; vertical-align: bottom;}
	
	/* OTHER COLORS */
	.table.gold tr:nth-child(2n+1) {background-color: #fef2d0;}
	.table.gold tr:first-child {background-color: #f99d31;}
	
	.table.grn tr:nth-child(2n+1) {background-color: #e9fad1;}
	.table.grn tr:first-child {background-color: #49A956;}
	
	.table.red tr:nth-child(2n+1) {background-color: #f9e0dc;}
	.table.red tr:first-child {background-color: #b32317;}
	
	.table.purp tr:nth-child(2n+1) {background-color: #e8d4f9;}
	.table.purp tr:first-child {background-color: #6a2c91;}
	
	/* HEALTHY EATING MY WAY TABLES */
	.hemw .table.purp td {padding:5px 10px;}
	
	/* TABLE WITH ALTERNATING ROW COLORS */
	.rowcolor td {padding: 0 10px;}
	.rowcolor tr {line-height: 20px;}
	.rowcolor tr:nth-child(2n+1) {background-color: #daf5fe;}

	/* OTHER COLORS */
	.rowcolor.gold tr:nth-child(2n+1) {background-color: #fef2d0;}
	.rowcolor.grn tr:nth-child(2n+1) {background-color: #e9fad1;}
	.rowcolor.red tr:nth-child(2n+1) {background-color: #f9e0dc;}
	.rowcolor.purp tr:nth-child(2n+1) {background-color: #e8d4f9;}
	
	/* HEALTHY EATING MY WAY TABLES */
	.hemw .rowcolor.purp td {padding:5px 10px;}
	
/************************************************************************************
	TEXTAREA/INPUT STYLES
*************************************************************************************/
	.InputTxtWidth {background-color: #DAEFF7; border: 1px solid #00AEEF !important; 
	color: #00aeef;}
	a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, 
	.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only 
	{background: none repeat scroll 0 0 #0076C0 !important; border-radius: 0; text-shadow: none; text-decoration: none;}

/************************************************************************************
	IMAGE STYLES
*************************************************************************************/
	.floatleft {float: left; margin: 10px;}
	.floatright {float: right; margin: 10px;}
	
	/* Frame */
	div.frame img {background:url(images/borders/blue_img_top_right.png) no-repeat top right,
	url(images/borders/blue_img_top_left.png) no-repeat top left,
	url(images/borders/blue_img_bot_right.png) no-repeat bottom right,
	url(images/borders/blue_img_bot_left.png) no-repeat bottom left,
	url(images/borders/blue_img_top_bor.png) repeat-x top center,
	url(images/borders/blue_img_bot_bor.png) repeat-x bottom center, 
	url(images/borders/blue_img_left_bor.png) repeat-y center left,
	url(images/borders/blue_img_right_bor.png) repeat-y center right;
	background-color:  #FFF;  padding: 6px 8px 6px 9px;}
	
	div.frame.gold img {background:url(images/borders/gold_img_top_right.png) no-repeat top right,
	url(images/borders/gold_img_top_left.png) no-repeat top left,
	url(images/borders/gold_img_bot_right.png) no-repeat bottom right,
	url(images/borders/gold_img_bot_left.png) no-repeat bottom left,
	url(images/borders/gold_img_top_bor.png) repeat-x top center,
	url(images/borders/gold_img_bot_bor.png) repeat-x bottom center, 
	url(images/borders/gold_img_left_bor.png) repeat-y center left,
	url(images/borders/gold_img_right_bor.png) repeat-y center right;
	background-color:  #FFF;  padding: 6px 8px 6px 9px;}
	
	div.frame.grn img {background:url(images/borders/grn_img_top_right.png) no-repeat top right,
	url(images/borders/grn_img_top_left.png) no-repeat top left,
	url(images/borders/grn_img_bot_right.png) no-repeat bottom right,
	url(images/borders/grn_img_bot_left.png) no-repeat bottom left,
	url(images/borders/grn_img_top_bor.png) repeat-x top center,
	url(images/borders/grn_img_bot_bor.png) repeat-x bottom center, 
	url(images/borders/grn_img_left_bor.png) repeat-y center left,
	url(images/borders/grn_img_right_bor.png) repeat-y center right;
	background-color:  #FFF;  padding: 6px 8px 6px 9px;}
	
	div.frame.purp img {background:url(images/borders/purp_img_top_right.png) no-repeat top right,
	url(images/borders/purp_img_top_left.png) no-repeat top left,
	url(images/borders/purp_img_bot_right.png) no-repeat bottom right,
	url(images/borders/purp_img_bot_left.png) no-repeat bottom left,
	url(images/borders/purp_img_top_bor.png) repeat-x top center,
	url(images/borders/purp_img_bot_bor.png) repeat-x bottom center, 
	url(images/borders/purp_img_left_bor.png) repeat-y center left,
	url(images/borders/purp_img_right_bor.png) repeat-y center right;
	background-color:  #FFF;  padding: 6px 8px 6px 9px;}
	.hemw div.frame.purp img {margin-left: 20px; margin-bottom:10px;}

	div.frame.red img {background:url(images/borders/red_img_top_right.png) no-repeat top right,
	url(images/borders/red_img_top_left.png) no-repeat top left,
	url(images/borders/red_img_bot_right.png) no-repeat bottom right,
	url(images/borders/red_img_bot_left.png) no-repeat bottom left,
	url(images/borders/red_img_top_bor.png) repeat-x top center,
	url(images/borders/red_img_bot_bor.png) repeat-x bottom center, 
	url(images/borders/red_img_left_bor.png) repeat-y center left,
	url(images/borders/red_img_right_bor.png) repeat-y center right;
	background-color:  #FFF;  padding: 6px 8px 6px 9px;}

/************************************************************************************
	MISCELLANEOUS STYLES
*************************************************************************************/
	/* TEACHER TRAINING MODULE */
	.white #containercert {width: auto;}

	/* COMMENT STYLES */
	.comment_form_inner > img {max-width: 150px; width: 35%;}

	/* DROP DOWN STYLES */
	select {max-width: 100%;}	
	
	/* GETS RID OF RANDOM RADIO BUTTONS FOR COMMENT FORMS */
	.comment_form_field .rating_stars .mark > img {display: none;}

/************************************************************************************
	DNN IFRAME STYLES
*************************************************************************************/	
	.dnnActionMenuBody {background-color: #color: #000 !important; text-align: left !important; 
	font-family: Arial, Helvetica, sans-serif !important;}
	.dnnActionMenuBody img {float: left !important; padding: 0 !important; margin: 0; width: 
	auto !important;}
	.dnnActionMenuBody a:link, .dnnActionMenuBody a:visited {color: #000; text-align: left; 
	font-weight: normal !important; font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 12px !important; line-height: normal; padding-left: 20px;}
	.dnnActionMenuBody a:hover {text-decoration: underline;  font-size: 12px; line-height: normal;
	font-family: Arial, Helvetica, sans-serif;}
	.dnnActionMenuTag img {width: auto !important; float: left !important;}
	#dnn_cp_RibbonBar_ControlPanel img {width:auto !important;}
	
/**********************************END DEFAULT STYLES*****************************************/















/*********************************START MOBILE STYLES****************************************/
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1125px or less - DEALS WITH SUBNAV */
@media only screen and (max-width: 1100px) {
/************************************************************************************
	WHITE BOX
*************************************************************************************/
	.white_bg {overflow: hidden;}
	
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* FORMATTING STYLES */
	/*.corner {padding-left: 5%; padding-right: 5%; padding-bottom: 1%;}*/
	/*.corner img {margin-bottom: -1%; margin-right: -5.5%;}*/
	.corner h1 {font-size: 1em/150%; padding-top: 4%; margin-bottom: 1%; padding-right: 100px;}

/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_top {height: auto;background-color: #0077c0; }
	.article_v1 .da_summary {float: left; max-width: 205px; width: 28%; height:auto;
	padding: 6% 2% 0 3%;}
	.article_v1 .da_title {font-size: 20px; padding-bottom: 15px;}
	.article_v1 .da_subhead {font-size: 14px; height:auto; overflow: hidden;}
	.article_v1 .da_image {max-width: 400px; width: 65%; height: auto; background-color: #000;}
	.article_v1 .da_image img {max-width: 400px; width: 100%;}
	.article_v1 .da_content {padding: 20px 20px 0;}

/************************************************************************************
	HEALTHY EATING RECIPE MODULE STYLES
*************************************************************************************/	
	.recipe input[style] {width: 100% !important;}
	.recipe select[style] {width: 100% !important;}

/************************************************************************************
	SLIDER CONTAINER STYLES
	NOTE: MAY NEED TO ADD MORE STYLES TO THESE
*************************************************************************************/
	.caroufredsel_wrapper, .recipeslider .caroufredsel_wrapper > div[style],
	.caroufredsel_wrapper > div > div[style] {width: 100% !important;}
	.caroufredsel_wrapper > div[style] {max-width: 710px !important;}
	.caroufredsel_wrapper[style] {width: 98% !important;}
	.caroufredsel_wrapper > div[style] {width: 100% !important;}
	
	/************************************************************************************
	CORNER CONTAINER STYLES
	*************************************************************************************/
	.slider .caroufredsel_wrapper[style] {width: 100% !important;}
	.slider	.caroufredsel_wrapper > div[style] {max-width: 800px !important;}
	.slider .da_top {position: relative; width: 100%;}
	.slider .Head {font: 20px Taluhla, Arial, Helvetica, sans-serif; color: #FFF; width: 150px; 
	display: block; text-align: right; float: right; line-height: 18px; margin: auto; 
	padding: 10px 10px 0 20px; line-height: normal;}
	.slider .Head .large {font-size: 45px; color: #FFF; padding: 0 35px 0 0;}
	.slider.red .Head {background: url(images/corners/corner_red.png) no-repeat top right; 
	width: 200px; height: 100px; position: absolute; right: 0;z-index: 1;}
	.slider .image_carousel {padding: 0 0 15px 0;}
	.slider .da_body {padding: 10px 40px; box-shadow: 0 0 0 transparent; background-color: transparent; width: 100%;}
	
	/************************************************************************************
	RAVE REVIEW SLIDER STYLES
	*************************************************************************************/	
	.rrslider .s_intro {max-width: 100%; margin-right: 0px;}
	.rrslider .image_carousel_nav a.next {top: 60%;}
	.rrslider .image_carousel_nav a.prev {top: 60%; left: 0px;}
	.rrslider .da_reviews {padding-top: 50px; padding-left: 35px; padding-right: 35px;}
	
	/************************************************************************************
		RECIPE CONTAINER STYLES
	*************************************************************************************/
	.recipeslider .recipeimg img {width: 95%;}
	.recipeslider .recipeimg[style] {padding-right: 0px;}
		
/************************************************************************************
	MISCELLANEOUS STYLES
*************************************************************************************/
	/* FORMS */	
	.df_form.df_DCCForms {width: auto !important;}
}


@media screen and (max-width: 1000px) {
/************************************************************************************
	DEFAULT
*************************************************************************************/
/************************************************************************************
	TITLE & HEADERS
	*************************************************************************************/
		/************************************************************************************
		DEFAULT
		*************************************************************************************/
		.Head, h1, h1 a:link, h1 a:visited, .article_v1 h1, .article_v2 h1, 
		article_v3 h1, .article_v2 .da_title, .article_v3 .da_title
		{font: 24px Taluhla, Arial, Helvetica, sans-serif;}
		h2, h2 a:link, h2 a:visited, .article_v1 h2, .article_v2 h2, .article_v3 h2
		{font: 16px Taluhla, Arial, Helvetica, sans-serif;}
		h3, h3 a:link, h3 a:visited, .article_v1 h3, .article_v2 h3, .article_v3 h3
		{font: 14px Taluhla, Arial, Helvetica, sans-serif;}
		
/************************************************************************************
	BANNER CONTAINER STYLES
*************************************************************************************/	
	/* HOME PAGE ONLY */
	.home .about_pane .blue_banner div.about_left[style] {width: 33%;}
	.home .about_pane .blue_banner div.about_right[style] {width: 61%;}
	.home .about_pane .blue_banner img {width: 100%;}
	
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* CORNER TITLE - HOME CONTAINERS ONLY*/
	.grn_corner_home_title .Head, .purp_corner_home_title .Head, .red_corner_home_title .Head,
	.grn_corner_home_title .Head > a, .purp_corner_home_title .Head > a,
	.red_corner_home_title .Head > a {font: 16px Taluhla, Arial, Helvetica, sans-serif; width: 130px; line-height: normal; padding-top: 5px; }
	
	.main .grn_corner_home_title .Head, .main .purp_corner_home_title .Head, 
	.main .red_corner_home_title .Head, .main .grn_corner_home_title .Head > a,
	.main .purp_corner_home_title .Head > a, .main .red_corner_home_title .Head > a 
	{font: 16px Taluhla, Arial, Helvetica, sans-serif; width: 100px; line-height: normal; padding-top: 5px; padding-right: 10px;}
	
	/* CORNER TITLE*/
	.blue_corner_title .Head, .gold_corner_title .Head, .grn_corner_title .Head,
	.purp_corner_title .Head, .red_corner_title .Head {font: 14px Taluhla, Arial, Helvetica, sans-serif; width: 100px; margin-top: 5px; margin-right: 10px;}
	.corner .Head > a {font: 14px Taluhla, Arial, Helvetica, sans-serif;}
	
	.blue_corner, .gold_corner, .grn_corner, .purp_corner, .red_corner {background-size: 80% auto;}		
	
/************************************************************************************
	RELATEDNESS SIDEBAR STYLES
*************************************************************************************/	
	.sidebar {font-size: 11px;}
	.banner_small {background-size: 100% auto;}
	.sidebar .Head {font: bold 12px Arial, Helvetica, sans-serif; padding-top: 8px;}
	
/************************************************************************************
	HOME PROMO MODULE STYLES
*************************************************************************************/	
	.gold_bor {max-width: 225px;}
	.promo .Normal,	.promo p {font-size: 10px;}
	.promo a:link, .promo a:visited {font: bold 15px Taluhla, Arial, Helvetica, sans-serif;}
	.gold_bor {padding: 10px 15px;}
	
/************************************************************************************
	INTERACTIVE MODULE STYLES
*************************************************************************************/
	.interactive h1 {font-size: 16px !important; line-height: 20px;}
	.interactive h3 {font-size: 11px;}
	.interactive p {font-size: 10px; line-height: 12px;}
	.interactive img {width: 50% !important;}

/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_top {height: auto;background-color: #0077c0; }
	.article_v1 .da_summary {float: left; max-width: 205px; width: 33%; height:auto; padding: 4% 2% 0 3%;}
	.article_v1 .da_title {font-size: 18px; padding-bottom: 10px;}
	.article_v1 .da_subhead {font-size: 13px; height:auto; overflow: hidden;}
	.article_v1 .da_image {width: 60%; height: auto; background-color: #000;}
	.article_v1 .da_image img {max-width: 400px; width: 100%;}
	.article_v1 .da_content {padding: 20px 20px 0;}

}

/* for 825 or less - Tablet */
@media screen and (max-width: 825px) {
/************************************************************************************
	DEFAULT
*************************************************************************************/
	/************************************************************************************
	DEFAULT FONT
	*************************************************************************************/
	.Normal, p, .module, .da_body {font-size: 12px;}
	p .table, .Normal .table {font-size: 10px; line-height: normal; word-wrap:break-word !important;}
	table td {padding: 0px;}

	/************************************************************************************
	BULLETS
	*************************************************************************************/
	ul li {padding: 0px;}
	
	/************************************************************************************
	LINKS
	*************************************************************************************/	
	.anchor {position: relative; padding-right:1px; top: -50px !important; float: left;}

/************************************************************************************
		TITLE & HEADERS		*************************************************************************************/
		/************************************************************************************
		DEFAULT
		*************************************************************************************/
		.Head, h1, h1 a:link, h1 a:visited{font: 20px Taluhla, Arial, Helvetica, sans-serif;}
		h2, h2 a:link, h2 a:visited	{font: 16px Taluhla, Arial, Helvetica, sans-serif;}
		h3, h3 a:link, h3 a:visited	{font: 14px Taluhla, Arial, Helvetica, sans-serif;}	
			
/************************************************************************************
	WHITE BOX
*************************************************************************************/
	.white_bg {margin-bottom: 40px;}
	
/************************************************************************************
	BANNER CONTAINER STYLES
*************************************************************************************/
	/* HOME BANNER STYLES */
	.home .about_pane .blue_banner img {width: 98%;}
	.home .about_pane .blue_banner span[style] {font-size: 14px !important;}
	.home .about_pane .blue_banner h1 {font-size: 22px !important;}
	
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* HOME CORNER STYLES*/
	.home .corner_home_content {min-height: 0; padding-bottom: 0;}
	.home .corner_home_content img{width:100%; max-width: 300px; float: right;}
	.home .corner_home_content ul{margin: 0; padding: 20px 10px 5px 42px; float: left; }
	.home .corner_home_content ul li {margin-bottom: 3%; font-size:12px;line-height: normal;}
	
	.grn_corner_home_title .Head, .purp_corner_home_title .Head, .red_corner_home_title .Head,
	.grn_corner_home_title .Head > a, .purp_corner_home_title .Head > a,
	.red_corner_home_title .Head > a {font: 16px Taluhla, Arial, Helvetica, sans-serif;}
	
	/* CORNER TITLE*/
	.blue_corner_title .Head, .gold_corner_title .Head, .grn_corner_title .Head,
	.purp_corner_title .Head, .red_corner_title .Head {margin-top: 3%; margin-right: 5%;
	font: 14px Taluhla, Arial, Helvetica, sans-serif; width: 100px;}
	.corner .Head > a {font: 16px Taluhla, Arial, Helvetica, sans-serif;}
	
	/* CONTAINER FOR CORNERS - HOME CONTAINERS ONLY */
	.corner_home_content {padding-bottom: 20px;}
	.corner_home_content ul{margin-top: 20px;margin-left: 20px;padding: 0 20px;}
	.corner_home_content ul li 
	{margin-bottom: 10px; color: #23408f; font-size:13px;line-height: normal;}
	.blue_corner, .gold_corner, .grn_corner, .purp_corner, .red_corner 
	{width: 215px; height: 100px; position: absolute; top: 0; right: 0; z-index: 1;}
	
/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/
	/* ARTICLE DEFAULT STYLES */
	.da_body {font-size: 12px;}
	.article_v1 h1, .article_v2 h1, .article_v3 h1, 	
	.article_v2 .da_title, .article_v2 .da_title, .article_v3 .da_title
	{font: 20px Taluhla, Arial, Helvetica, sans-serif;}
	.article_v1 h2, .article_v2 h2, .article_v3 h2
	{font: 16px Taluhla, Arial, Helvetica, sans-serif;}
	.article_v1 h3, .article_v2 h3, .article_v3 h3
	{font: 14px Taluhla, Arial, Helvetica, sans-serif;}	
	.da_references, .references {padding-right: 20%; word-wrap:break-word !important;}
	
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_top {height: auto;background-color: #0077c0; }
	.article_v1 .da_summary {float: left; max-width: 205px; width: 45%; height:auto;
	padding: 3% 2% 0 3%;}
	.article_v1 .da_title {font-size: 16px; padding-bottom: 10px;}
	.article_v1 .da_subhead {font-size: 12px; height:auto; overflow: hidden;}
	.article_v1 .da_image {width: 50%; height: auto; background-color: #000;}
	.article_v1 .da_image img {max-width: 400px; width: 100%;}
	.article_v1 .da_content {padding: 20px 20px 0;}
	
	/* CONTEMPORARY ARTICLE STYLES */
	.article_v2 .da_corner {background-size: 92%; position: absolute; top:0; right: 0; 
	width: 271px; height: 120px;}
	.article_v2 .da_subhead {height: 50px; font-size: 12px; padding: 10px 20px 0 100px;}
	
	/* SIMPLE ARTICLE STYLES*/
	.article_v3 .da_subhead {font: bold 13px Arial, Helvetica, sans-serif; padding-bottom: 15px;}
	
/************************************************************************************
	SLIDER CONTAINER STYLES
	NOTE: MAY NEED TO ADD MORE STYLES TO THESE
*************************************************************************************/
	/************************************************************************************
	RAVE REVIEW SLIDER STYLES
	*************************************************************************************/	
	.rrslider .da_reviews {padding-top: 30px;}
}


@media screen and (max-width:780px) {	
	.home .corner_home_content ul { float: none; }
	.gold_bor { max-width: 100%; }
/************************************************************************************
	DEFAULT
*************************************************************************************/
	/************************************************************************************
	DEFAULT FONT
	*************************************************************************************/
	.Normal, p, .white_bg, .da_body {font-size: 11px;}
	.module {font-size: 11px; padding: 0 20px; margin-bottom: 50px;}
	div.blockquote span.quote {font-size: 12px !important;}
	
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/	
	/* CONTAINER FOR CORNERS - HOME CONTAINERS ONLY */
	.home .corner_home_content ul li {margin-bottom: 1%; font-size:11px;
	line-height: normal;}

/************************************************************************************
	RELATEDNESS SIDEBAR STYLES
*************************************************************************************/
	.sidebar {display: none;}
		
/************************************************************************************
	INTERACTIVE MODULE STYLES
	NOTE: NEED TO ADD STYLES THAT ARE IN THE MODULE IN THE CONTAINER. WAIT UNTIL SALLY
	FINISHES CREATING THE DIFFERENT ICONS
*************************************************************************************/
	.main .grey_bg, .default .grey_bg, .home .grey_bg {padding-bottom: 0px;}
	/*.main .interactive, .default .interactive, .home .interactive {display:none;}*/

/************************************************************************************
	TABLE STYLES
*************************************************************************************/
	p .table, .Normal .table {font-size: 6px; line-height: normal; word-wrap:break-word !important;}
	.table td {padding: 0px;}
	
/************************************************************************************
	SLIDER CONTAINER STYLES
	NOTE: MAY NEED TO ADD MORE STYLES TO THESE
*************************************************************************************/
	/************************************************************************************
	CORNER SLIDER STYLES
	*************************************************************************************/
	.slider .Head {font: 16px Taluhla, Arial, Helvetica, sans-serif; width: 80px; 
	line-height: 14px; margin: auto;}
	.slider .Head .large {font-size: 30px; padding: 10px 25px 0 0;}
	.slider.red .Head {background-size: 70% auto;}
	.slider .da_body {padding: 10px 20px; font-size: 11px; width: 85%;}
	.slider h1 {padding-right: 100px;}
	
	/************************************************************************************
	RAVE REVIEW SLIDER STYLES
	*************************************************************************************/	
	.rrslider .image_carousel_nav a.next {right: -20px;}
	.rrslider .image_carousel_nav a.prev {left: -20px;}
	.rrslider .da_reviews {padding-top: 20px; padding-left: 15px; padding-right: 15px;}
	
	.rrslider div[cite]:after {font-size: 10px;}
	.rrslider span.quote {font: 11px Arial, Helvetica, sans-serif; line-height: 14px;}

	.caroufredsel_wrapper div.blockquote span.quote {line-height: 14px !important;
	font: 11px Arial, Helvetica, sans-serif !important;}
	.caroufredsel_wrapper div.blockquote[cite]:after {font-size: 10px;}
	
/************************************************************************************
	OTHER STYLES:	*************************************************************************************/
	/* FIXES THE NEWSLETTERS PAGE */
	#NewsLetterPrivacy {float: right; width: 35%;}

	/* HIDDEN STYLES */
	.m_hide, .DnnModule-DigFlash {display: none;}
	.white_bg .m_hide {background-color: transparent !important;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='transparent', Direction=0, Strength=0); -moz-box-shadow: 0 0 0px transparent; -webkit-box-shadow: 0 0 0px transparent; box-shadow: 0px 0px 0px transparent; margin-bottom: 0px; display: none !important;}
	.white_bg { margin-bottom: 20px; }
}

/* for 590px or less - SMARTPHONE */
@media screen and (max-width: 480px) {	
/************************************************************************************/
/************************************************************************************
	DEFAULT
*************************************************************************************/
	/************************************************************************************
	DEFAULT CONTAINERS STYLES
	*************************************************************************************/
	.module {font-size: 11px; padding: 0 20px; margin-bottom: 50px;}

	/************************************************************************************
	DEFAULT FONT
	*************************************************************************************/
	.Normal, p {font-size: 11px;}
	
	/************************************************************************************
	BULLETS
	*************************************************************************************/
	ul {padding-left: 20px;}
	
/************************************************************************************
	BANNER CONTAINER STYLES
*************************************************************************************/
	/* BANNER TITLE */
	.blue_banner .Head, .gold_banner .Head, .grn_banner .Head,
	.purp_banner .Head, .red_banner .Head {font-size: 13px;}
	
	.blue_banner_title, .red_banner_title, .purp_banner_title,
	.grn_banner_title, .gold_banner_title {height: 70px; position: relative; padding-top: 7%; text-align: center; z-index: 1;	margin-bottom: 0px;}

	/* BANNER IMAGE */
	/*.blue_banner_title,	.grn_banner_title, .gold_banner_title, .purp_banner_title,
	.red_banner_title {background-size: 90% auto;}*/
	/*OVERRIDE FOR GAME */
	.game .blue_banner_title, .game .grn_banner_title, .game .gold_banner_title, 
	.game .purp_banner_title, .game .red_banner_title {background-size: auto auto !important;}
	
	/* CONTAINER FOR BANNER */
	.blue_banner, .gold_banner, .grn_banner, .purp_banner, .red_banner {margin-top: -25px;}
	.blue_banner .white_bg, .gold_banner .white_bg, .grn_banner .white_bg, .purp_banner .white_bg, 
	.red_banner .white_bg {margin-top: -50px; padding: 30px 20px 20px;}
	
	/* HOME CONTAINER STYLES ONLY */
	.home .about_pane .blue_banner div.about_left[style] {width: 100% !important; max-width: 100% !important;}
	.home .about_pane .blue_banner div.about_right[style] {width: 100%; max-width: 100% !important; float:left !important;}
	.home .about_pane .blue_banner img {width: 70%; max-width: 200px;}

/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/	
	
	/* HOME CORNER STYLES*/
	.home .corner_home_content {min-height: 0; padding-bottom: 20px;}
	.home .corner_home_content img{float: none; width: 100%;}
	.home .corner_home_content ul{width: auto; margin-left: 20px; margin-top: 20px; padding: 0 20px; margin-bottom: 10px;}
	.home .corner_home_content ul[style] {min-height: 0px !important;}
	
/************************************************************************************
	TRANSPARENT MODULE STYLES
	NOTE: MAY NEED TO ADD MORE STYLES TO THESE
*************************************************************************************/
	.trans {padding: 0 20px;}
	.media_pane .trans {padding: 0px; margin-bottom: 10px;}
	.footer_pane .trans {padding: 0px;}

/************************************************************************************
ARTICLE STYLES	*************************************************************************************/
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_top {height: auto;background-color: #0077c0; }
	.article_v1 .da_summary {float: left; max-width: 100%; width: auto; height:auto;padding: 20px 15px 20px 25px;}
	.article_v1 .da_title {font-size: 20px; padding-bottom: 10px;}
	.article_v1 .da_subhead {font-size: 12px; height:auto; overflow: hidden;}
	.article_v1 .da_image {width: 100%; max-width: 100%; height: auto; background-color: #FFF; float: none;}
	.article_v1 .da_image img {max-width: 100%; width: 100%;}
	.article_v1 .da_content {padding: 20px 20px 0;}
	
	/* CONTEMPORARY ARTICLE STYLES */
	.article_v2 .da_corner {display: none;}
	.article_v2 .da_subhead {display: none;}
	.milkmyths.article_v2 .da_title[style] {margin-right: 0px !important; padding: 100px 20px 0 !important;}
	.milkmyths.article_v2 .da_corner {display: block !important; background-size: 72%; position: absolute; top:0; right: 0; width: 271px; height: 120px;}
	.milkmyths.article_v2 .da_subhead {display: block !important; height: 50px; font-size: 12px; padding: 10px 20px 0 150px;}
	
/************************************************************************************
	MISCELLANEOUS STYLES
*************************************************************************************/
	select {width: 100%;}	
	
	/* FIXES THE NEWSLETTERS PAGE */
	#NewsLetterPrivacy {float: left; width: 90%;}
	
	/************************************************************************************
	RECIPE SLIDER STYLES
	*************************************************************************************/
	/* RECIPE SLIDER */
	.recipeslider .recipeimg {float: left; padding-right: 10px; padding-left: 5px; width: 60px; font-size: 8px;}
	.recipeslider {word-wrap:break-word !important;}
	.recipebody {text-align: right; padding-right: 5px; width: 100%;}
	.recipeslider h2 a, .recipeslider h2 {font-size: 14px;}
	.recipeslider .recipeimg img {width: 60px !important;}
	.recipeslider .recipeimg[style] {padding-right: 0px;}
}

/* for printing */
@media only print {
/************************************************************************************
	DEFAULT
*************************************************************************************/
	/* DEFAULT TITLE */
	.module .Head {font: 30px Arial, Helvetica, sans-serif !important;}
	.Head {font: 30px Arial, Helvetica, sans-serif !important;}
		
		/* DEFAULT HEADER LINKS */
		h1, h1 a:link, h1 a:visited {font: 30px Arial, Helvetica, sans-serif !important;}
		h2, h2 a:link, h2 a:visited {font: 18px Arial, Helvetica, sans-serif !important;}
		h3, h3 a:link, h3 a:visited {font: 16px Arial, Helvetica, sans-serif !important;}

/************************************************************************************
	BANNER CONTAINER STYLES
*************************************************************************************/	
	/* BANNER TITLE */
	.blue_banner .Head, .gold_banner .Head, .grn_banner .Head,
	.purp_banner .Head, .red_banner .Head {font: bold 16px Arial, Helvetica, sans-serif !important;
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform:rotate(0deg); 
	-ms-transform:rotate(0deg);}

	/* BANNER IMAGE */
	.blue_banner_title, .grn_banner_title, .gold_banner_title,	.purp_banner_title,	
	.red_banner_title {background: none transparent;}

	
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* CORNER TITLE - HOME CONTAINERS ONLY*/
	.grn_corner_home_title .Head, .purp_corner_home_title .Head, .red_corner_home_title .Head
	{font: 20px Arial, Helvetica, sans-serif !important; color: #000;}
	.grn_corner_home_title .Head > a, .purp_corner_home_title .Head > a,
	.red_corner_home_title .Head > a {font: 20px Arial, Helvetica, sans-serif !important;
	color: #000;}
	
	/* CORNER TITLE*/
	.blue_corner_title .Head, .gold_corner_title .Head, .grn_corner_title .Head,
	.purp_corner_title .Head, .red_corner_title .Head {font: 16px Arial, Helvetica, sans-serif !important; color: #000; }
	.corner .Head > a {font: 16px Arial, Helvetica, sans-serif !important; color: #000;}

	.blue_corner, .gold_corner, .grn_corner, .purp_corner, .red_corner {background: none transparent;}
	
/************************************************************************************
	RELATEDNESS SIDEBAR STYLES
*************************************************************************************/	
	.sidebar .Head {font: bold 12pt Arial, Helvetica, sans-serif !important; color: #000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); }
/************************************************************************************
	HOME PROMO MODULE STYLES
*************************************************************************************/
	/* PROMO FONTS */
	.promo a:link, .promo a:visited {font: bold 18px Arial, Helvetica, sans-serif !important;}

/************************************************************************************
	HEALTHY EATING RECIPE MODULE STYLES
*************************************************************************************/
	/* RECIPE FONTS */
	.blue_bg .Head {font: bold 16px Arial, Helvetica, sans-serif !important;}

/************************************************************************************
	INTERACTIVE MODULE STYLES
	NOTE: NEED TO ADD STYLES THAT ARE IN THE MODULE IN THE CONTAINER. WAIT UNTIL SALLY
	FINISHES CREATING THE DIFFERENT ICONS
*************************************************************************************/
	/*INTERACTIVE STYLES*/
	.interactive h1 {font-size: 20px !important;  line-height: 22px; text-align: center;}
	.interactive h3 {font-size: 13px !important; color: #000000; text-align: center;} /* change the font-color*/
	.interactive a {text-decoration: none; color: #000;}
	.interactive p {max-width: 170px; font-size: 11px !important; text-align: center;}
	
/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/

	.article_v1 h1, .article_v2 h1, .article_v3 h1 {font-size: 24px !important; font-family: Arial, Helvetica, sans-serif !important;}
	.article_v1 h2, .article_v2 h2, .article_v3 h2 {font-size: 18px !important; font-family: Arial, Helvetica, sans-serif !important; color: #00AEEF;}
	.article_v1 h3, .article_v2 h3, .article_v3 h3 {font-size: 14px !important; font-family: Arial !important; color: #000; font-weight: bold;}
	.da_references, .references {font-size: 10px !important; font-family: Arial, Helvetica, sans-serif !important; line-height: normal; padding-bottom: 20px; padding-right: 100px; word-wrap:break-word !important;}
	 .da_byline {font-size: 10px !important; font-family: Arial, Arial, Helvetica, sans-serif !important; font-weight: bold;}
	
	/* TECHNICAL ARTICLE STYLES */
	.article_v1 .da_title {font-size: 26px !important; font-family: Arial, Helvetica, sans-serif !important;}
	.article_v1 .da_subhead {font-size: 17px !important; font-family: Arial, Helvetica, sans-serif !important;}
	
	/* CONTEMPORARY ARTICLE STYLES */
	.article_v2 .da_subhead {font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-weight: bold; padding: 10px 20px 0 100px; color: #000;}
	.article_v2 .da_title {font-size: 28px !important; color: #0076c0; font-family: Arial, Helvetica, sans-serif !important;}
	
	/* SIMPLE ARTICLE STYLES*/
	.article_v3 .da_title {font-size: 30px !important; color: #0076c0; font-family: Arial, Helvetica, sans-serif !important;}
	.article_v3 .da_subhead {font: bold 14px Arial, Helvetica, sans-serif !important; color: #00AEEF;}
	
/************************************************************************************
	SLIDER CONTAINER STYLES
	NOTE: MAY NEED TO ADD MORE STYLES TO THESE
*************************************************************************************/
	/* CORNER SLIDER STYLE*/
	.slider .Head {font: 20px Arial, Helvetica, sans-serif !important; color: #000;}
}


/*********************************END MOBILE STYLES****************************************/