/*  These styles prevent the navigation and advertising from printing  */

@media print {
	.no-print {display:none}
	body  { background-color: rgb(255, 255, 255)}
	div#adBanner {display:none}
	div#advertisingBox  {display:none}
	div#socialMedia  {display:none}
	div#searchBox  {display:none}
	div.topButtons  {display:none}
	div#searchText  {display:none}
	div#homeText    {display:none}
	div#homeButtonHide  {display:none}
		#amp_floatingAdDiv{ display: none !important;} 
	nav.topNav {display:none}
	nav.leftNav {display:none}
	.topBottomBorder {display:none}
	.leftSideBar {display:none}
	.rightSideBar {display:none}
	nav.navigation {display:none}
	article#content { width:100% }
}


/*  These styles are the defaults for both the dwt templates and the editable content  */

ul           {list-style-image: url('images/dltkbullet1.gif'); margin-top:20px; padding-bottom:10px }
ul.materialsList li { padding-bottom:5px }
ul ul        { list-style-image: url('images/dltkbullet2.gif'); margin-top:20px }
ul ul ul     { list-style-image: url('images/dltkbullet3.gif'); }
li			 { list-style-position: outside; padding-bottom:20px }
a:link       { color: rgb(0, 0, 255); }
a:active     { color: rgb(0, 153, 0); }
a:visited    { color: rgb(0, 153, 0); }
a:hover 	 { color: rgb(70, 130, 180); }
body         { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: large; line-height:140%; font-family: Helvetica, Arial, sans-serif }
h1           { color: rgb(0, 0, 128); font-size: xx-large; font-weight: normal; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height:120%; }
h2           { color: rgb(0, 0, 128); font-size: x-large; font-weight: normal; font-style: normal }
h3           { color: rgb(255, 0, 0); font-size: large; font-weight: normal; font-style: normal }
h4           { color: rgb(0, 128, 128); font-size: medium; font-weight: normal; font-style: normal }
h5           { color: rgb(0, 153, 153); font-size: small; font-weight: normal; font-style: normal }
h6           { color: rgb(0, 153, 153); font-size: x-small; font-weight: normal; font-style: normal }
/* Remark this one out because it is messing with dltk-cards legacy content
table        { line-height:110%; border:0; padding:3px 6px 3px 6px; width:85%; margin: 0 auto }
td  	     { min-width:200px }
*/
img			 { border:0px; max-width:100%; max-height:100% }


/*  These styles are for the dwt templates  */

div#container { width:100%; margin:5px auto; }
article#fullScreen { margin-left:5%; margin-right:5% }
article#content { float:left; width:70%; padding:0 1% 0 1%; margin:auto }
article#contentLarge { float:left; width:82%; padding:0; margin:auto }

.topBottomBorder { width:100%; line-height:100%; }
.leftSideBar { float:left; width:5%; overflow:hidden; text-align:left; margin:auto; line-height:100%; }
.rightSideBar { float:right; width:20%; overflow:hidden; text-align:right; margin-left:1%; line-height:100%; }
.upper-right300x600 { float: right; margin: 15px 0px 20px 20px; vertical-align: text-top; }

