/*
 *	DAIRY COUNCIL OF CALIFORNIA
 *	DOTNETNUKE SKIN 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 FONTS
*************************************************************************************/
.SkinObject {
	font-weight: normal;
	font-size: 8.5pt;
}
a.SkinObject:hover {
	color: #00aeef;
	text-decoration: underline;
}
a:hover {
	color: #00aeef;
}
/************************************************************************************
	SKIN STRUCTURE
*************************************************************************************/
body {
	background: url(images/milk.jpg) no-repeat top left !important;
	font: 1em/150% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
}
form#Form {
	height: 100%;
}
/************************************************************************************
	BODY FOR STICKY FOOTER
	*************************************************************************************/
html, body {
	height: 100%;
}
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}
.wrap {
	min-height: 100%;
}
.body {/*overflow:auto;*/
	padding-bottom: 300px;
	clear: both;
	overflow-x: hidden;
	width: 100%;
}


/************************************************************************************
	CSS RESONSIVE TABLE - VIDEOS
	*************************************************************************************/
.table-css {
	display: table;
	width: 100%;
}

.table-css img{
	border: 1px #dedede solid;
	margin-bottom: 5px;
}

.table-css div {
	font-size: 18px;
}

.table-css .cell-33{
	display: table-cell;
	width: 33%;
	padding: 5px;
}

.table-css .cell-50{
	display: table-cell;
	width: 50%;
	padding: 15px;
}

.video-wrapper {
  width: 80%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.video-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */

}
	
	
	
/************************************************************************************
	TOPPANE
	*************************************************************************************/
.top {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1000;
	height: 100px;
}
.header {
	width: 980px;
	height: 79px;
*height: 95px;
	position: relative;
	margin: 0 auto;
}
/* LOGO */
.logo {
	position: absolute;
	bottom: -5px;
*bottom: 10px;
	left: 0;
	z-index: 10000;
}
div.logo img {
	max-width: 250px !important;
}
/* UTILITY STYLES*/
.utility {
	background: url(images/blocks.png) no-repeat bottom right;
	width: 555px;
	height: 95px;
	float: right;
	position: relative;
}
.utility a.link {
	position: absolute;
	top: 15px;
	right: 0;
	width: 110px;
	height: 100%;
}
.media_pane {
	width: 250px;
	position: absolute;
	top: 20px;
	right: 150px;
	text-align: right;
}
.media_pane ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.media_pane li {
	display: inline-block;
*display: inline;
*float: left;
	padding-left: 2px;
}
/* LOGIN */
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 12px;
	word-spacing: 5px;
	position: absolute;
	top: 18px;
	right: 400px;
}
/*.login_btn.login { left: 70px; }*/
.login a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	word-spacing: normal;
}
.login_btn.login a {
	background-color: #6a2c91;
	color: #FFFFFF;
	font-size: 8.5pt;
	padding: 5px 8px;
	text-decoration: none;
}
a.login_btn {
	-moz-box-shadow: 0 0 20px #dbdada;
	-webkit-box-shadow: 0 0 20px #dbdada;
	box-shadow: 0px 0px 20px #dbdada;
	zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#dbdada', Direction=135, Strength=10);
	background-color: #6a2c91;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	text-decoration: none;
}
a.login_btn:hover {
	text-decoration: none;
	color: #FFF !important;
}
a.login_btn:link, a.login_btn:visited {
	color: #FFF;
	text-decoration: none;
}
.login > #dnn_user {
	display: inline-block;
	line-height: normal;
	max-width: 100px;
	text-align: right;
	vertical-align: middle;
}
/* SEARCH BOX STYLES */
		/* note: the search button is off on macs */
.search {
	position: absolute;
	bottom: 10px;
	right: 150px;
	text-align: right;
}
.search #dnn_dnnSearch_WebRadioButton, .search label, .search #dnn_dnnSearch_SiteRadioButton, .search .dnnRadiobutton .mark {
	display: none !important;
}
.search #dnn_dnnSearch_txtSearch {
	background-color: #daf5fe;
	border: 1px solid #00aeef;
	color: #999999;
	height: 25px;
	width: 180px;
	margin-right: -5px;
	padding-left: 3px;
}
.search #dnn_dnnSearch_cmdSearch {
	background-color: #0077c0;
	border: 1px solid #00aeef;
	color: #FFF;
	display: inline-block;
	width: 50px;
	padding-top: 7px; /*padding-bottom: 5px;*/
	height: 20px;
	text-align: center;
	line-height: normal;
}
.search #dnn_dnnSearch_cmdSearch a:link, .search #dnn_dnnSearch_cmdSearch a:visited {
	color: #FFF;
	font-size: 8.5pt;
	text-decoration: none;
}
.search a:link, .search a:visited {
	color: #FFF;
	font-size: 8.5pt;
	text-decoration: none;
}
.search .dnnSearchBoxClearText.dnnShow {
	right: 0 !important;
	top: 0;
}
.search ul.searchSkinObjectPreview {
	font-size: 12px;
	right: -5px;
	width: 300px;
	border: 1px solid #00AEEF;
	top: 98%
}
.search ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
	font-size: 13px;
	padding: 5px 0px 0;
	border: none;
	font-family: Taluhla;
	color: #0077c0;
	font-weight: normal;
}
.search ul.searchSkinObjectPreview > li {
	padding: 5px 0px;
	margin: 2px 20px;
	border-top: 1px solid #ccc;
}
.search ul.searchSkinObjectPreview > li:first-child {
	border: medium none;
}
.search ul.searchSkinObjectPreview > li > span {
	font-size: 12px;
	color: #0077C0;
	font-weight: bold;
	line-height: normal;
}
.search ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more {
	color: #00aeef;
}
.search ul.searchSkinObjectPreview > li:hover {
	background: none;
}
.search ul.searchSkinObjectPreview > li > span:hover {
	color: #00AEEF;
}
/************************************************************************************
		MAIN NAVIGATION
		*************************************************************************************/
