@charset "UTF-8";
/* CSS Document */

/* 
#eeece7 light gray (not ##eee9df)
#c8c7c5 light-med gray
#93928a med gray (used in "Artist & Educator" ID)
#61624a dark gray
#627d8e blue gray
#3f7597 link blue gray
*/



#syllabiInfo {position: relative;}


/* ================= student resources (classfiles index page) ================= */

.classfilesReturnLink {
	clear:both;
	text-align: center;
	padding-top: 1em;
}

.jumptolink {
		clear:both;
	text-align: center;
	padding-top: 1em;
}
.backtotop {
	clear:both;
	margin: 1em 0 2em;
	text-align: center;
}

.twoColumns {
	column-count: 2;
	column-gap: 40px;
	column-rule: 1px solid black;
}

#classfilesindex #siteID {
		display:none;
}

#classfilesindex #searchForm {
	display:none;	
}


#classfilesindex #main {
		margin-top:0px;
	padding-top:20px;
}

#columns {
	padding-top:0;
}

#classfilesindex .sidebar {
	float:right;
	font-weight:bold;
	font-size: 1.2em;
	background-color: #fff;
	z-index: 50;
}
#classfilesindex .sidebar p {
	margin-bottom: .3em;
}

#classfilesindex .sidebar a {
	display:block;
padding:  .5em 1em;
	border:none;
	border: 2px solid #93928a;
}
#classfilesindex .sidebar a:hover {
	background-color: #e1eef7;
	
}

#classfilesindex  section.column div {
	margin: 10px  0 10px 0;
	
}


#classfilesindex  section div.heading {
	
	
	box-sizing: border-box;
	margin:0 0 .5em 0;
	padding:5px 5px 8px;
	text-align: center;
	
	background-color:#93928a;
}



#classfilesindex h2 {
	color:#000;
}

#classfilesindex  section div.heading h2 {
font-size:.85em;
	margin:0 0;
	color:#fff;
	color:#61624a;
	color:#fff;
	
}

#classfilesindex  section div.heading p {
		font-size:.75em;
	line-height:1em;
	font-weight:bold;
	padding:0;
	margin:.3em 0 0 0;
	
	color:#93928a;
	color:#eeece7;
}
	
#classfilesindex  section  h3 {
	color: #61624a ;
	font-size:1em;
	margin:1em 0 .5em 0;
	padding:0;
	border-bottom: 1px solid #c8c7c5;
	
}

#classfilesindex  section  h4 {
	color: #61624a;
	font-size:.9em;
	margin:.5em 0 .2em 0;
	padding:0;
	border:none;
}

#classfilesindex section p, #classfilesindex section ul li, #classfilesindex section ol li   {
	font-size:1em;	
	line-height:2em;
}

#classfilesindex section .sidebar p {
	font-size: .85em;
}

#classfilesindex section li li {
	font-size:100%;
}
 #classfilesindex section ul li {
		margin-left:1.3em;
		list-style-type:disc; 
 }
 
  #classfilesindex section ol li {
		margin-left:1.7em;
		list-style-type:decimal;
 }

#classfilesindex section li a {
	/*display:block;*/	
	padding-left:3px;
	width:100%;
}


#classfilesindex  #announcement {
	padding:10px;
	background-color:#fff;
	clear:left;
	border:none;
	
	
}

#classfilesindex #announcement p {
	font-weight:bold;
	color:rgba(231,0,2,1);
}


#classfilesindex #fbbutton, 
#handout #fbbutton, 
#classfilesindex #socialNetworks,
#handout #socialNetworks,
#classfilesindex #html5logo,
#handout #html5logo
{
	display: none;
}


/* ================= handouts ================= */
#handout #siteID {
		display:none;
}

#handout #searchForm {
	display:none;	
}

body#handout {
	width: 100%;	
	max-width:960px;
	background-color: #fff;
		
}

#courseInstructorInfo img {
	
height:17px;
}

p.breadcrumbs {
	font-size: 11px;
	margin:0 0 10px 0;
}

