/*
 *	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;
}
.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
}
.anchor {
	display: block;
	position: relative;
	top: -340px;
	visibility: hidden;
}
/************************************************************************************
	DEFAULT
*************************************************************************************/
	/************************************************************************************
	BULLETS
	*************************************************************************************/
ul li {
	list-style-image: url(images/dcc_bullet.png);
	padding-bottom: 5px;
	text-align: left;
}
ul.blue li {
	list-style-image: url(images/dcc_bullet_blue.png);
	padding-bottom: 5px;
	text-align: left;
}
ul.grn li {
	list-style-image: url(images/dcc_bullet_green.png);
	padding-bottom: 5px;
	text-align: left;
}
ul.purp li {
	list-style-image: url(images/dcc_bullet_purple.png);
	padding-bottom: 5px;
	text-align: left;
}
ul.red li {
	list-style-image: url(images/dcc_bullet_red.png);
	padding-bottom: 5px;
	text-align: left;
}
ul.gold li {
	list-style-image: url(images/dcc_bullet_orange.png);
	padding-bottom: 5px;
	text-align: left;
}
li ul li {
	list-style-image: url(images/dcc_bullet_sub.png);
	padding-bottom: 5px;
	text-align: left;
}
ul, ol {
	margin-bottom: 18px;
	margin-left: 28px;
}
/************************************************************************************
	Quotes:
	*************************************************************************************/
div.blockquote {
	margin-top: 25px;
}
div.blockquote[cite]:after {
	display: block;
	text-align: right;
	content: "\2014\ " attr(cite);
	font-style: normal;
	margin-top: -10px;
}
div.blockquote q:before {
	content: "\201c";
	font-size: 2rem;
	padding-right: 5px;
	font-weight: bold;
	line-height: 0px;
	vertical-align: super;

	
}
div.blockquote span.quote {
	position: relative;
	top: -18px;
	height: auto;
	font-size: 1.1rem;
	line-height: 1.4rem;
	font-style: italic;
}
div.blockquote q:after {
	content: "\201d";
	font-size: 2rem;
	padding-left: 5px;
	font-weight: bold;
	line-height: 0px;
	vertical-align: super;
	
	
}


.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;
}
.full_bar.blue div.blockquote q:before, .full_bar.blue div.blockquote q:after, .full_bar.red div.blockquote q:before, .full_bar.red div.blockquote q:after, 
.full_bar.grn div.blockquote q:before, .full_bar.grn div.blockquote q:after, .full_bar.purp div.blockquote q:before, .full_bar.purp div.blockquote q:after, .full_bar.gold div.blockquote q:before, .full_bar.gold div.blockquote q:after {
	color: #fff;
	font-size: 2.5rem;
}

.full_bar.blue div.blockquote span.quote, .full_bar.red div.blockquote span.quote, .full_bar.grn div.blockquote span.quote, .full_bar.purp div.blockquote span.quote, .full_bar.gold div.blockquote span.quote {
	position: relative;
	top: -18px;
	height: auto;
	font-size: 1.8rem;
	line-height: 2.1rem;
	font-style: italic;
}
/************************************************************************************
	TITLE & HEADERS
	*************************************************************************************/


	
		/************************************************************************************
		DEFAULT
		*************************************************************************************/
		/* DEFAULT TITLE */