.mobileNav {
	display: none;
}
.nav {
	background-color: #0077c0;
	width: 100%;
	float: left;
	margin: auto;
	height: 28px;
}
.navbar-header {
	display: none;
}
/* DNN MEGA MENU TEMPLATE STYLES */
		/* note: current menu version */
#dnn_dnnMEGA {
	float: none;
	margin: auto;
	text-align: center;
	line-height: normal;
	z-index: 3000;
}
ul.megamenu {
	text-align: center;
}
ul.megamenu a {
	color: #FFF;
}
ul.megamenu a.level0 {
	margin-right: -5px;
	padding: 5px 20px;
	border-left: 1px solid #FFF;
	font: 14px Taluhla;
}
ul.megamenu li {
*display: inline !important;
}
ul.megamenu > li:first-child > a {
	border: none;
}
ul.megamenu a.level0:hover {
	background-color: #00aeef;
}
div.sub {
	padding: 15px 20px;
	box-shadow: 2px 2px 3px 0 #D9D9D9;
}
ul.megamenu li .sub {
	background: #FFF;
	border: 1px solid #CCC;
	width: 340px;
	max-width: 340px;
	padding-bottom: 15px;
}
ul.megamenu li .sub ul.megamenusubcontent {
	padding-bottom: 10px;
}
ul.megamenu li .sub ul.megamenusubcontent:nth-child(n+2) {
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
#megamenu li.subheader a {
	font: 13px Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	line-height: 1.4;
	color: #0077c0;
	margin: 0 5px;
	padding: 0;
	text-shadow: none;
	white-space: normal;
	width: 150px;
}
#megamenu li.subheader a:hover {
	color: #00aeef;
}
#megamenu li.sublink a {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	line-height: normal;
	color: #000;
	margin: 3px 15px;
	padding: 0;
	white-space: normal;
	display: block;
}
#megamenu li.sublink a:hover {
	color: #00aeef;
}
.column {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 5px 0;
	float: right;
	width: 150px;
}
.column:first-child {
	float: left !important;
	border-right: 1px solid #CCC;
	width: 170px !important;
}
.column:last-child {
	float: right;
	width: 150px;
	border: none !important;
}
.nav .root {
	display: none;
}
#dnn_dnnMOBILEMENU {
	display: none;
	visibility: hidden;
}
#dnn_dnnMOBILEMENU[style] {
	display: none !important;
}
ul.megamenu li .sub8 {
	width: auto;
}
/************************************************************************************
		MIDPANE
	*************************************************************************************/
.mid {
	margin-left: auto;
	margin-right: auto;
	padding-top: 130px;
	text-align: center;
	width: 100%;
}
.home .mid {
	padding-top: 150px;
}
/* BREADCRUMB STYLES */
.breadcrumb_wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	padding-bottom: 20px;
}
#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	text-decoration: underline;
	color: #000;
}
/* CONTENT STYLES */
.main .content {
	width: 800px;
}
.home .content {
	padding-top: 35px;
}
.content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	clear: both;
}
/*SubNavigation Styles*/
.main #dnn_dnnSUBMENU {
	margin-left: -150px;
*margin-left: -550px;
}
#dnn_dnnSUBMENU {
	visibility: visible;
	background-color: #55c6f0;
	width: 140px;
	position: fixed;
	margin-top: 0px;
	margin-left: -60px;
*margin-left: -560px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	z-index: 100;
}
#dnn_dnnSUBMENU ul {
	background-color: transparent;
	width: 140px;
}
#dnn_dnnSUBMENU li {
	background: none;
	padding-bottom: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	list-style-image: none;
}
#dnn_dnnSUBMENU li a {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
	text-decoration: none;
}
#dnn_dnnSUBMENU li .closed a {
	font-weight: normal;
}
#dnn_dnnSUBMENU a.selected {
	background-color: transparent;
	color: #0077c0;
}
#dnn_dnnSUBMENU li > ul > li {
	width: 100px;
}
/* sector/ROW STYLES */
.sector {
	width: 960px;
	margin: auto;
	text-align: center;
	clear: both;
}
/*****************************************************************
		HOME PANES
		******************************************************************/
