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

body         { background-color:#9191ff; 
				color: rgb(0, 0, 0); 
				font-size:  large; 
				font-family: Helvetica, Arial, sans-serif; 
				line-height:140%; 
				margin: 0; 
				padding: 0;}

ul    {list-style-image: url('http://www.dltk-teach.com/dltkstyles/images/dltkbullet1.gif'); margin-top:20px; padding-bottom:10px }
ul ul        { list-style-image: url('http://www.dltk-teach.com/dltkstyles/images/dltkbullet2.gif'); margin-top:20px }
ul ul ul     { list-style-image: url('http://www.dltk-teach.com/dltkstyles/images/dltkbullet3.gif'); }

a:link       { color: rgb(0, 0, 255); }
a:active     { color: rgb(0, 153, 0); }
a:visited    { color: rgb(0, 153, 0); }
li				 { list-style-position: outside; margin-bottom: 20px; }
ul.materialsList li { margin-bottom:5px }
h1           { color: rgb(0, 0, 128); font-size: xx-large; font-weight: normal; font-style: normal; 
					font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; line-height:120% }
h2           { color: rgb(0, 0, 128);   font-size: x-large; font-weight: normal; font-style: normal; margin-top: 0;  }
h3           { color: rgb(255, 0, 0);   font-size: 16pt; font-weight: normal; font-style: normal; margin-top: 0 }
h4           { color: rgb(0, 128, 128); font-size: medium; font-weight: normal; font-style: normal; margin-top: 0;  }
h5           { color: rgb(0, 153, 153); font-size: small; font-style: normal; font-weight: normal; margin-top: 0;  }
h6           { color: rgb(0, 153, 153); font-size: x-small; font-style: normal; font-weight: normal; margin-top: 0; }


/*  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:0 auto; }
article#content { background-color:#ffffff; float:left; width:73%; padding-bottom:20px; padding-left:1%; padding-right:1% }

nav#pageTemplateTop { background-color:#FFFFFF; width:100%; margin:0 auto; }
footer#pageTemplateBottom { background-color:#FFFFFF; width:100%; margin:0 auto; }

nav#leftSideBar { background-color:#DDDDFF; float:left; height:1970px; width:11%; display:inline; overflow:hidden; text-align:left; margin:auto; line-height:100%; font-size:small; padding-left:1%; padding-top:30px }
nav#rightSideBar { background-color:#DDDDFF; float:left; height:2000px; width:12%; display:inline; overflow:hidden; text-align:center; margin:auto; }

nav.siteNav { float:left; width:11%; background-color: #DDDDFF; font-size:small; text-align:center; overflow:hidden; padding:10px 0 10px 0}
div#advertisingBanner { background-color:#9191ff; width:100%; text-align:center; padding-top:0px }
nav#homeButton { float:left; width:18%; text-align:left; padding-left:1%; padding-top:0px }
div#search { float:left; width:60%; text-align:center; padding-top:0px }
nav#socialMedia {float:left; width:19%; text-align:right; padding-right:1% }
nav.footerLinks { float: left; width: 19%; background-color: #E0E0E0; border: 1px solid gray; font-size: small; font-weight: bold; text-align: center; overflow: hidden; padding: 5px 0 5px 0 }
div.footerHalf { float:left; width:48%; padding-left:10px; padding-right: 1%}


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

nav#pageNav { background-color: #ddeeff; width: 100%; padding: 15px 0px 15px 0px; font-size: small; line-height:100%; }   /*  Navigation ID - top of page in green-ish box  */

nav.otherNav { background-color: #ddeeff; width: 100%; padding: 15px 0 15px 0; margin-top: 70px; font-size: medium; line-height:100%; text-align:center }  /*  Navigation CLASS - centered - I usually use at the bottom of page  */

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

.indexSection { background-color: #DDDDDD; font-size:small; font-weight: bold; line-height:110%; }
.indexImage  { float:left; text-align:center; margin: 0 20px 0 20px; min-width:200px; 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 }

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

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

p.keywords { color: #9B9B9B; font-size: small; text-align:right }

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

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 20px 10px 0; width: 40%; text-align:center }
div.columnsThree { float: left; padding: 10px; margin: 0 5px 5px 0; width: 30%; text-align:center }
div.columnsFour { float: left; text-align:center; padding:5px; margin:10px; width: 200px; min-height:240px; font-size: medium; border: 1px solid navy }