.module .Head {
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	font-size: 1.222rem;
	padding: 10px 0;
	margin: 0;
	color: #0076c0;
}
.Head {
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	font-size: 2.666rem;
	line-height: 3.111rem;
	border-bottom: none !important;
}
.purp_corner_title .Head, .grn_corner_title .Head, .gold_corner_title .Head, .blue_corner_title .Head, .red_corner_title .Head {
	font-size: 1.444rem;
	line-height: 1.8rem;
	border-bottom: none !important;
}
/* DEFAULT HEADER LINKS */
h1, h1 a:link, h1 a:visited, a:link h1, a:visited h1, h1 * {
	font-family: Taluhla, Arial, Helvetica, sans-serif !important;
	font-size: 2.666rem !important;
	line-height: 3.111rem !important;
	margin: 0;
	margin-bottom: 18px;
	text-decoration: none !important;
	color: #0076c0;
	letter-spacing: normal;
}
h2, h2 a:link, h2 a:visited, a:link h2, a:visited h2 {
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 2rem !important;
	line-height: 2.2rem !important;
	margin: 0;
	text-decoration: none !important;
	padding: 10px 0 5px;
	color: #e86d1f;
	letter-spacing: normal;
}
h3, h3 a:link, h3 a:visited, a:link h3, a:visited h3 {
	font-family: 'latoregular', Arial, Helvetica, sans-serif !important;
	font-size: 1.777rem !important;
	line-height: 2rem !important;
	margin: 0;
	text-decoration: none !important;
	color: #b32317;
	letter-spacing: normal;
}
h4, h4 a:link, h4 a:visited, a:link h4, a:visited h4 {
	font-family: Taluhla, Arial, Helvetica, sans-serif !important;
	font-size: 1.5rem;
	line-height: 1.7rem;
	margin: 0;
	text-decoration: none !important;
	color: #0076c0;
	letter-spacing: normal;
}
h5, h5 a:link, h5 a:visited, a:link h5, a:visited h5 {
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 1.333rem;
	line-height: 1.55rem;
	margin: 0;
	text-decoration: none !important;
	color: #0076c0;
	letter-spacing: normal;
}
.font_gold {
	color: #e86d1f !important;
}
.font_red {
	color: #B32317 !important;
}
.font_purp {
	color: #6a2c91 !important;
}
.font_grn {
	color: #49a942 !important;
}
.font_blue {
	color: #0076c0 !important;
}
/*for homepage headers*/
.h1_small {
	font-size: 2.222rem !important;
	line-height: 2.8rem !important;
}
/*for SEO sizing*/
.font_body {
	font-size: 1rem !important;
	line-height: 1.3rem !important;
}
.font_small {
	font-size: 1.222rem !important;
	line-height: 1.555rem !important;
}
.font_medium {
	font-size: 1.444rem !important;
	line-height: 1.999rem !important;
}
.font_large {
	font-size: 1.777rem !important;
	line-height: 2.1rem !important;
}
.font_xlarge {
	font-size: 3.055rem !important;
	line-height: 3.4rem !important;
}
/************************************************************************************
		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;
	margin: 0;
	margin-bottom: 0px;
	text-decoration: none !important;
	color: #0076c0;
	letter-spacing: normal;
}
.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 !important;
}
.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 !important;
}
/************************************************************************************
		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 !important;
}
.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 !important;
}
/************************************************************************************
		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 !important;
}
.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 !important;
}
/************************************************************************************
		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 !important;
}
.red_title .Head a:hover, .red h1 a:hover, .red h2 a:hover,  .red h3, .red h3 a:link, .red h3 a:visited {
	color: #B32317;
	text-decoration: none !important;
}
.slide-content h2 a:link, .slide-content h2 a:visited {
	font-size: 1.333rem !important;
	line-height: 1.8rem !important;
	color: #585858 !important;
}
.blue .slide-content h2 a:link, .blue .slide-content h2 a:visited {
	font-size: 1.333rem !important;
	line-height: 1.8rem !important;
	color: #585858 !important;
}
/************************************************************************************
		BUTTONS
		*************************************************************************************/		
 
 .btn {
	 font-family: 'latolight', Arial, san-serif !important;
	 font-size: 1rem !important;
	 border-radius: 0px 0px 0px 0px !important;
-moz-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
 }
   
