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

@media print {
	.no-print {display:none}
	.topNav {display:none}
	nav.leftNav {display:none}
	#leftSideBar {display:none}
	#rightSideBar {display:none}
	.topBottomBorder {display:none}
	div#adBox { display:none }
}

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

img			 { border:0px; max-width:100% }

table   { font-size:medium; border:0; padding:3px; width:82%; margin:0 auto }


/*  These styles are for the dwt templates  */
/*  Remember . indicates a CLASS which can be used multiple times on a page  
	   while # indicates an ID which should only be used once per page  */

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

.topBottomBorder { width:100%; margin:auto; line-height:100%; }
#leftSideBar { float:left; width:6%; overflow:hidden; text-align:left; margin:auto; line-height:100%; }
#rightSideBar { float:right; width:16%; overflow:hidden; text-align:right; margin-left:1%; line-height:100%; }

div#adBanner     { float:left; width:728px; height:95px; text-align:center; }
div#adBox 		 { float:right; text-align:center; vertical-align:text-top; background-color:white; width:325px; padding-left:20px }
div#homeButtonHide  { float:left; width:200px; height:95px; overflow:hidden; margin-right:50px }
div#homeText     { background-color:#DDDDFF; float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
div#searchBox    { float:left; height:40px; text-align:center; vertical-align:text-top; width:400px; padding:15px 0 5px 0 }
div#searchText   { background-color:#DDDDFF; float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
div#socialMedia  { float:right; background-color:#DDDDFF; height:40px; width:300px; text-align:center; overflow:hidden; padding:10px 0 10px 0 }
div.topButtons   { float:left; background-color:#DDDDFF; height:40px; width:200px; text-align:center; overflow:hidden; padding:20px 0 0px 0 }

/*  These styles are for the editable content  */
/*  Remember . indicates a CLASS which can be used multiple times on a page  
	   while # indicates an ID which should only be used once per page  */

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

.printVersionLink { background-color: #eeddff; }

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

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

.indexHighlight { background-color: #DDDDDD; font-weight: bold; font-size: small; line-height:100%; }

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

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

.floatStop { clear:both; margin: 10px 0 10px 0; }
.floatRight { float: right; margin: 0 0 5px 20px; text-align: center; line-height:100%; }
.floatLeft { float: left; margin: 0 10px 5px 0; vertical-align: middle; }

.topNav { padding: 15px 0 15px 0; margin: 0; 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(http://www.dltk-kids.com/images/fade-grey.jpg)}

div.columnsIndex { font-size:large; float:left; padding:10px 20px 10px 20px; margin:0 20px 10px 20px; width:40%; border:1px solid gray; min-height:160px }

div.columnsTwo { float: left; padding: 20px; margin: 0 20px 10px 0; width: 40%; border: 1px solid gray }
div.columnsTwoNoBorder { float: left; padding: 10px; margin: 0 10px 5px 0; width: 45%; text-align:center }
div.columnsThree { float: left; padding: 5px; width: 30%; text-align:center; font-size:medium; border: 1px solid gray }
div.columnsFour { float: left; text-align:center; padding:4px; margin:8px; width: 180px; min-height:240px; font-size: medium; border: 1px solid navy }