.about_pane {
	width: 690px;
	float: left;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.activity_pane {
	width: 250px;
	float: right;
	margin-top: 22px;
	display: inline-block;
	vertical-align: top;
}
.edu_pane {
	width: 300px;
	float: left;
	display: inline-block;
*display: inline;
	vertical-align: top;
}
.pro_pane {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
*display: inline;
	vertical-align: top;
*float: left;
*margin-right: 30px;
*margin-left: 30px;
}
.fam_pane {
	width: 300px;
	float: right;
	display: inline-block;
*display: inline;
	vertical-align: top;
}
.content_pane, .top_pane {
	width: 100%;
	margin: auto;
}
/*****************************************************************
		MAIN PANES
		******************************************************************/
.main .sector {
	width: 800px;
}
.main .large_pane {
	width: 550px;
	float: left;
	text-align: left;
}
.main .small_pane {
	width: 225px;
	float: right;
	text-align: left;
}
.profile.main .small_pane {
	float: left;
}
.profile.main .large_pane {
	float: right;
}
.main .left_pane {
	width: 235px;
	float: left;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*display: inline;
}
.main .mid_pane {
	width: 235px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*float: left;
*margin-left: 30px;
*margin-right: 30px;
*display: inline;
}
.main .right_pane {
	width: 235px;
	float: right;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*display: inline;
}
.bottom_pane {
	text-align: left;
}
.l_half_pane {
	margin-right: 25px;
}
.l_half_pane {
	width: 385px;
	float: left;
	display: inline-block;
	vertical-align: top;
}
.r_half_pane {
	width: 385px;
	float: right;
	display: inline-block;
	vertical-align: top;
}
/*****************************************************************
		GAME PANES
		******************************************************************/
.game .top {
	min-width: 1125px;
}
.game .content {
	min-width: 1000px;
}
.game .sector {
	width: 800px;
}
.game .top_pane {
	width: 895px;
	padding-left: 90px;
}
.game .small_pane {
	width: 235px;
	float: right;
	text-align: left;
}
.game .large_pane {
	width: 518px;
	float: left;
	text-align: left;
}
.game .left_pane {
	width: 235px;
	float: left;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*display: inline;
}
.game .mid_pane {
	width: 235px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*display: inline;
*float: left;
*margin-right: 30px;
*margin-left: 30px;
}
.game .right_pane {
	width: 235px;
	float: right;
	display: inline-block;
	vertical-align: top;
	text-align: left;
*display: inline;
}
/*****************************************************************
		DEFAULT PANES
		******************************************************************/
.default .sector {
	padding-left: 90px;
	width: 895px;
}
.default .content_pane {
	margin: 0;
	width: 800px;
}
.default .left_pane {
	width: 645px;
	float: left;
	display: inline-block;
*display: inline;
	vertical-align: top;
}
.default .right_pane {
	width: 220px;
	float: right;
	display: inline-block;
*display: inline;
	vertical-align: top;
}
.leftside, .rightside {
	vertical-align: top;
	display: inline;
}
.leftside {
	float: left;
	width: 32%;
}
.rightside {
	float: right;
	width: 65%;
}
/************************************************************************************
	BOTPANE
	*************************************************************************************/
.bot {
	position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;
	clear: both;
	background-color: #0077c0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
}
/* FOOTER STYLES */
.footer {
	width: 860px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
	padding-left: 80px;
}
.footer_social_icons {
	float: right;
	width: 48%;
	margin-bottom: 10px;
}
.footer_social_icons_leftside {
	float: right;
	margin-right: 8px;
	max-width: 150px;
}
.footer_social_icons .fbLikeThis {
	float: right;
}
.footer_social_icons .twitterFollowMe {
	float: left;
	margin-bottom: 10px;
}
.footer_social_icons .addThisButton {
	float: left;
}
.footer_pane {
	width: 48%;
	margin-bottom: 10px;
}
.footer_pane ul {
	margin: 0;
	padding: 0;
}
.footer_pane .Normal, .footer_pane p {
	color: #FFF;
	font-weight: lighter;
	line-height: normal;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footer_pane ul li {
	list-style: none;
	display: inline-block;
*display: inline;
*float: left;
	padding-right: 30px;
}
.footer_pane ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	text-decoration: underline;
}
.footer_pane .trans {
	margin-bottom: 0px;
}
/* COPYRIGHT STYLES */
.footer #dnn_dnnCopyright_lblCopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: lighter;
	line-height: normal;
}
span#u_0_4 {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: lighter;
}
span#u_0_4 a {
	color: #00aeef;
	text-decoration: underline;
}
span#u_0_4 a:hover {
	color: #00aeef;
	text-decoration: none;
}
.IN-widget {
	padding-bottom: 10px;
}
/* BOTTOM SEARCH */
.botsearch {
	margin-left: -10px;
	margin-top: 10px;
	display: none;
}
.botsearch #dnn_dnnSearch_WebRadioButton, .botsearch label, .botsearch .SkinObject > input  .botsearch #dnn_dnnSearch_SiteRadioButton, .botsearch .dnnRadiobutton .mark {
	display: none !important;
}
.botsearch #dnn_dnnSearch1_txtSearch {
	background-color: #daf5fe;
	border: 1px solid #00aeef;
	color: #999999;
	height: 25px;
	width: 180px;
	margin-right: -5px;
	padding-left: 3px;
}
.botsearch #dnn_dnnSearch1_cmdSearch {
	background-color: #0077c0;
	border: 1px solid #00aeef;
	color: #FFF;
	display: inline-block;
	width: 50px;
	padding-top: 7px; /*padding-bottom: 5px;*/
	height: 20px;
	text-align: center;
	line-height: normal;
}
.botsearch #dnn_dnnSearch_cmdSearch a:link, .botsearch #dnn_dnnSearch_cmdSearch a:visited {
	color: #FFF;
	font-size: 8.5pt;
	text-decoration: none;
}
.botsearch a:link, .botsearch a:visited {
	color: #FFF;
	font-size: 8.5pt;
	text-decoration: none;
}
.botsearch .dnnSearchBoxClearText.dnnShow {
	right: 0 !important;
	top: 0;
}
.botsearch ul.searchSkinObjectPreview {
	font-size: 12px;
	right: auto;
	left: 0;
	width: 300px;
	border: 1px solid #00AEEF;
	top: 98%
}
.botsearch ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
	font-size: 13px;
	padding: 5px 0px 0;
	border: none;
	font-family: Taluhla;
	color: #0077c0;
	font-weight: normal;
}
.botsearch ul.searchSkinObjectPreview > li {
	padding: 5px 0px;
	margin: 2px 20px;
	border-top: 1px solid #ccc;
}
.botsearch ul.searchSkinObjectPreview > li:first-child {
	border: medium none;
}
.botsearch ul.searchSkinObjectPreview > li > span {
	font-size: 12px;
	color: #0077C0;
	font-weight: bold;
	line-height: normal;
}
.botsearch ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more {
	color: #00aeef;
}
.botsearch ul.searchSkinObjectPreview > li:hover {
	background: none;
}
.botsearch ul.searchSkinObjectPreview > li > span:hover {
	color: #00AEEF;
}
#dnn_dnnLogin1_loginLink {
	color: #0077c0 !important;
}
#dnnFileUploader {
	overflow: scroll !important;
	height: 100% !important;
}
.recipe-print > a {
	background: none repeat scroll 0 0 #0077C0;
	color: #FFFFFF !important;
	font-size: 10.5px;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
}
/* youtube videos */
.responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Profile */
.profile .UserProfileControls .dnnSecondaryAction {
	background: none repeat scroll 0 0 #0077C0 !important;
	border: 1px solid #00AEEF;
	box-shadow: none;
	color: #FFFFFF;
	display: inline-block;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: normal;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
}
.profile .UserProfileControls ul {
	margin: 0;
	padding: 0;
}
.profile .UserProfileControls li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.ui-loader {
	display: none;
}
ol.simple-list {
	list-style-type: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	font-size: 16px;
	margin: 0;
	margin-left: 3em;
	padding: 0;
	counter-reset: li-counter;
}
ol.simple-list > li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.8em;
	min-height: 3em;
}
ol.simple-list > li:before {
	font-family: Taluhla, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0;
	left: -0.5em;
	width: 0.3em;
	font-size: 35px;
	line-height: 1;
	text-align: center;
	color: #0076c0;
	content: counter(li-counter);
	counter-increment: li-counter;
}