.btn_action {
	background-color: #0077c0;
	display: inline-block;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none !important;
}
.btn_action:hover {
	text-decoration: none !important;
	color: #FFF !important;
	background-color: #55c6f0 !important;
}
.btn_action:link, .btn_action:visited {
	color: #FFF;
	text-decoration: none !important;
}
.bg_blue {
	background-color: #0077c0;
}
.bg_red {
	background-color: #b32317;
}
.bg_green {
	background-color: #8dc63f;
}
.bg_purple {
	background-color: #6a2c91;
}
.bg_gold {
	background-color: #e86d1f;
}
.order_btn1 {
	background-color: #b32317;
	display: inline-block;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none !important;
}
.order_btn1:hover {
	text-decoration: none !important;
	color: #FFF !important;
}
.order_btn1:link, .order_btn1:visited {
	color: #FFF;
	text-decoration: none !important;
}
.order_btn1_grn {
	background-color: #8dc63f;
	display: inline-block;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none !important;
}
.order_btn1_grn:hover {
	text-decoration: none;
	color: #FFF !important;
}
.order_btn1_grn:link, .order_btn1_grn:visited {
	color: #FFF;
	text-decoration: none !important;
}
/************************************************************************************
HOME
*************************************************************************************/
.hm_picky h1 {
	color: #6a2c91;
}
.hm_picky h3 {
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 1.133rem !important;
	line-height: 1.333rem !important;
	margin: 0;
	text-decoration: none !important;
	color: #49a942;
	letter-spacing: normal;
	margin-bottom: 7px;
}
.hm_picky ul li {
	list-style-image: url(images/dcc_bullet_purple.png);
}
/************************************************************************************
	Full Browser Bars
*************************************************************************************/
.full_bar {
	background: #efefef;
	color: #fff !important;
	margin-right: -600rem;
	padding-right: .25rem 1.5rem;
	border-right: 600rem solid #efefef;
	margin-left: -600rem;
	padding-left: .25rem 1.5rem;
	border-left: 600rem solid #efefef;
	margin-bottom: 50px;
	padding-top: 2.777rem;
	padding-bottom: 2.777rem;
	z-index: 0;
}
.full_bar .Normal {
	color: #fff !important;
}
.full_bar .Normal a:link, .full_bar .Normal a:visited {
	color: #fff;
}
.full_bar .Normal a:hover {
	color: #ccc;
}
.full_bar .Normal a.button:link, .full_bar .Normal a.button:visited {
	display: inline-block;
	color: #585858;
	padding: 5px 10px;
	;
	background: #fff;
	border: 1px #585858;
	text-decoration: none !important;
}
.full_bar .Normal a.button:hover {
	color: #00aeef;
}
.full_bar h1, .full_bar h2, .full_bar h3, .full_bar h4, .full_bar h5 {
	color: #fff;
	padding-left: 9px;
}
.full_bar.blue h1 {
	margin-bottom: 10px;
}
.full_bar .subhead {
	color: #fff;
	padding-left: 9px;
	font-size: 1.333rem;
	line-height: 1.5rem;
}
.full_bar h2 {
	font-family: Taluhla, Arial, Helvetica, sans-serif !important;
	font-size: 1.777rem;
	line-height: 2rem;
	margin: 0;
	color: #fff;
	letter-spacing: normal;
}
.full_bar.blue {
	background: #00aeef;
	border-right: 600rem solid #00aeef;
	border-left: 600rem solid #00aeef;
}
.full_bar.blue .subhead {
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	color: #233e99;
	margin-bottom: 10px;
}
.full_bar.blue ul li {
	list-style-image: url(images/dcc_bullet_blue_dark.png);
	padding-bottom: 5px;
	text-align: left;
	margin-left: 5px;
}
.full_bar.purple {
	background: #6a2c91;
	border-right: 600rem solid #6a2c91;
	border-left: 600rem solid #6a2c91;
}
.full_bar.green {
	background: #8dc63f;
	border-right: 600rem solid #8dc63f;
	border-left: 600rem solid #8dc63f;
}
.full_bar.red {
	background: #b32317;
	border-right: 600rem solid #b32317;
	border-left: 600rem solid #b32317;
}
.full_bar.orange {
	background: #f99d31;
	border-right: 600rem solid #f99d31;
	border-left: 600rem solid #f99d31;
}
.lato_light {
	font-family: 'latolight', arial !important;
}
/************************************************************************************
	WHITE BOX
*************************************************************************************/
.white_bg {
	line-height: normal;
	background-color: #FFF;
	zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#9f9e9e', Direction=135, Strength=10);
	-moz-box-shadow: 0 0 8px #9f9e9e;
	-webkit-box-shadow: 0 0 8px #9f9e9e;
	box-shadow: 0px 0px 8px #9f9e9e;
	position: relative;
	margin-bottom: 50px;
	text-align: left;
}
.white {
	padding: 20px;
}
.content_padding {
	padding: 20px;
}
.white_bg img.img_top {
	width: 100%;
}
/************************************************************************************
	GReY BOX
*************************************************************************************/
.grey_bg {
	line-height: normal;
	background-color: #eaeaea;
	zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#9f9e9e', Direction=135, Strength=10);
	-moz-box-shadow: 0 0 8px #9f9e9e;
	-webkit-box-shadow: 0 0 8px #9f9e9e;
	box-shadow: 0px 0px 8px #9f9e9e;
	position: relative;
	margin-bottom: 50px;
	text-align: left;
}
.grey_bg_no_shaddow {
	line-height: normal;
	background-color: #eaeaea;
	zoom: 1;
	position: relative;
	margin-bottom: 50px;
	text-align: left;
}
/************************************************************************************
	TILES TILES TILES
*************************************************************************************/
.tile_1, .tile_2, tile_3, .tile_4, tile_5 {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}
.tile_2 img, .tile_4 img {
	width: 100%;
}
.tile_2 h2 {
	font-family: 'latolight', Arial, san-serif !important;
	font-size: 1rem !important;
	line-height: normal !important;
	color: #00aeef !important;
	padding: 20px;
	text-decoration: none !important;
}
a.tile_2:hover h2 {
	color: #585858 !important;
	text-decoration: underline !important;
}
a.tile_2:active h2 {
	color: #00aeef;
}
.tile_1 .text, .tile_2 .text, .tile_3 .text, .tile_4 .text, .tile_5 .text {
	padding: 20px;
	display: block !important;
}
.lessons {
	margin-left: -10px !important;
}
.lessons a.tile {
	display: block;
	margin-bottom: 18px;
	-moz-box-shadow: 0 0 8px #9f9e9e;
	-webkit-box-shadow: 0 0 8px #9f9e9e;
	box-shadow: 0px 0px 8px #9f9e9e;
	border: 1px transparent solid;
}
.lessons a:hover.tile {
	display: block;
	margin-bottom: 18px;
	-moz-box-shadow: 0 0 0px #9f9e9e;
	-webkit-box-shadow: 0 0 0px #9f9e9e;
	box-shadow: 0px 0px 0px #9f9e9e;
	border: 1px #00aeef solid;
}
.lessons a.tile img {
	width: 100%;
}
/************************************************************************************
	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: 50px 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-family: Taluhla, Arial, Helvetica, sans-serif;
	color: #FFF !important;
	width: 200px;
	display: block;
	text-align: center;
	float: right;
	line-height: 1;
	margin: auto;
	padding-top: 10px;
}
.grn_corner_home_title .Head > a, .purp_corner_home_title .Head > a,  .red_corner_home_title .Head > a {
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	font-size: 1.44rem;
	color: #FFF;
	text-decoration: none !important;
}
/* CORNER TITLE*/
.blue_corner_title .Head, .gold_corner_title .Head, .grn_corner_title .Head,  .purp_corner_title .Head, .red_corner_title .Head {
	color: #FFF !important;
	display: block;
	float: right;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: normal;
	height: 60px;
	width: 180px;
	margin-top: 10px;
	margin-right: 15px;
}
.corner .Head > a {
	color: #FFF !important;
	text-decoration: none !important;
}

