/*
 *	DAIRY COUNCIL OF CALIFORNIA
 *	DOTNETNUKE SKIN STYLES
 *	CREATED BY 2PLUS2PARTNERS
*/

@import url("css/bootstrap.css");
@import url("css/font-awesome.min.css");

/*********************************START DEFAULT STYLES****************************************/
/* BOOTSTRAP FIXES */
#ControlBar {
  box-sizing: content-box !important;
}

mark,.mark {
  background: transparent !important;
}

.Head {
  border-bottom: none;
}

.form-control {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 9px;
    padding-left: 9px;
}

.container {
    padding-right: 11px;
    padding-left: 11px;
    margin-right: auto;
    margin-left: auto;
}

.console-large h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: normal;
}

/************************************************************************************
	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;
}


@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol.eot');
    src: url('fonts/lato-bol.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol.woff2') format('woff2'),
         url('fonts/lato-bol.woff') format('woff'),
         url('fonts/lato-bol.ttf') format('truetype'),
         url('fonts/lato-bol.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/lato-bolita.eot');
    src: url('fonts/lato-bolita.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bolita.woff2') format('woff2'),
         url('fonts/lato-bolita.woff') format('woff'),
         url('fonts/lato-bolita.ttf') format('truetype'),
         url('fonts/lato-bolita.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline';
    src: url('fonts/lato-hai.eot');
    src: url('fonts/lato-hai.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-hai.woff2') format('woff2'),
         url('fonts/lato-hai.woff') format('woff'),
         url('fonts/lato-hai.ttf') format('truetype'),
         url('fonts/lato-hai.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline_italic';
    src: url('fonts/lato-haiita.eot');
    src: url('fonts/lato-haiita.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-haiita.woff2') format('woff2'),
         url('fonts/lato-haiita.woff') format('woff'),
         url('fonts/lato-haiita.ttf') format('truetype'),
         url('fonts/lato-haiita.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-lig.eot');
    src: url('fonts/lato-lig.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig.woff2') format('woff2'),
         url('fonts/lato-lig.woff') format('woff'),
         url('fonts/lato-lig.ttf') format('truetype'),
         url('fonts/lato-lig.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/lato-ligita.eot');
    src: url('fonts/lato-ligita.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-ligita.woff2') format('woff2'),
         url('fonts/lato-ligita.woff') format('woff'),
         url('fonts/lato-ligita.ttf') format('truetype'),
         url('fonts/lato-ligita.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-reg.eot');
    src: url('fonts/lato-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg.woff2') format('woff2'),
         url('fonts/lato-reg.woff') format('woff'),
         url('fonts/lato-reg.ttf') format('truetype'),
         url('fonts/lato-reg.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-regita.eot');
    src: url('fonts/lato-regita.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regita.woff2') format('woff2'),
         url('fonts/lato-regita.woff') format('woff'),
         url('fonts/lato-regita.ttf') format('truetype'),
         url('fonts/lato-regita.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************************************************
	DEFAULT FONTS
*************************************************************************************/
.SkinObject {
	font-weight: normal;
	font-size: 1rem;
}
a.SkinObject:hover {
	color: #00aeef;
	text-decoration: underline;
}
a:hover {
	color: #00aeef;
}

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

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

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

	
/************************************************************************************
	SKIN STRUCTURE
*************************************************************************************/
html {
	
	font-size: 18px;
	height: 100%!important;
    width: 100%!important;
}

body {
	font-family: 'latolight', Arial, san-serif;
	background: url(images/milk.jpg) no-repeat top left !important;
	font-size: 18px;
	overflow-x: hidden!important;
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
    padding: 0!important;
    padding-right: 0!important;
	margin: 0;
	padding: 0;
	height: 100%;
	
}
form#Form {
	height: 100%;
}
/************************************************************************************
	BODY FOR STICKY FOOTER
*************************************************************************************/