/**********************************END DEFAULT STYLES*****************************************/










/*********************************START MOBILE STYLES****************************************/

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 1125px or less - DEALS WITH SUBNAV */
@media only screen and (max-width: 1100px) {
/************************************************************************************/
		/* DNN MENU TEMPLATE STYLES - TABLET */
.nav .root {
	display: inline-block;
	padding: 5px 20px;
	border-left: 1px solid #FFF;
	font: 14px Taluhla;
	color: #FFF;
}
.nav .root:hover {
	background-color: #00aeef;
	color: #FFF;
}
.nav .first {
	border: none;
}
.nav .m {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
	color: #0077c0;
	margin: 0px;
	padding: 0;
	text-shadow: none;
	white-space: normal;
}
.nav .m tr:hover {
	color: #00aeef;
}
.nav .m td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
.nav .m tr:last-child td {
	border: none;
}
.nav .m td.icn {
	border: none;
}
.nav .m td:last-child {
	border-bottom: 0px solid transparent;
}
.tabletmenu {
	display: none;
}
.nav .root {
	display: none;
}
/* TREEVIEW MENU TEMPLATE STYLES - MOBILE MENU */
#dnn_dnnMOBILEMENU {
	display: none;
	visibility: hidden;
}
#dnn_dnnMOBILEMENU[style] {
	display: none !important;
}
/************************************************************************************
	MIDPANE
	*************************************************************************************/	
.default .mid, .main .mid, .game .mid {
	width: 100%;
	float: none;
	position: relative;
}
.default .content, .main .content, .game .content {
	width: 100%;
}
.game .top, .game .content {
	min-width: 760px;
}
.game .subnav {
	display: none;
}
/* SUBPANE STYPLES */
.main #dnn_dnnSUBMENU, .default #dnn_dnnSUBMENU, .game #dnn_dnnSUBMENU {
	margin-left: 0;
	position: fixed;
	left: 10px;
}
.default .sector, .main .sector, .main .breadcrumb_wrap, .default .breadcrumb_wrap {
	padding-left: 160px;
	width: auto;
	max-width: 895px;
}
.game .breadcrumb_wrap {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	padding-bottom: 20px;
}
/*****************************************************************
		MAIN PANES
		*****************************************************************/	
.main .sector {
	padding-right: 120px;
}
.main .large_pane {
	max-width: 550px;
	width: 66%;
}
.main .small_pane {
	width: 225px;
	text-align: left;
}
.main .left_pane {
	max-width: 230px;
	width: 30%;
}
.main .mid_pane {
	max-width: 250px;
	width: 32%;
}
.main .right_pane {
	max-width: 230px;
	width: 30%;
}
.main .l_half_pane, .main .r_half_pane {
	max-width: 385px;
	width: 48%;
}
/*****************************************************************
		DEFAULT PANES
		******************************************************************/
.default .left_pane {
	max-width: 645px;
	width: 72%;
}
.default .right_pane {
	max-width: 220px;
}
/*****************************************************************
		GAME PANES
		*****************************************************************/	
.game .top_pane {/*margin-left: 160px;*/
	margin: auto;
	padding-left: 0px;
	width: 95%;
}
.game .header {
	max-width: 980px;
	width: 100%;
}
.game .sector {
	margin-left: 160px;
	padding-right: 120px;
}
.game .large_pane {
	max-width: 600px;
	width: 66%;
}
/************************************************************************************
	BOTPANE
	*************************************************************************************/
.footer {
	width: auto;
}
.home .footer, .main .footer, .default .footer, .game .footer {
	padding-left: 160px;
	padding-right: 20px;
}
}

/* for 1125px or less - DEALS WITH HOMEPAGE */
@media only screen and (max-width: 1000px) {
.home .nav .root, .main .nav .root, .default .nav .root, .game .nav .root {
	display: inline-block;
}
.home #dnn_dnnMENU, .home #dnn_dnnMEGA, .home ul.megamenu,  .main #dnn_dnnMENU, .main #dnn_dnnMEGA, .main ul.megamenu,  .default #dnn_dnnMENU, .default #dnn_dnnMEGA, .default ul.megamenu,  .game #dnn_dnnMENU, .game #dnn_dnnMEGA, .game ul.megamenu {
	display: none;
}
/************************************************************************************
	DNN STYLES
	*************************************************************************************/
	/* DNN RIBBON STYLES */
#dnnCPWrap .dnnControlPanel {
	width: 95%;
}
/************************************************************************************
	SKIN STRUCTURE
	*************************************************************************************/
.home .header, .main .header, .default .header, .home .mid, .main .mid,  .default .mid, .home .content, .home .sector {
	width: 98%;
	float: none;
	clear: both;
}
/***********************************************************************
		HOME
		************************************************************************/
.about_pane {
	max-width: 690px;
	width: 67%;
	margin-left: -10px;
	margin-right: auto;
}
.activity_pane {
	min-width: 230px;
	max-width: 250px;
	width: 32%;
}
.edu_pane, .pro_pane, .fam_pane {
	width: 32%;
}
/*****************************************************************
		MAIN PANES
		******************************************************************/	
.main .sector, .default .sector {
	padding-right: 10px;
}
.main .small_pane {
	max-width: 225px;
	width: 30%;
}
/*****************************************************************
		DEFAULT PANES
		******************************************************************/