.corner .Head h1 a, .corner .Head a h1 {
	color: #FFF !important;
	text-decoration: none !important;
}
.blue_corner_title .Head h1, .gold_corner_title .Head h1, .grn_corner_title .Head h1,  .purp_corner_title .Head h1, .red_corner_title .Head h1 {
	color: #FFF !important;
}
/* 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;
	line-height: normal;
}
.blue_corner, .gold_corner, .grn_corner, .purp_corner, .red_corner {
	width: 290px;
	height: 120px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.blue_corner_headline, .gold_corner_headline, .grn_corner_headline, .purp_corner_headline, .red_corner_headline {
	float: right;
	margin-top: -20px;
	margin-right: -20px;
	width: 270px;
	height: 120px;
}
.blue_corner, .blue_corner_headline {
	background: url(images/corners/corner_blue.png) no-repeat top right;
}
.gold_corner, .gold_corner_headline {
	background: url(images/corners/corner_gold.png) no-repeat top right;
}
.grn_corner, .grn_corner_headline {
	background: url(images/corners/corner_green.png) no-repeat top right;
}
.purp_corner, .purp_corner_headline {
	background: url(images/corners/corner_purple.png) no-repeat top right;
}
.red_corner, .red_corner_headline {
	background: url(images/corners/corner_red.png) no-repeat top right;
}
/*.header_shape {
	-webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
border: 3px #c00 solid;
	}*/
	
	/* 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: 2.666rem !important;
}
.hemw h2 {
	font-size: 2.355rem !important;
	font-weight: bold !important;
}
.hemw .headerTwo {
	font: 2.355rem 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 {
	color: red !important;
	font-weight: bold !important;
	padding-left: 3px !important;
}
.hemw .formHint {
	font-size: .9rem !important;
	color: #555 !important;
}
.hemw td {
	margin-top: 0px !important;
	padding-top: 0px !important;
	;
	line-height: normal !important;
}
.hemw.white_bg {
	-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: .9em;
	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;
}
/*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;
}
.promo {
	margin-bottom: 50px;
}
.promo .gold_bor {
	margin: 0px;
}
.promo .gold_line {
	background: url(images/borders/promo_line.png) repeat-x center;
	height: 80px;
}
.gold_bor span {
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 1.333rem !important;
	line-height: 1.8rem !important;
	text-decoration: none !important;
}
.table-css {
	display: table;
	border: 1px #ccc solid;
}
.cell-css {
	display: table-cell;
	border: 1px #000 solid;
}
.vert-align-middle {
	vertical-align: middle;
}
.inline {
	float: none;
	display: inline-block;
}
.v-align {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
/************************************************************************************
	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 FONTS */