body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}
.wrap {
	min-height: 100%;
}
.body {/*overflow:auto;*/
	
	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
	*************************************************************************************/
.showControlBar	.top {
	margin-top: 51px;
}
	
.top {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1000;
	/*height: 135px;*/
	border-top: 5px #6a2c91 solid;
}
.header {

    height: 135px;
	position: relative;
	margin: 0 auto;
}
/* LOGO */
.logo {
	margin-top: 0px;
	text-align: left;
	position: relative;
	height: 135px;
	z-index: 10000;
}


.logo img {
	position: absolute;
    bottom: 0;
	width: 100% !important;
	max-width: 350px !important;
}

/* UTILITY STYLES*/
.utility {
	display: block;
	/*background: url(images/blocks.png) no-repeat bottom right;*/
	padding-top: 65px;
	height: 135px;
	text-align: right;
	
}
.utility a.link {
	position: absolute;
	top: 15px;
	right: 0;
	width: 110px;
	height: 100%;
}

.blocks {
	
	position: relative;
	height: 135px;

}


.blocks img {
	position: absolute;
	right: 0;
    bottom: 0; 
	width: 100% !important;
	max-width: 175px !important;
}

.media_pane {
	width: 100%;
}

.media_pane a:link{
	text-decoration: none;
}
.media_pane ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.media_pane li {
	display: inline-block;
*display: inline;
*float: left;
	padding-left: 2px;
}

.media_pane .social a:link, .media_pane .social a:visited {
	color: #585858 !important; 
	text-decoration: none !important;
	font-size: 28px;
	margin: 0px 10px;
}
.media_pane .social a:hover {
	color: #00aeef !important;
}


/* LOGIN */
.login {
	
	font-weight: lighter;
	word-spacing: 5px;
	display:inline-block;
}
/*.login_btn.login { left: 70px; }*/
.login a {
	text-decoration: none !important;
	font-weight: lighter;
	word-spacing: normal;
}
.login_btn.login a {
	display: block;
	background: url('images/icon-sign-in.png') no-repeat right top;
	padding: 5px 45px 0px 13px;
	text-decoration: none !important;
	height: 40px;
	vertical-align: middle;
	color: #585858;
	
}

.login_btn.login a:hover {
	background: url('images/icon-sign-in.png') no-repeat right bottom;
	color: #00aeef;
	text-decoration: none !important;
}

.order_btn a {
	display: block;
	background: url('images/icon-order.png') no-repeat right top;
	padding: 5px 45px 0px 13px;
	text-decoration: none !important;
	height: 40px;
	vertical-align: middle;
	color: #585858;

}

.order_btn a:hover {
	background: url('images/icon-order.png') no-repeat right bottom;
	color: #00aeef;
	text-decoration: none !important;
}
/*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-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 {
	display:inline-block;
	/*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 {
	
	border: 1px solid #585858;
	color: #585858;
	height: 38px;
	width: 180px;
	margin-right: -5px;
	margin-left: 10px;
	padding-left: 5px;
}
.search #dnn_dnnSearch_cmdSearch {
	display: inline-block;
	background: url('images/icon-search.png') no-repeat right top;
	padding: 0px;
	text-decoration: none !important;
	vertical-align: middle;
	border: none;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: normal;
	text-indent: -9999px;
}

.search #dnn_dnnSearch_cmdSearch:hover {

	background: url('images/icon-search.png') no-repeat right bottom;
	
}
.search #dnn_dnnSearch_cmdSearch a:link, .search #dnn_dnnSearch_cmdSearch a:visited {
	color: #FFF;
	text-decoration: none;
}
.search a:link, .search a:visited {
	color: #FFF;
	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;
}

.order {
	display:inline-block;
	/*position: absolute;
	bottom: 10px;
	right: 150px;
	text-align: right;*/
	padding: 0px 5px;
	
}
/************************************************************************************
		MAIN NAVIGATION
		*************************************************************************************/