p.courseName {
	font-size: 1em;
	line-height:1em;
	font-weight:bold;
	margin-bottom:0;
	padding-top:.5em;
	color:#93928a;
	text-transform: uppercase;
}

.handoutIntro {
	display:none;
}


#handout #main {
	margin-top:0px;
	padding-top:1em;
}


#handout #main h1 {
	font-size:2em;
	line-height:1em;
	font-variant:small-caps;
	padding-bottom:2px;
	border-bottom: 1px solid #93928a;
	background-image:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
}
#handout #main h2 {
	font-size:1.125em;	
	margin: .5em 0 0 0;
	color:#93928a;
}

#handout #main h3 {
	font-size:.95em;
	margin-top:.5em;	
}

#handout #main h4 {
	font-size:.9em;
	margin-top:.2em;	
}

#handout #main table {
	font-size: .85em;
	line-height: 1.5em;
}


#handout #main li {	
	/**/font-size: .85em;
	line-height: 1.5em;	
}

#handout #assignmentText li {
	font-size: .85em;
	line-height: 1.5em;	
}

#handout #main li li, 
#handout #assignmentText li li, 
#assignmentText li p {
	font-size: 100%;
}



#handout #main table ul, #handout #main table p {  
	font-size: 100%;
}

#handout #courseDetails ul, 
#handout #courseDetails ol, 
#handout #main ul, 
#handout #main ol {
	margin-bottom: .7em;
}

#handout #courseDetails ol li, 
#handout #main ol li {
	margin-left: 2em;
	list-style:decimal;
}

#handout #courseDetails ol ol li, 
#handout #main ol ol li {
	list-style:upper-alpha;
		
}

#handout #courseDetails ol ol ol li, 
#handout #main ol ol ol li {
	list-style:lower-alpha;
		
}

#handout #courseDetails ol ol ol ol li, 
#handout #main ol ol ol ol li ,
#handout #courseDetails ul li, 
#handout #main ul li {
	
	/*list-style:lower-roman;*/
	margin-left: 2em;
	list-style:disc;
	}	

		
#handout #courseDetails ul ul li, 
#handout #main ul ul li,
#handout #courseDetails ol ul li,
#handout #main ol ul li {
	margin-left: 2em;
	list-style:circle;
		
}

img.handoutThumb, div.handoutThumb,  object.handoutThumb {
	display:none;
}


#handout #bottomNav {
	clear:both;
	margin-top:1em;	
	padding-top:.5em;
	border-top: solid 1px #c8c7c5;
}

body#handout #socialNetworks {
	display:none;	
}

.dueDate {
	border: solid 2px #AA0000;
	padding:5px;
	font-weight:bold;	
}

/* ===== handout layout options ======== */



/* ================= media  on handouts================= */

#handout img.imgHalfPage {
	width:100%; /* changed to 50% at 640 */
	max-width:450px;
	margin:.5em 0;
	
}


#handout img.imgtwothird {
	width:100%; 
	max-width:600px;	
}


#handout img.image300 {
	width:100%;
	max-width:300px;
	margin:.5em 0;	
}

#handout img.image300floatR {
	width:100%;
	max-width:300px;
	display:block;
	margin:.5em 0;	
}

#handout img.image424 {
	width:100%;		
	max-width:424px;
	margin:.5em 0;
}

#handout img.image500floatR {
	width:100%;
	max-width:500px;
	display:block; /* good for floated images as it helps avoid awkward text breaks above/below image */
	margin:.5em 0;	
}


#handout .pic800 {
	width:100%;
	max-width:800px;
	display:block;
	margin:.5em 0;
}


/* new rule, trying to consolodate others */
#handout #examplecolumn video {
		display:block;	
		margin: 0 auto 1em;
		width:80%

	}


#handout .vidBlock {
	margin-bottom:20px;	
	
}


#handout .vidBlock video {
	width:90%; 
	
	display:block;
	margin:0 auto 5px;
}


#handout .smallVideo video {
	width:100%;	
}


#handout .vidBlock2 {
	box-sizing: border-box;
	margin-bottom:20px;	
	padding-right:1em;
}