.default .full_pane {
	width: 97.5%;
	margin: auto;
}
.default .content_pane {
	max-width: 800px;
	width: auto;
}
.default .left_pane {
	max-width: 645px;
	width: 69%;
}
.default .right_pane {
	max-width: 220px;
	width: 28%;
}
/*****************************************************************
		GAME PANES
		*****************************************************************/	
#dnn_ctr5470_HtmlModule_lblContent img, #flashcontent embed {
	min-width: 300px;
	width: 100% !important;
}
.ModDNNHTMLC embed {
	width: 100% !important;
}
.ModDCCPNPC img {
	max-width: 100%;
}
}
.home .footer_pane ul li, .main .footer_pane ul li, .default .footer_pane ul li, .game .footer_pane ul li {
	padding-right: 10px;
}
}

/* for 825 or less - Tablet */
@media only screen and (max-width: 825px) {
.home div.login, .main div.login, .default div.login {/*display: none;*/
	right: 285px;
	top: 55px;
}
/*.home div.login_btn.login, .main div.login_btn.login, .default div.login_btn.login { top: 54px; right: auto; left: 185px; display: inline-block;}*/
/************************************************************************************/
.home div.logo, .main div.logo, .default div.logo {
	width: 48%;
	text-align: left;
}
.home div.logo img, .main div.logo img, .default div.logo img {
	width: 80%;
	max-width: 250px;
}
/* UTILITY STYLES*/
.home .utility, .default .utility, .main .utility {
	background: url(images/blocks.png) no-repeat bottom right;
	background-size: 16% auto;
}
.home .utility a.link, .default .utility a.link, .main .utility a.link {
	width: 16%;
}
.home .media_pane, .default .media_pane, .main .media_pane {
	width: 250px;
	position: absolute;
	top: 20px;
	right: 18%;
	text-align: right;
}
.home .login > #dnn_user, .default .login > #dnn_user, .main .login > #dnn_user {
	display: none;
}
/* SEARCH BOX STYLES */
		/* note: the search button is off on macs */
.home .search, .main .search, .default .search {
	right: 18%;
}
.home .search #dnn_dnnSearch_txtSearch, .main .search #dnn_dnnSearch_txtSearch,  .default .search #dnn_dnnSearch_txtSearch {
	height: 25px;
	width: 120px;
	margin-right: -5px;
	padding-left: 3px;
}
.search #dnn_dnnSearch_cmdSearch {
	wbackground-color: #0077c0;
	border: 1px solid #00aeef;
	color: #FFF;
	display: inline-block;
	width: 50px;
	padding-top: 7px; /*padding-bottom: 5px;*/
	height: 20px;
	text-align: center;
	line-height: normal;
}
/* DNN MENU TEMPLATE STYLES - TABLET */
		/*.game .nav .root {display: none;}*/
.nav .root {
	display: inline-block;
	padding: 5px 1.5%;
	border-left: 1px solid #FFF;
	font: 12px Taluhla;
	color: #FFF;
}
.nav .root:hover {
	background-color: #00aeef;
	color: #FFF;
}
.nav .first {
	border: none;
}
.nav .m {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
	color: #0077c0;
	margin: 0px;
	padding: 0;
	text-shadow: none;
	white-space: normal;
}
.nav .m tr:hover {
	color: #00aeef;
}
.nav .m td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
.nav .m tr:last-child td {
	border: none;
}
.nav .m td.icn {
	border: none;
}
.nav .m td:last-child {
	border-bottom: 0px solid transparent;
}
.tabletmenu {
	display: none;
}
/************************************************************************************
	TOPPANE
	*************************************************************************************/
.home .top, .main .top, .default .top {
	position: static;
}
.main .mid, .default .mid, .home .mid {
	padding-top: 10px;
}
.default .sector, .main .sector, .main .breadcrumb_wrap, .default .breadcrumb_wrap {
	padding-left: 0px;
	padding-right: 0px;
	width: 94%;
	max-width: 100%;
}
.game .breadcrumb_wrap {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	padding-bottom: 20px;
}
/***********************************************************************
		HOME
		************************************************************************/
.about_pane, .edu_pane, .pro_pane, .fam_pane, .activity_pane, .home .content_pane {
	max-width: 600px;
	width: 96%;
	float: none;
	margin: auto;
}
.activity_pane {
	display: none;
}
/***********************************************************************
		MAIN
		************************************************************************/
.main .subnav {
	display: none;
}
.main .top_pane, .main .bot_pane, .main .content_pane {
	width: 100%;
	float: none;
	margin: auto;
}
.main .large_pane {
	width: 65%;
}
.main .small_pane {
	width: 30%;
}
.main .left_pane {
	max-width: 230px;
	width: 30%;
}
.main .mid_pane {
	max-width: 250px;
	width: 32%;
}
.main .right_pane {
	max-width: 230px;
	width: 30%;
}
.main .l_half_pane, .main .r_half_pane {
	max-width: 385px;
	width: 47%;
}
/*****************************************************************
		DEFAULT PANES
		******************************************************************/
.default .subnav {
	display: none;
}
.default .full_pane {
	width: 97.5%;
	margin: auto;
}
.default .content_pane {
	max-width: 800px;
	width: auto;
}
.default .left_pane {
	max-width: 645px;
	width: 69%;
}
.default .right_pane {
	max-width: 220px;
	width: 28%;
}
/*****************************************************************
		GAME PANES
		*****************************************************************/	
.game .bot, .game .mid {
	min-width: 760px;
}
/************************************************************************************
	BOTPANE
	*************************************************************************************/
	/* FOOTER STYLES */
.home .footer, .main .footer, .default .footer, .game .footer {
	padding-right: 20px;
	padding-left: 20px;
}
.home .footer_pane, .main .footer_pane, .default .footer_pane, .game .footer_pane {
	padding-left: 0px;
}
.home .footer_pane ul li, .main .footer_pane ul li, .default .footer_pane ul li, .game .footer_pane ul li {
	padding-right: 10px;
}
/* COPYRIGHT STYLES */
.home .footer #dnn_dnnCopyright_lblCopyright,  .main .footer #dnn_dnnCopyright_lblCopyright,  .default .footer #dnn_dnnCopyright_lblCopyright,  .game .footer #dnn_dnnCopyright_lblCopyright {
	padding-left: 0px;
}
.home #dnn_dnnLogin1_loginLink, .main #dnn_dnnLogin1_loginLink, .default  #dnn_dnnLogin1_loginLink, .game #dnn_dnnLogin1_loginLink {
	float: right;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/*.game .dnnFormPopup #iPopUp {
		width:  960px !important;
		height: 670px !important;
	}*/
}