.mobileNav {
	display: none;
}
.nav {
	background-color: #0077c0;
	width: 100%;
	float: left;
	margin: auto;
	height: 47px;
}
.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 {
	font-family: 'latolight';
	font-size: 1rem;
	color: #FFF;
	text-decoration: none !important;
	background-color: #0077c0;
}

ul.megamenu a.level0 {
	margin-right: -5px;
	padding: 11px 25px;
	border-left: 1px solid #FFF;
	
}
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: 370px;
	max-width: 370px;
	padding-bottom: 15px;
	 
}

div.sub9:last-child {
	margin-left: -227px;
}
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-size: 13px !important;
	line-height: 15px !important;
	text-align: left;
	font-weight: bold;
	line-height: 1;
	color: #0077c0;
	margin: 2px 5px;
	padding: 0;
	text-shadow: none;
	white-space: normal;
	width: 150px;
	letter-spacing: normal !important;
	background-color: #fff;
}
#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;
	padding: 5px 15px;
	margin: 0;
	white-space: normal;
	display: block;
	background-color: #fff;
}
#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 without dropsmenus */
.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: 190px;
	/*text-align: center;*/
	width: 100%;
}

/* BREADCRUMB STYLES */
.breadcrumb_wrap {
	width: 100%;
	text-align: left;
	font-weight: normal;
	font-size: 13px !important;
	line-height: normal;
	padding-bottom: 20px;
	padding-left: 200px;
}

.breadcrumb_wrap a{
	font-size: 15px !important;
	text-decoration: none !important;
}
#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;
}

.content_table {
	display: table;
	width: 100%;
	margin-left: -11px;
	}

.content_nav_column {
	display: table-cell;
	width: 180px;
	vertical-align: top;
	
	
}

.content_column {
	display: table-cell;
	padding-left: 6px;
		
}
/*SubNavigation Styles*/
/*.main #dnn_dnnSUBMENU {
margin-left: -150px;
margin-left: -550px;
}*/

.subnav {
	position:fixed;
	width: 180px;
	margin-top: -20px;
	z-index: 100;
}

/*@media only screen and (max-width: 1200px) {
.subnav {
	position:fixed;
	width: 140px;
	margin-top: 5px;
}
.content_nav_column {
	display: table-cell;
	width: 140px;
	
}	
	
}*/
#dnn_dnnSUBMENU {
	visibility: visible;
	background-color: #55c6f0;
	width: auto;
	/*position: fixed;*/
	margin-top: 0px;
	/*margin-left: -60px;*/
*margin-left: -560px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 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;
}

.treeview .hitarea {
	margin-top: 4px;
}
#dnn_dnnSUBMENU li a {
	color: #FFF;
	font-size: 13px;
	font-family: 'latoregular', Arial, san-serif !important;
	padding-right: 5px;
	text-decoration: none !important;
	padding: 5px 0px !important
}
#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;
}

.breadcrumb {
    
    background-color: transparent !important;
  
}

#dnn_dnnSUBMENU a.selected {
    /*padding: 0px !important;*/
	background-color: transparent;
    color: #0077c0;
}

/*.breadcrumb {
    padding: 8px 0px !important;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent !important;
    border-radius: 0px;
}*/

/*****************************************************************
		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: -450px; negative value of footer height */
	height: 40px;
	clear: both;
	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: 730px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	/*padding-left: 80px;*/
	background-color: #0077c0;
}

.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;
}

.home .footer .Normal {margin-left: 0px;}
.home .footer .SkinObject {margin-left: 0px;}

.footer .Normal {margin-left: 180px;}
.footer .SkinObject {margin-left: 180px;}

@media (max-width: 768px) {
	.footer .Normal {margin-left: 0px;}
.footer .SkinObject {margin-left: 0px;}
}
.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-size: 13px !important;
}

.footer_pane .Normal, .footer_pane_bot p {
	color: #FFF;
	font-weight: lighter;
	line-height: normal;
	font-size: 13px !important;
	margin-bottom: 0px;
}