#handout .vidBlock2 video {
	width:100%; 
	display:block;
	margin:5px auto 5px;
}

#handout .vidBlock2 img { 
	width:100%; 
	display:block;
	margin:5px auto 5px;
}

#handout .vidBlock2 h2, #handout .vidBlock2 h3, #handout .vidBlock2 p {
	text-align:left;
}


.photo350FR img {
	width:100%;
	max-width:350px;
	display:block;
	margin:0 auto.5em auto;
}

.contectPicAndCaption-350-R img {
	width:100%;
	max-width:350px;
	margin:.5em;
}

#shotExamples p {
	padding:3px 20px 0 0;	
}




/* ================= generic table ================= */

 table.generic{
border: 2px solid #61624a ;
	margin:.5em 0 1em 0;
	text-align:center;
	font-size:12.8px;
}

 table.generic td, table.generic th {
padding: .5em .5em;
line-height:1.2em;

}

table.generic th {
	background-color:	#eeece7;
	vertical-align:bottom;
	
}

table.generic col {
	border-right: 1px solid #61624a;
}

table.generic col.lastColumn {
	border:none;
}



table.generic tr {
	border-bottom: 1px solid #61624a;
}

#handout table th.alignCenter {
	
	text-align: center;
}

/* ================= syllabus absences table ================= */

 table.absences{
border: 2px solid #61624a ;
	margin:.5em 0 1em 0;
	text-align:center;
	font-size:12.8px;
}

 table.absences td, table.absences th {
padding: .5em .5em;
line-height:1.2em;

}

table.absences th {
	background-color:	#eeece7;
	vertical-align:bottom;
	
}

table.absences col {
	border-right: 1px solid #93928a;
}

table.absences col.lastColumn {
	border:none;
}



table.absences tr {
	border-bottom: 1px solid #93928a;
}


/* ================= syllabus assignment list table ================= */


#assignmentList  {
	
	margin-bottom:1em;
	padding:  5px;
}
#assignmentList table {
	
}

#assignmentList table caption {
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	padding: 0 0 .3em;
	
}
#assignmentList table tr {
	border-bottom: 1px dotted #eeece7;	
}

#assignmentList table th {
	text-align:left;
	background-color:#eeece7;
}

#assignmentList table th, #assignmentList table td {
	padding: 2px 10px 2px 0;
}
#assignmentList table tr.tableTotal td {
	background-color: #ECF3F6;
	font-weight:bold;
}

#assignmentList table#gradecontract th {
	padding:5px;
	padding-bottom:0;
	padding-left:10px;

	
}

#assignmentList table#gradecontract th.alignCenter {
	text-align:center;
	padding:5px 5px 0;
}
#assignmentList table #conditions {
	
}
#assignmentList table #acolumn {
	background-color:#eeece7;
	
}



#assignmentList table td.asterisk {
	padding-left:2em;
}


.projectList {
	margin-left: 4%;
}


/* ================= rubric table ================= */


#rubric {
	display: block;	
	margin-top:1em;
}

#rubric table {	
	border: 2px solid #61624a ;
	margin:.5em 0 1em;
	
}

#rubric table td, #rubric table th {
padding: .2em .5em;
font-size: 10px;
}

#rubric table caption {

font-weight: bold;
margin: 1em 0;
}

#rubric table th {
	background-color:	#DCECF5;
	/*text-align:left;*/
}

#rubric table td {
	text-align:center;
}

#rubric table td.alignLeft {
	text-align:left;
} 

#rubric table col {
	border-right: 1px solid #61624a;
}

#rubric table col.lastColumn {
	border:none;
}



#rubric table tr {
	border-bottom: 1px solid #5c3b0f;
}

#rubric #keyTable td {
	text-align:left;
}


#rubric table#rubricTableExpanded th, #rubric table#rubricTableExpanded td {
	text-align:left;
	line-height:1.2em;
	padding:10px;
}

#rubric table#rubricTableExpanded #keyColumn  {
	background-color:#eeece7;
}

#rubric .outcomeRow td {
	background-color:#eeece7;
}