.recipe_search .Head {
	font: Taluhla, Arial, Helvetica, sans-serif;
	color: #0077c0;
}
.recipe {
	padding-top: 10px;
	text-align: left !important;
}
.recipe > div > div {
	text-align: left !important;
}
/* CONTAINER FOR RECIPES */
.recipe_search {
	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: #fff;
	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-weight: normal;
	line-height: normal;
	margin-top: 5px;
}
.recipe select {
	padding: 5px;
	margin-top: 5px;
	width: 100% !important
}
.recipe input {
	padding: 5px;
	width: 100% !important
}
.DCCwrap .leftside {
	width: 100% !important;
	float: left;
}
.DCCwrap .leftside h3 {
	font-size: 1.333rem !important;
}
/************************************************************************************
	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: 1.666rem !important;
	line-height: 1 !important;
	text-align: center;
}
.interactive h3 {
	font-size: 1.355rem !important;
	line-height: 1 !important;
	color: #000000;
	text-align: center;
}
.interactive a {
	text-decoration: none !important;
	color: #000;
}
.interactive p {
	max-width: 200px;
	text-align: center;
	margin-bottom: 10px !important;
}
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-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: 10px;
}
#dnn_dnnCopyright_lblCopyright {
	margin-bottom: 10px;
}
/************************************************************************************
	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;
	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;
	line-height: 1.3rem;
}
.da_body ol li {
	margin-bottom: 5px;
}
.article_v1 h1, .article_v2 h1, .article_v3 h1 {
	font-size: 1.333rem;
	padding-top: 10px;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	color: #0076c0;
	font-weight: bold;
}
.article_v1 h2, .article_v2 h2, .article_v3 h2, .article_v1 h2 a:link, .article_v2 h2 a:link, .article_v3 h2  a:link {
	color: #0076c0;
	padding-top: 5px;
	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: .8rem;
	line-height: 1.3rem;
	padding-bottom: 20px;
	padding-right: 100px;
	word-wrap: break-word !important;
}
.da_references p, .references p {
	font-size: 13px !important;
	line-height: normal;
	padding-bottom: 0px;
	padding-right: 100px;
	word-wrap: break-word !important;
}
.da_references br {
	font-size: 13px;
	margin-bottom: 5px;
}
.da_references sup, .references sup {
	margin-top: 10px !important;
}
.da_byline {
	font-weight: bold;
}
.da_byline {
	font-size: 1rem !important;
	color: #c00;
}
.da_byline font {
	font-size: 1rem !important;
	color: #c00;
}
/* 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: 1.88rem;
	color: #FFF;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	line-height: normal;
}
.article_v1 .da_subhead {
	font-size: 1.1rem;
	color: #FFF;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	font-weight: normal;
	overflow: hidden;
}
.article_v1 .da_image {
	float: right;
	background-color: #999;
}
.article_v1 .da_image img {
	width: 100%;
}
.article_v1 .da_content {
	padding: 20px 20px 0;
}
/* CONSUMER ARTICLE STYLES */
.article_v2 .da_image {
	position: relative;
	overflow: hidden;
}
.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: auto;
	overflow: hidden;
	text-align: center;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 10px 20px 0 100px;
	color: #FFF;
}
.article_v2 .da_title {
	font-size: 2.666rem;
	line-height: 3.111rem;
	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: 2.333rem;
	color: #0076c0;
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: left;
}
.article_v3 .da_subhead {
	color: #00AEEF;
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 2rem !important;
	line-height: 2.2rem !important;
	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;
}
.pagination {
	width: 100%
}
.caroufredsel_wrapper {
	width: 100% !important;
}
.caroufredsel_wrapper > div {
	width: 100% !important;
	overflow: visible !important
}
.caroufredsel_wrapper > div > div {
	width: 100% !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: 2.5rem;
	color: #FFF;
	padding: 0 35px 0 0;
}
.slider.red .Head {
	background: url(images/corners/corner_red.png) no-repeat top right;
	width: 280px !important;
	height: 160px;
	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;
	margin-left: 40px;
	margin-right: 40px;
}
.rrslider div[cite]:after {
	display: block;
	text-align: right;
	content: "\2014\ " attr(cite);
	font-style: normal;
	margin-top: -10px;
}
.rrslider q:before {
	content: "\201c";
	font-size: 2rem;
	padding-right: 5px;
	font-weight: bold;
	line-height: 0px;
	vertical-align: super;
}
.rrslider span.quote {
	position: relative;
	top: -18px;
	height: auto;
	font: 1.1rem;
	line-height: 1.4rem;
	font-style: italic;
}
.rrslider q:after {
	content: "\201d";
	font-size: 2rem;
	padding-left: 5px;
	font-weight: bold;
	line-height: 0px;
	vertical-align: super;
}
.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;
}
.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;
	line-height: normal;
	padding-left: 20px;
}
.dnnActionMenuBody a:hover {
	text-decoration: underline;
	font-size: 12px;
	line-height: normal;
}
.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, .corner h1 a, .corner a h1 {
	font-size: 1em/150%;
	padding-top: 4%;
	margin-bottom: 1%;

	color: #fff !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: 28%;
	height: auto;
	padding: 6% 2% 0 3%;
}
.article_v1 .da_title {
	font-size: 1.111rem;
	padding-bottom: 15px;
}
.article_v1 .da_subhead {
	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: 2.5rem;
	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;
}
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;
	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: 12px;
}
.banner_small {
	background-size: 100% auto;
}
.sidebar .Head {
	font-family: 'latobold', Arial, Helvetica, sans-serif;
	padding-top: 8px;
}
/************************************************************************************
	HOME PROMO MODULE STYLES
*************************************************************************************/	
	