/* fixes menu for ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* DNN MENU TEMPLATE STYLES - TABLET */
.home .nav .root, .main .nav .root, .default .nav .root, .game .nav .root {
	display: inline-block;
}
.home #dnn_dnnMENU, .home #dnn_dnnMEGA, .home ul.megamenu,  .main #dnn_dnnMENU, .main #dnn_dnnMEGA, .main ul.megamenu,  .default #dnn_dnnMENU, .default #dnn_dnnMEGA, .default ul.megamenu,  .game #dnn_dnnMENU, .game #dnn_dnnMEGA, .game ul.megamenu {
	display: none !important;
}
#dnn_dnnMOBILEMENU {
	display: none;
	visibility: hidden;
}
#dnn_dnnMOBILEMENU[style] {
	display: none !important;
}
/*.game .sector, .game .top_pane, .game .breadcrumb_wrap {padding-left: 150px !important; width: auto !important; max-width: 895px !important; margin-left: 0px;}
	.game .header, .game .mid {width: 98%; float: none;}
	.game .top {min-width: 0px;}*/
	
.game .dnnFormPopup {
/*top: 0px !important;
		left: 0px !important;
		bottom: 0px;
		right: 0px;
		padding: 18px 0px !important;
		top: 135px !important;*/
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* DNN MENU TEMPLATE STYLES - TABLET */
.home .nav .root, .main .nav .root, .default .nav .root, .game .nav .root {
	display: inline-block !important;
}
.home #dnn_dnnMENU, .home #dnn_dnnMEGA, .home ul.megamenu,  .main #dnn_dnnMENU, .main #dnn_dnnMEGA, .main ul.megamenu,  .default #dnn_dnnMENU, .default #dnn_dnnMEGA, .default ul.megamenu,  .game #dnn_dnnMENU, .game #dnn_dnnMEGA, .game ul.megamenu {
	display: none !important;
}
#dnn_dnnMOBILEMENU {
	display: none;
	visibility: hidden;
}
#dnn_dnnMOBILEMENU[style] {
	display: none !important;
}
.nav .root {
	display: inline-block;
	padding: 5px 1.5%;
	border-left: 1px solid #FFF;
	font: 12px Taluhla;
	color: #FFF;
}
.nav .root:hover {
	background-color: #00aeef;
	color: #FFF;
}
.nav .first {
	border: none;
}
.nav .m {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
	color: #0077c0;
	margin: 0px;
	padding: 0;
	text-shadow: none;
	white-space: normal;
}
.nav .m tr:hover {
	color: #00aeef;
}
.nav .m td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}
.nav .m tr:last-child td {
	border: none;
}
.nav .m td.icn {
	border: none;
}
.nav .m td:last-child {
	border-bottom: 0px solid transparent;
}
.tabletmenu {
	display: none;
}
.game .sector, .game .breadcrumb_wrap, .game .top_pane {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 94% !important;
	max-width: 100% !important;
	margin-left: 0px;
}
.game .top_pane {
	float: none;
	margin: auto;
}
.game .subnav {
	display: none;
}
.game .header, .game .mid {
	width: 98%;
	float: none;
}
.game .top {
	min-width: 0px;
}
.game .content {
	min-width: 0px;
}
/*.game .dnnFormPopup {
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
	}*/
	
	/************************************************************************************
	BOTPANE
	*************************************************************************************/
	/* FOOTER STYLES */
.game .footer {
	padding-left: 20px;
	padding-right: 20px;
}
.game .footer_pane {
	padding-left: 0px;
	height: 60px;
}
/* COPYRIGHT STYLES */
.game .footer #dnn_dnnCopyright_lblCopyright {
	padding-left: 0px;
}
}