#rubric .outcomeRow td p {
	
}

#rubric table tr td label {
	display:block;
	text-align:center;
	font-weight:bold;
	margin-bottom: .5em;	
}



/* ================= schedule grid ================= */


#handout #main #scheduleGrid {
	font-size:10px;
	
}
#handout #main #scheduleGrid li{
	font-size: 100%;

}

#scheduleGrid {
	margin:0 0 1em;
	line-height:1.2em;	
	width:100%;
}

#scheduleGrid thead {
	border-bottom: 1px solid #8C979B ;
}

#scheduleGrid th {
	text-align:left;
	padding: .5em .5em;
	background-color:#D0E2EC; /*background-color:#c8c7c5;*/
}
#scheduleGrid td {
	padding: .4em .5em .5em;
	border-bottom: 1px solid #8C979B;
}

#scheduleGrid col {
	border-right: 1px solid #8C979B ;
}

#scheduleGrid col.lastColumn {
	border:none;
}

#scheduleGrid #weekCol {
	width: 9%;
}
#scheduleGrid #dateCol {
	width: 12%;
}

#handout #main #scheduleGrid td ul li {
	margin-left:1em;	
	line-height:1.4em;
	list-style-type:circle;
}

/*
#scheduleGrid tr:nth-child(even) {
background-color: #eeece7;
border-bottom: 1px solid #8C979B ;
}

div.singleDay #scheduleGrid tr:nth-child(even) {
	background-color: #fff;
	
}

div.singleDay #scheduleGrid tr {
	border-bottom: 1px solid #8C979B;
}

#scheduleGrid.onceWeekly tr:nth-child(even) { 
background-color: #fff;
border-bottom: none ;
}
*/


/* ================= small schedule grid ================= */



#handout #main #smScheduleGrid {
	/*font-size:10px;	*/
	
}


#smScheduleGrid {
	margin:0 0 1em;
	line-height:1.2em;	
	
}

#smScheduleGrid thead {
	border-bottom: 1px solid #8C979B ;
}

#smScheduleGrid th {
	text-align:left;
	padding: .5em .5em;
	background-color:#D0E2EC;
}
#smScheduleGrid td {
	padding: .4em .5em .5em;
}

#smScheduleGrid col {
	border-right: 1px solid #8C979B ;
}

#smScheduleGrid col.lastColumn {
	border:none;
}

#smScheduleGrid #weekCol {
	width: 5%;
}


#smScheduleGrid td ul li {
	margin-left:1em;	
	line-height:1.4em;
	list-style-type:circle;
}


#smScheduleGrid tr {

border-bottom: 1px solid #93928a ;
}



/* ================= reference table ================= */

#handout table.referenceTable {
	border: 2px solid #93928a;
	margin:.5em 0 1em;
	width:100%;
	
}

#handout table.referenceTable td, 
#handout table.referenceTable th {
padding: .5em .5em;
line-height: 1.4em;
font-size:10px;
}
#handout table.referenceTable td li {
padding: 0;
line-height: 1.4em;
font-size:10px;
}


#handout table.referenceTable td li {
	padding-bottom:0;	
}

#handout table.referenceTable caption {
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
}

#handout table.referenceTable th {
	background-color:	#eeece7;
	text-align:left;
}

 #handout table.referenceTable col {
	border-right: 1px solid #93928a;
}

 #handout table.referenceTable col.lastColumn {
	border:none;
}


#handout table.referenceTable tr {
	border-bottom: 1px solid #93928a;
}


 #handout table.referenceTable #keyColumn  {
	background-color:#EEF9FF;
}

 #handout table.referenceTable .tableSubsection {
	 background-color:#eeece7;
	 font-weight:bold;
 }
#handout #htmlReferenceTable  blockquote {
	font-style: normal;
}

#handout #htmlReferenceTable mark {
	font-style: normal;
	font-weight:normal;
}
#handout #htmlReferenceTable ins {
	background:#FFF;
	text-decoration:underline;
}
#handout #htmlReferenceTable abbr {
	border:none;	
}
#handout #htmlReferenceTable dd {
	margin-left:2em;
}