.promo .Normal, .promo p {
	font-size: 10px;
}
.gold_bor {
	padding: 10px 15px;
}
/************************************************************************************
	INTERACTIVE MODULE STYLES
*************************************************************************************/
.interactive h1 {
}
.interactive h3 {
	font-size: 1rem;
}
.interactive p {
	font-size: .9rem;
}
.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 {
	padding-bottom: 10px;
}
.article_v1 .da_subhead {
	font-size: 1rem;
	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 {
}
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: .777rem !important;
}
.home .about_pane .blue_banner h1 {
	font-size: 1.222rem !important;
}
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/
	/* HOME CORNER STYLES*/
.home .corner_home_content {
	min-height: 0;
	padding-bottom: 0;
}
.home .corner_home_content img {
	width: 100%;
	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%;
	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;
	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: .666em;
}
.article_v1 h1, .article_v2 h1, .article_v3 h1,  .article_v2 .da_title, .article_v2 .da_title, .article_v3 .da_title {
	font-family: Taluhla, Arial, Helvetica, sans-serif;
}
.article_v1 h2, .article_v2 h2, .article_v3 h2 {
	font-family: 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: 1.111em;
	padding-bottom: 10px;
}
.article_v1 .da_subhead {
	font-size: .7em;
	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: .7em;
	padding: 10px 20px 0 100px;
}
/* SIMPLE ARTICLE STYLES*/
	
	
/************************************************************************************
	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 {
}
.module {
	padding: 0 20px;
	margin-bottom: 50px;
}
div.blockquote span.quote {
	font-size: 1.1em !important;
}
/************************************************************************************
	CORNER CONTAINER STYLES
*************************************************************************************/	
	/* CONTAINER FOR CORNERS - HOME CONTAINERS ONLY */