/* Updated mobile */
@media only screen and (max-width: 768px) {
body.home, body.default, body.main {
	min-width: 300px;
	width: 100%;
	overflow-x: hidden;
}
form {
	min-width: 300px;
}
.home.wrap, .main.wrap, .default.wrap, .bot {
	width: 100%;
	overflow-x: hidden;
}
.home .top, .main .top, .default .top {
	height: auto;
	padding-top: 42px;
	box-shadow: 0px 0px 20px #9f9e9e;
	position: static;
}
.home .header, .default .header, .main .header {
	height: auto;
}
.home .header, .default .header, .main .header, .home .mid, .default .mid, .main .mid, .home .content, .home .sector {
	min-width: auto;
}
.home div.logo, .main div.logo, .default div.logo {
	position: relative;
	width: 100%;
	text-align: center;
}
.home div.logo img, .main div.logo img, .default div.logo img {
	width: 70%;
	max-width: 250px;
}
.home div.search, .main div.search, .default div.search {
	display: none;
}
/* UTILITY STYLES*/
.home .media_pane, .default .media_pane, .main .media_pane {
	position: absolute;
	right: 18%;
	text-align: right;
	top: 20px;
	width: 30%;
}
.media_pane li {
	padding-bottom: 4px;
}
.home .utility, .default .utility, .main .utility {
	background: transparent;
	min-height: 0px;
	width: 100%;
	height: auto;
	float: none;
	position: static;
}
.home .utility a.link, .default .utility a.link, .main .utility a.link {
	top: 80%;
	width: 20%;
	height: 70%;
}
.home .media_pane, .default .media_pane, .main .media_pane {
	width: 100%;
	position: static;
	margin: auto;
	margin-top: 15px;
	float: left;
	height: 35px;
}
.home .media_pane ul, .default .media_pane ul, .main .media_pane ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.home .media_pane li, .default .media_pane li, .main .media_pane li {
	display: inline-block;
	padding-left: 2px;
}
.home .utility a.link, .default .utility a.link, .main .utility a.link {
	bottom: 0;
	height: 44px;
	top: auto;
	width: 65px;
}
.home .media_pane, .default .media_pane, .main .media_pane {
	text-align: center;
	float: none;
}
.home .media_pane li:first-child, .default .media_pane li:first-child,  .main .media_pane li:first-child, .home div.login, .main div.login,  .default div.login {
	display: none !important;
}
/************************************************************************************
	NAVIGATION
	*************************************************************************************/
		
.home .nav .root, .main .nav .root, .default .nav .root {
	display: none;
}
.home .nav, .main .nav, .default .nav {
	height: auto;
	display: none;
}
.navbar-header {
	background: #0077c0;
	display: block;
	height: 40px;
	position: fixed;
	width: 100%;
	z-index: 100000;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 25px;
	height: 4px;
	border-radius: 1px;
	background-color: #fff;
	margin: 5px 0;
}
.navbar-toggle {
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	float: left;
	margin-bottom: 8px;
	margin-right: 0;
	margin-top: 2px;
	padding: 0 10px;
	position: relative;
}
.mobileNav {
	height: 100%;
	position: fixed;
	width: 0px;
	z-index: 100000;
	background: #00aeef;
	float: left;
	display: block;
	margin-top: 40px;
	overflow: hidden;
}
.mobileNav.open, .mobileWrap ul {
	width: 200px !important;
}
.mobileWrap {
	overflow-y: scroll;
	width: 220px;
}
#dnnMOBILEHOME li, #dnnMOBILEORDER li {
	background: none;
	padding: 5px 0 2px 10px;
}
#dnn_dnnMOBILEMENU[style] {
	display: block !important;
}
#dnn_dnnMOBILEMENU {
	display: block;
	visibility: visible;
	margin: auto;
	width: 100%;
}
#dnn_dnnMOBILEMENU .selected {
	background-color: transparent;
}
#dnn_dnnMOBILEMENU .hitarea {
	float: none;
	margin-top: 5px;
	margin-left: 0;
	position: absolute;
	right: 12px;
}
#dnn_dnnMOBILEMENU .hitarea {
	background-image: url("TreeView/dcc-white-plus-minus.gif");
}
#dnn_dnnMOBILEMENU li, #dnnMOBILELOGIN li, #dnnMOBILEORDER li {
	background: #00aeef;
	border-top: 1px solid #FFF;
	list-style-image: none;
	padding: 0;
	text-align: left;
	position: relative;
}
#dnn_dnnMOBILEMENU li:last-child, #dnnMOBILELOGIN > li, #dnnMOBILEORDER > li {
	border-bottom: 1px solid #FFF;
}
#dnnMOBILEORDER > li {
	border-top: none;
}
#dnn_dnnMOBILEMENU li a, #dnnMOBILELOGIN li a, #dnnMOBILEORDER li a {
	color: #FFF;
	font-family: Taluhla;
	font-size: 15px;
	text-decoration: none;
	padding: 2px 20px 2px 38px;
	display: inline-block;
	line-height: normal;
	max-width: 150px;
}
#dnn_dnnMOBILEMENU li:hover, #dnnMOBILELOGIN li:hover {
	background-color: #00aeef;
}
#dnn_dnnMOBILEMENU li > ul {
	background-color: #fff;
	padding: 0;
}
#dnn_dnnMOBILEMENU li > ul > li {
	border: none;
}
#dnn_dnnMOBILEMENU li > ul > li:first-child {
	border-top: 1px solid #FFF;
}
#dnn_dnnMOBILEMENU li > ul > li:last-child {
	border-bottom: none;
}
/*#dnn_dnnMOBILEMENU li > ul > li:hover {background-color: transparent;}*/
#dnn_dnnMOBILEMENU li > ul > li .hitarea {
	display: none;
}
#dnn_dnnMOBILEMENU li > ul> li > a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
}
#dnn_dnnMOBILEMENU li > ul> li > a.selected {
	color: #fff;
}
#dnn_dnnMOBILEMENU li > ul> li > a:hover {
	color: #fff;
}
#dnn_dnnMOBILEMENU li > ul> li > ul > li {
	display: none;
}
#dnn_dnnMOBILEMENU li > ul> li > ul > li[style] {
	list-style: none !important;
	display: none !important;
}
#dnn_dnnMOBILEMENU li > ul> li > ul > li > a.selected {
	display: none;
	border: none;
}
#dnn_dnnMOBILEMENU, #dnn_dnnMOBILEMENU ul {
	margin: 0;
}
#dnnMOBILELOGIN {
	margin: 10px 0;
}
#dnnMOBILELOGIN > li {
	padding: 1px 14px;
}
#dnnMOBILELOGIN img {
	vertical-align: top;
	margin-top: 4px;
}
#dnnMOBILELOGIN li a {
	padding: 2px 8px;
	vertical-align: middle;
}
/***********************************************************************
	MAIN
	************************************************************************/
.home .body, .main .body, .default .body, .home .footer, .main .footer, .default .footer {
	position: relative;
}
/*.main .left_pane, .main .mid_pane, .main .right_pane {display: none;}*/
.main .top_pane, .main .bottom_pane, .main .content_pane, .main .large_pane, .main .small_pane, .main .l_half_pane, .main .r_half_pane {
	max-width: 100%;
	float: none;
	width: 98%;
	margin: auto;
}
/* SCHOOL */
.school .left_pane, .school .mid_pane, .school .right_pane {
	display: block !important;
	max-width: 385px;
	float: none;
	width: 98%;
	margin: auto;
}
.school .left_pane img[style], .school .mid_pane img[style], .school .right_pane img[style] {
	float: none !important;
}
.school .left_pane div.imagediv[style] {
	width: 240px !important;
	margin: auto;
}
.main .content {
	margin: auto;
	width: 100%;
	padding-top: 25px;
}
.main .sector {
	padding: 0 0 0 5px;
	width: 93%;
	margin: auto;
	text-align: center;
}
.main .large_pane, .content_pane, .top_pane {
	width: 100%;
	float: none;
	margin: auto;
}
/*.main .small_pane, .main .left_pane, .main .mid_pane, .main .right_pane {display: none;}*/
	/*.main .small_pane, .main .left_pane, .main .mid_pane, .main .right_pane { width: 100%; float: none; display:block; margin: auto; }*/
	
	/*****************************************************************
	DEFAULT PANES
	******************************************************************/