#handout table.referenceTable pre {
	font-size:8px;
}



/* ================= RSS feed explanation table ================= */

#sampleExplanationGrid {
	margin:0 0 1em;
	line-height:1.5em;
	width:100%;
	
}


#handout #main table#sampleExplanationGrid p,
#sampleExplanationGrid pre {
	font-size:.85em;
	
}

#sampleExplanationGrid thead {
	border-bottom: 1px solid #c8c7c5 ;
}

#sampleExplanationGrid th {
	text-align:left;
	padding: .5em 1em;
	background-color:#c8c7c5;
	
}
#sampleExplanationGrid td {
	padding: .4em 1em .5em;


}

#sampleExplanationGrid col {
	border-right: 1px solid #c8c7c5 ;
}

#sampleExplanationGrid col.lastColumn {
	border:none;
}

#sampleExplanationGrid col#code {
	width:50%;	
}

#sampleExplanationGrid tr {
	border-bottom: 1px solid #61624a;
}

#sampleExplanationGrid td ul li {
	margin-left:1em;	
	line-height:1.4em;
	list-style-type:circle;
}



/* ======== shaded 'tag' box for obsolete tag handout ======== */

#tagBox {
	
	max-width:200px;
	background-color: #eeece7;
	padding: 10px;
	border: 1px solid #c8c7c5;
}

#tagBox p {
	font-family: Monaco, monospace;
		font-size: .9em;
}


/* ================= unique elements ================= */

/* ========== sample slate ======= */

#bibleverse {
	background-color:#e5e0d6;
	padding: .7em;
	font-size: 1.1em;
	border:solid 2px #c8c7c5;
		color:#6b6760;
	text-align: center;

}
#bibleverse p {
	margin:0;

}
.slate {
	box-sizing: border-box;
	background-color: #000;
	width: 100%;
	display:block;
	padding:15px 0;
	margin:.5em 0;
	
}

.slate2 {
	background-color: #000;
	padding:30px 0;
	
}

#handout #backdrop #container #main .slate p, 
#handout #backdrop #container #main .slate2 p {
	color: #FFF;
	text-align: center;
	margin-bottom: .3em;
	font-size: 1.2em;
}

/* ===================== */

#compressorOutputBar{
	width:100%;
	max-width:669px;
	display:block;
	margin:.5em 0;
}


#pinholePix img {
	width:100%;
	max-width:400px;
	display:block;
	margin:0 auto 50px auto;
	border: 1px solid #000;	
	box-shadow: 5px 5px 10px 0 #666;
}


/* ===================================================================
========================== BREAK POINTS ============================== 
=================================================================== */




/* =========================================================== */
/* ================= Classfiles @400px ======================= */
/* =========================================================== */