.home .corner_home_content ul li {
	margin-bottom: 1%;
	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 {
	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: 1.666em;
	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: .7em;
}
.rrslider span.quote {
}
.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: .7em;
}
/************************************************************************************
	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 {
	padding: 0 20px;
	margin-bottom: 50px;
}
/************************************************************************************
	DEFAULT FONT
	*************************************************************************************/
.Normal, p {
}
/************************************************************************************
	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 {
}
.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: 50px 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;
}
.trans_no_padding {
	padding: 0px;
}
.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: 1.111em;
	padding-bottom: 10px;
}
.article_v1 .da_subhead {
	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: .9em;
	padding: 10px 20px 0 150px;
}
/************************************************************************************
	MISCELLANEOUS STYLES
*************************************************************************************/
select {
	width: 100%;
}
/* FIXES THE NEWSLETTERS PAGE */
#NewsLetterPrivacy {
	float: left;
	width: 90%;
}
/************************************************************************************
	RECIPE SLIDER STYLES j
	*************************************************************************************/
	/* RECIPE SLIDER */
.recipeslider .recipeimg {
	float: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 60px;
}
.recipeslider {
	word-wrap: break-word !important;
}
.recipebody {
	text-align: right;
	padding-right: 5px;
	width: 100%;
}
.recipeslider h2 a, .recipeslider h2 {
	font-size: .9em;
}
.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;
}
/* DEFAULT HEADER LINKS */
h1, h1 a:link, h1 a:visited {
font-family:  !important;
	text-decoration: none !important;
}
h2, h2 a:link, h2 a:visited {
	font-family: 'latoregular', Arial, san-serif !important;
	text-decoration: none !important;
}
h3, h3 a:link, h3 a:visited {
font-family: !important;
	text-decoration: none !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 */
	

/************************************************************************************
	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: 1.111rem !important;
	line-height: 22px;
	text-align: center;
}
.interactive h3 {
	color: #000000;
	text-align: center;
} /* change the font-color*/
.interactive a {
	text-decoration: none;
	color: #000;
}
.interactive p {
	max-width: 170px;
	text-align: center;
}
/************************************************************************************
	ARTICLE STYLES
*************************************************************************************/

.article_v1 h1, .article_v2 h1, .article_v3 h1 {
	font-size: 2.666rem !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.article_v1 h2, .article_v2 h2, .article_v3 h2 {
	font-size: 1.0rem !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #00AEEF;
}
.article_v1 h3, .article_v2 h3, .article_v3 h3 {
	font-size: .9rem !important;
	font-family: Arial !important;
	color: #000;
	font-weight: bold;
}
.da_references, .references {
	font-size: 12px !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-weight: bold;
}
/* TECHNICAL ARTICLE STYLES */
.article_v1 .da_title {
	font-size: 1.3rem !important;
}
.article_v1 .da_subhead {
}
/* CONTEMPORARY ARTICLE STYLES */
.article_v2 .da_subhead {
	font-size: .9rem !important;
	font-weight: bold;
	padding: 10px 20px 0 100px;
	color: #000;
}
.article_v2 .da_title {
	font-size: 1.55rem !important;
	color: #0076c0;

}
/* SIMPLE ARTICLE STYLES*/
.article_v3 .da_title {
	font-size: 1.666rem !important;
	color: #0076c0;

}
.article_v3 .da_subhead {
	font-family: 'latoregular', Arial, san-serif !important;
	font-size: 2rem !important;
	line-height: 2.2rem !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****************************************/