div#homeButtonHide  { float:left; text-align:left; width:220px; background-color:white; overflow:hidden; display:inline }
div#homeText    { float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
div.topButtons  { float:left; width:100px; text-align:center; overflow:hidden; padding-top:25px }
div#socialMedia { float:right; width:275px; text-align:center; overflow:hidden; padding-top:15px }
div#adBanner    { width:100%; text-align:center; }
div#searchBox   { float:left; width:300px;padding-top:15px; text-align:left }
div#searchText  { float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
nav.navigation { clear:both; background-color: #DDDDFF; padding:0; margin:auto; text-align:center; overflow:hidden; }
div.adSmallScreen { background-color:#FFFFFF; width:100%; text-align:center; display:none }

/*  Styles for new branding in January 2021  */
nav#DLTKtopborder { width:100%; line-height:100%; }

div#DLTKadBanner { width:100%; text-align:center; min-height: 90px; }

div#DLTKbranding { width:100%; margin: auto; background-color: #DDDDFF; text-align:center; }

div#DLTKsitenav { clear:both; background-color: #DDDDFF; padding:0; margin:0; overflow:hidden;}
div.DLTKsitenavButtons { float:left; width:125px; text-align:center; overflow:hidden; padding-top:20px; font-family: Helvetica, Arial, sans-serif; font-size: large; }
div#DLTKsitenavSearch { float:left; width:300px;padding-top:10px; text-align:left }
div#DLTKsitenavSocial { float:right; max-width:325px; text-align:center; overflow:hidden; }
div#TEACHsiteNav { width:100%; background-color: #DDDDFF; text-align:center; overflow:hidden; }
div.TEACHsiteNavlinks { float:left; width:14%; background-color: #DDDDFF; font-size:small; text-align:center; overflow:hidden; padding:10px 0 10px 0}

#rightSideBarLinks { font-size: small; font-weight:normal; line-height: 200%; text-align:center; }
p.rightSideBarLinks { font-size: small; font-weight:normal; line-height: 150%; text-align:center; }
hr.rightSideBarLine { margin: 5px 0px 5px 0px; clear: both; }

/*  These styles are for the editable content  */

nav.topNav{ padding: 15px 0 15px 0; margin: 0px; font-size: small; width: 100%; background-color: #ddeeff; line-height:100%; }
nav.leftNav { float:left; width:10%; overflow:hidden; font-size: small; text-align:left; margin-right:20px; line-height:120%; padding:20px 20px 20px 0; min-height:1500px; background-image:url(/images/fade-grey.jpg)}

header#mainHeader { margin-bottom:10px }
#author { font-size: small; font-style:italic }
h3#materials   { padding-top: 20px }

.pageTitleShrink { font-size: medium; font-family: Helvetica, Arial, sans-serif}

.printVersionLink { background-color: #eeddff; }

.indexHighlight { clear:both; background-color: #DDDDDD; font-weight: bold; font-size: small; width:100% }

.indexImage  { 	float:left; text-align:center; margin: 0 20px 0 20px; min-width:250px; max-width:300px; min-height:100px; vertical-align:middle }
.indexText  { 	float:left; margin:0; min-width:150px; max-width:550px; min-height:100px; vertical-align:middle }

div#indexLeft { clear:both; width: 36%; margin:2%; float:left; background-color:white; padding:1% }
div#indexRight { width: 55%; background-color:#f0f0f0; float:left; padding:1% }

.textLarge { font-size: large; }
.textMedium { font-size: medium; }
.textSmall { font-size: small; }

.indentLarge   { margin-left: 80px }
.indentSmall   { margin-left: 40px }

.floatStop { clear:both; }
.floatRight { float: right; margin: 0 0 20px 20px; vertical-align: text-top; }
.floatLeft { float: left; margin: 0 20px 20px 0; vertical-align: middle; }

div.columnsOne { float: left; padding:4px; margin:6px; width: 75%; border: 1px solid navy }
div.columnsTwo { float: left; padding: 2%; margin: 0 2% 1% 0; width: 43%; border: 1px solid gray; }
div.columnsThree { float: left; padding: 15px; margin:0px; width: 28%; border: 1px solid gray; }
div.columnsFour { float: left; text-align:center; padding:4px; margin:6px; width: 190px; min-height:240px; font-size: medium; border: 1px solid navy }
div.columnsFourTall { float: left; text-align:center; padding:4px; margin:6px; width: 190px; min-height:280px; font-size: medium; border: 1px solid navy }

div.columnsTwoNoBorder { float: left; text-align:left; padding: 5px; margin:0px; width: 45%; }
div.columnsThreeNoBorder { float: left; text-align:center; padding: 5px; margin:0px; width: 32%; }
div.columnsFourNoBorder { float: left; text-align:center; padding: 5px 3px 5px 3px; margin:0px; width: 24%; }
div.columnsFiveNoBorder { float: left; text-align:center; padding: 5px 3px 5px 3px; margin:0px; width: 19%; }

div.blogMakeIt {border-top-style:double; border-bottom-style:double; border-color:black; margin-left:5%; margin-right:5%; background:lemonchiffon}
	div.blogMakeIt h2 {font-weight:bolder; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color:black} 
	div.blogMakeIt h3 {font-weight:bolder; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color:black} 

div.blogPicCaption { float: center; text-align: center; padding: 0px; margin:0px; }
	div.blogPicCaption p { text-align: center; color: rgb(0, 0, 128); font-size: small; padding: 0px; margin:0px; font-style: italic }