@media all and (min-width: 400px) {
	
  .slate {
	  width: 300px;
  }
  
  pre.indent  {
	  margin-left:2em;
  }
}
/* ============================================================ */
/* ================= student resources @600+ ================== */
/* ============================================================ */
  
  @media all and (min-width: 600px) {
	  
	  
	  .jumptolink p {
		  display: none;
	  }
	  
	  #classfilesindex #main {
	  padding-top:50px;
	  }
	  
  #classfilesindex #main div.classSection h1 {
	  margin-top:40px;

	
}

  
  
  #columns {
	  padding-top:0;
  }
  
  
  #classfilesindex #main div .column {
	  
	  margin-top: 0px;	
  }
  
  #classfilesindex #main div .groups {
	  margin-top: 0;
  }
  
  #classfilesindex #main div .groups h2 {
	  margin-top: 0;
  }
  
  #classfilesindex #column1 {
	  width:50%;
	  float:left;	
	  
  }
	

  
  #classfilesindex #column2 {
	  width:50%;
	  float:right;	
	  
  }
  
  #classfilesindex #column3 {
	  width:50%;
	  clear:left;
	  float:left;
	  
	  
  }
  
  #classfilesindex #column4 {
	  width:50%;
	  
	  float:right;
	  
  }
  
  #classfilesindex  section.column div {
	  padding: 0 20px;
	  margin: 10px  0 10px 0; 
	  border-right:1px solid #c8c7c5;
	  border-left:1px solid #c8c7c5;
	  } 
	  
	  /* === fixes padding wiped-out by previous style === */
	
	
  #classfilesindex #main section.column div.heading { 
	  padding:5px 5px 10px;
	 border:none;	 
	 /*  border: 1px solid #c8c7c5; */	
  }
  
  #classfilesindex section#column1 div {
  
	  border-left:none;	
  }
	#classfilesindex section#column1 div.sidebar {
  padding: 0;
	  border:none;
		
  }
  
  #classfilesindex  section#column2 div {
  
	  border-right:none;
	  margin-left:-1px;
  }
  
  #classfilesindex section#column3 div {
  
	  border-left:none;	
  }
  
  #classfilesindex section#column4.groups div {
  
	  border-right:none;
	  margin-left:-1px;
  } 
  
  

  
  /* ================= 600 handouts ================= */
  
  
  #handout #main {
	  padding-top:2.5em;
  }
  
 /* #handout #searchForm {
	  position:relative;
	  top:-150px;
	  left:auto;
	  right:auto;
	  display:block;
	  margin-left:auto;
	  margin-right:auto;
  }*/
  
  img.handoutThumb, div.handoutThumb,  object.handoutThumb {
	  display:block;
	  position:absolute;
	  top:40px;
	  right:15px;
	  width:80px;
	  height:80px;
  }
  
  
  #handout #main #scheduleGrid {
	  font-size:12.8px;
	  
  }
  
  #rubric table td, #rubric table th {
	  font-size: 12.8px;
  }
  
  #handout table.referenceTable td, 
  #handout table.referenceTable th,
  #handout table.referenceTable td li {
  font-size:12.8px;
  
  }
  
  #handout table.referenceTable pre {
	  font-size:12px;
  }
  

/* ====== new style rules, trying to consolodate ===== */  
	  
#handout #instructions {
		width:64%;
			float:left;
		
	}
	
 #handout #examplecolumn {
		width:33%;
		float:right;
	}
		
  #handout #examplecolumn video {
			width:100%;
			margin: 0 0 1em;
		}
/* ========= */
  
  .slate {
	  float:right;
	  margin: .5em 0 5px 10px;
  }
  
  #hackCode {
	  font-family: Monaco, monospace;
  }
  
  
  
  #handout img.image424 {
	  width:49%;
	  max-width:424px;
	  
  }
  
  #handout img.imgHalfPage {
	  width:49%;
  
	  
  }
  
  #handout img.image300floatR {
	  float:right;
	  margin:0 0 .5em 1em;	
  }

#shotExamples div {
	width:49%;
	float:left;
	}

}

/* ============================================================ */
/* ================== 768 classfiles ========================== */
/* ============================================================ */


@media all and (min-width: 768px) {
  
	  .backtotop {
		  display: none;
	  }
	
	
	#bibleverse {
	position:absolute;
	right: 0; top: 0;
	width:300px;

}

	
	#resourceSections ul
  {
	  display:block;	
	  
  }	
  
	
  #resourceSections ul {
	  width:100%;	
	  text-align:center;
  }
  
  #resourceSections ul li {
	  display:inline;
  }
  
   
   #resourceSections ul li a {
	  line-height: 2em;
	  font-size: 0.85em;
	  border-top:none;
	  display:inline;
	  padding:0 1em;
	  border-right: 1px solid #1e6795;
  
  }
  
  #resourceSections ul li a.last {
	  border-right:none;
  }
  #resourceSections ul li a.current {
	  font-weight:bold;	
  }
  
  #resourceSections ul li a:link,
  #resourceSections ul li a:visited,
  #resourceSections ul li a:hover {
	  background-color:#fff;
	  color:#1e6795;
  }
  
  #resourceSections ul li a:hover {
	  text-decoration:underline;	
  }
  
  
 
  
  #classfilesindex #column1 {
	  width:33%;
	  float:left;	
	  
  }
	
 #classfilesindex #columns2 #column1 {
	  width:50%;
	  float:left;	
	  
  }
  
  #classfilesindex #column2 {
	  width:34%;
	  float:left;	
	  
  }
	