.footer_pane .Normal, .footer_pane p a:link, .footer_pane .Normal, .footer_pane p a:visited{ 
color: #FFF;
}

.footer_pane .Normal, .footer_pane p a:hover { 
color: #00aeef;
}

.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;
	text-decoration: underline; 
}
.footer_pane .trans {
	margin-bottom: 15px;
}
/* COPYRIGHT STYLES */
.footer #dnn_dnnCopyright_lblCopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: lighter;
	line-height: normal;
}
span#u_0_4 {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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: 0px;
	margin-bottom: 15px;
	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; 
	height: 20px;
	text-align: center;
	line-height: normal;
}*/

.botsearch #dnn_dnnSearch1_txtSearch {
	
	border: 1px solid #585858;
	color: #585858;
	height: 38px;
	width: 180px;
	margin-right: -5px;
	margin-left: 0px;
	padding-left: 5px;
}
.botsearch #dnn_dnnSearch1_cmdSearch {
	display: inline-block;
	background: url('images/icon-search.png') no-repeat right bottom;
	padding: 0px;
	text-decoration: none !important;
	vertical-align: middle;
	border: none;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: normal;
	text-indent: -9999px;
}
.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 (min-width: 768px) {
  .container {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100% !important;
    max-width: 1178px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 100% !important;
    max-width: 1366px !important;
  }

}

@media (min-width: 1366px) {
  .container {
    width: 100% !important;
    max-width: 1336px;
  }
}


/************************************************************************************
MEDIA QUERIES ---- N E W ---- N E W ----
*************************************************************************************/
@media (min-width: 993px) and (max-width: 1200px) {
html { font-size: 16px !important;}  
body { font-size: 16px !important;}
ul.megamenu a.level0 {
	margin-right: -5px;
	padding: 9px 20px;
	border-left: 1px solid #FFF;	
}
}


@media (max-width: 992px) {
html { font-size: 14px !important;}
body {font-size: 16px !important;}

.top {
    height: 110px;
}

.header {
    height: 105px;
}
/* LOGO */
.logo {
	margin-top: 0px;
	height: 105px;
	text-align: center;
}

.logo img {
	position: inherit;
    bottom: 0;
	left: 20px;
	width: 100% !important;
	max-width: 250px !important;
}



/* UTILITY STYLES*/
.utility {
	padding-top: 25px;
	height: 105px;
	
}

.blocks {
	
	height: 105px;
	
}
}

@media (max-width: 667px) {
html { font-size: 13px !important;}  
body { font-size: 16px !important;}
}


/* for 1125px or less - DEALS WITH SUBNAV */


@media only screen and (max-width: 1100px) {
/************************************************************************************/
		/* DNN MENU TEMPLATE STYLES - TABLET */
.utility {
	padding-top: 35px;	
}		
		
/***********************************
    NAV Tablet
***********************************/			
.nav .root {
	display: inline-block;
	padding: 12px 20px;
	border-left: 1px solid #FFF;
	font-size: 1rem;
	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: 200px;
	width: auto;
	max-width: 895px;
}
.game .breadcrumb_wrap {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	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: 20px;
	padding-right: 20px;
}
}

/* for 1125px or less - DEALS WITH HOMEPAGE */
@media only screen and (max-width: 1024px) {
.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: 100%;
	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;
}




/* 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.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;
	display:block;
}
.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: 260px !important;
}
.mobileWrap {
	overflow-y: scroll;
	width: 260px;
}
#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: 'latolight', Arial, sans-serif !important;
	font-size: 15px;
	text-decoration: none !important;
	padding: 5px 20px 5px 38px !important;
	display: inline-block;
	line-height: normal;
	margin-right: 5px;
	/*max-width: 150px;*/
}

#dnnMOBILELOGIN li a {
	padding-left: 6px !important;
}

#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: 'latoregular', 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;
}

.content_nav_column {
	display: none;

}
.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: 450px;
}
.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****************************************/