.default .full_pane {
	width: 100%;
	margin: auto;
}
.default .content_pane {
	width: 100%;
}
.default .left_pane {
	max-width: 100%;
	width: 100%;
	float: none;
}
/*.default .right_pane {display: none;}*/
	
.leftside, .rightside {
	max-width: 100%;
	width: 100%;
}
.ModDNNHTMLC img {
	max-width: 100%;
	height: auto !important;
}
.default .content {
	margin: auto;
	width: 100%;
	padding-top: 25px;
}
.default .sector {
	padding: 0 0 0 5px;
	width: 93%;
	margin: auto;
	text-align: center;
}
.default .left_pane, .default .right_pane {
	width: 100%;
	float: none;
	margin: auto;
	max-width: 100%;
}
/*.default .right_pane {display: none;}*/
		
	/***********************************************************************
	SUBNAV STYLES
	************************************************************************/	
.main #dnn_dnnSUBMENU, .default #dnn_dnnSUBMENU {
	visibility: hidden;
}
.home .mid, .main .mid, .default .mid {
	float: left;
	padding-top: 5px;
}
.default .breadcrumb_wrap, .main .breadcrumb_wrap {
	padding: 15px 15px 0;
}
/***********************************************************************
	HOME
	************************************************************************/	
.home .mid {
	padding-top: 10px;
	padding-bottom: 0px;
}
.home .content {
	width: 100%;
}
.home .sector {
	padding-left: 5px;
	width: 93%;
}
.about_pane, .edu_pane, .pro_pane, .fam_pane {
	width: 96%;
	float: none;
	margin: auto;
}
.activity_pane {
	min-width: 0px;
	max-width: 100%;
	width: 90%;
	float: none;
	margin-top: 0px;
	margin-bottom: 15px;
}
/***********************************************************************
	BLOG
	************************************************************************/	
.dig_pager a {
	text-decoration: none;
	float: left;
	padding: 6px 2px 0;
	text-align: center;
	vertical-align: middle;
}
/***********************************************************************
	GAMES
	************************************************************************/	
.games .small_pane, .games .left_pane, .games .mid_pane, .games .right_pane {
	max-width: 230px;
	width: 100%;
	float: none;
}
.games .mid_pane {
	display: block;
}
.ModDigArticleC img {
	height: auto !important;
	max-width: 100%;
	margin: 5px !important;
}
.hemw .frame {
	float: none !important;
}
.hemw div.frame.purp img {
	margin: 0 !important;
}
/************************************************************************************
	BOTPANE
	*************************************************************************************/
.home .footer, .main .footer, .default .footer {
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}
.home .footer_pane, .main .footer_pane, .default .footer_pane {
	width: 100%;
}
.home .footer_pane ul li, .main .footer_pane ul li, .default .footer_pane ul li {
	padding-right: 10px;
	float: left;
}
.home .footer_social_icons, .main .footer_social_icons, .default .footer_social_icons {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.home .footer_social_icons_leftside, .main .footer_social_icons_leftside, .default .footer_social_icons_leftside {
	float: left;
	margin-right: 8px;
}
.home .footer_social_icons .fbLikeThis, .main .footer_social_icons .fbLikeThis, .default .footer_social_icons .fbLikeThis {
	float: left;
}
.home .footer_social_icons .twitterFollowMe, .main .footer_social_icons .twitterFollowMe, .default .footer_social_icons .twitterFollowMe {
	float: left;
	margin-bottom: 10px;
}
.home .footer_social_icons .addThisButton, .main .footer_social_icons .addThisButton, .default .footer_social_icons .addThisButton {
	float: left;
}
.home .bot, .main .bot, .default .bot {
	height: 350px;
}
.home .footer_pane, .main .footer_pane, .default .footer_pane {
	max-width: 480px;
	width: 90%;
}
.home .footer_pane, .main .footer_pane, .default .footer_pane {
	height: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.home .footer_pane p, .main .footer_pane p, .default .footer_pane p, .home .footer #dnn_dnnCopyright_lblCopyright, .main .footer #dnn_dnnCopyright_lblCopyright, .default .footer #dnn_dnnCopyright_lblCopyright, .game .footer #dnn_dnnCopyright_lblCopyright,  .home .botsearch, .main .botsearch, .default .botsearch {
	display: block;
	float: left;
	clear: both;
}
.home .botsearch input[type="radio"], .main .botsearch input[type="radio"], .default .botsearch input[type="radio"] {
	display: none;
}
.home #dnn_dnnLogin1_loginLink, .main #dnn_dnnLogin1_loginLink, .default #dnn_dnnLogin1_loginLink {
	float: right;
}
}

@media only screen and (max-width: 480px) {
.about_pane, .edu_pane, .pro_pane, .fam_pane, .activity_pane {
	max-width: 300px;
}
/*.main .small_pane, .main .left_pane, .main .mid_pane, .main .right_pane { width: 100%; float: none; display:block; margin: auto; }*/
.main .small_pane, .main .left_pane, .main .mid_pane, .main .right_pane {
	width: 100%;
	float: none;
}
#dnn_ctr5470_HtmlModule_lblContent img, #flashcontent embed {
	height: auto !important;
}

/************************************************************************************
	CSS RESONSIVE TABLE - VIDEOS
	*************************************************************************************/
.table-css {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.table-css .cell-50{
	display: block;
	width: 100%;
	padding: 5px;
}

.table-css .cell-33{
	display: block;
	width: 100%;
	padding: 5px;
}
}

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