#classfilesindex #columns2 #column2 {
	  width:50%;
	  float:left;	
	  
  }
  
  #classfilesindex #column3 {
	  width:33%;
	  clear:none;
	  
	  
	  
	  
  }
  
  #classfilesindex #column4 {
	  width:33%;
	  }
	  
	  
  #classfilesindex #column1.groups {
	  width:50%;
	  float:left;	
	  
  
  
	  
  }
  #classfilesindex #column2.groups {
	  width:50%;
	  float:right;	
	  
  }
  
  #classfilesindex #column3.groups {
	  width:50%;
	  /*clear:both;*/
	  float:left;
	  
	  
	  
	  
  }
  
  #classfilesindex #column4.groups {
	  width:50%;
	  float:right;
	  
	  
	  
  }
  
  #classfilesindex  section#column2 div {
	  
	  border-right:1px solid #c8c7c5;
	  
  }
  
  #classfilesindex  section#column3 div {
	  border-left:1px solid #c8c7c5;
	  border-right:none;	
	  margin-left:-1px;
  }
  #classfilesindex  section#column2.groups div {
	  
	  border-right:none;	
  }
  
  #classfilesindex  section#column3.groups div {
	  border-left:none;
	  border-right:1px solid #c8c7c5;	
	  
  } 
  /* =================================================== */
  
  #handout #main {
	  margin-left:2em;
	  margin-right:2em;
  }
  
  #handout #main, #handout main {
	border:none;	
}
  
  img.handoutThumb, div.handoutThumb,  object.handoutThumb {
	  
	  right:50px;
	  
  }
  
  
  #handout table.absences {
	  float:right;
	  margin-left: 1em;	
  }
  
  #handout #main #scheduleGrid {
	  font-size:13.6px;	
	  
  }
  #rubric table td, #rubric table th {
	  font-size:13.6px;
  }
  
  #handout table.referenceTable td, 
  #handout table.referenceTable th,
  #handout table.referenceTable td li {
  font-size:13.6px;
  }
  
  
  #handout img.image500floatR {
	  float:right;
	  margin:.5em 0 .5em 1em;	
  }
  
  .vidBlock {
		  float:left;
		  margin:0 0 20px 0;
		  text-align:center;
		  width:50%;
  }
  
  #handout .vidBlock video {
	  width:320px; 
	  height:180px;
  
  
  
  }
	
	
	/* setting the classfiles text sizes back to "normal" */
	  
	
#classfilesindex  section  h3 {
	font-size:.85em;	
}

#classfilesindex  section  h4 {
	font-size:.8em;
	
}
#classfilesindex section li li {
	  font-size:100%;
	  }

#classfilesindex section p, #classfilesindex section ul li, #classfilesindex section ol li   {
	font-size: 12px;	

	}	
}


/* ============================================================ */
/* ================== 800 classfiles ========================== */
/* ============================================================ */


@media all and (min-width: 800px) {
	
	#classfilesindex section p, #classfilesindex section ul li, #classfilesindex section ol li   {
	
	/* line-height:1.5em; */
	}
	
	#mainColumn {
			float:left;
			width: 51%;
	}
		
		#sidebar {
			float:right;
			width: 44%;
			border-left: 1px solid black;
			
			padding-left: 3%;
		}
}
	
	
	
	
	@media all and (min-width: 960px) {
	
	#handout #main {
	margin-left:5em;
	  margin-right:5em; 
  }
		
		
	
		
		
}




/* ============================================================ */
/* ================== 1032 classfiles ========================== */
/* ============================================================ */

@media all and (min-width: 1032px) {
	  img.handoutThumb, div.handoutThumb,  object.handoutThumb {
	  
	  right:70px;
	  
  }
  
	
#handout #container {           /*  aka "wrapper"   */
	padding:0 2%;
	}
}