body	{margin:0;
		padding:0;
		background-color: black;
		}
		
p		{text-indent: 0;
		color: black;
		font-family: Times, serif;
		font-size: 12pt;
		}


ul		{padding: 0 0 0 1cm}
li		{font: 12pt Times}

.center	{text-align: center;
		text-indent: 0;}
.right	{text-align: right}
.large	{font-size:150%}
.enum	{display:inline; padding-right: 20px; white-space: nowrap;}

.clickable		{text-decoration: underline;
				cursor: pointer;
				color:darkgreen}
.boxed			{border:1px solid black}


div#content		{background-color: lightskyblue; /*** IE Hack **/
				background-color: rgb(207,223,227); /*hsl(190, 25%, 85%);*/
				width: 90%;
				position:relative;
				margin: 5mm 5% 0 5%;
				float:left;
				}

div#folder		{background-color: cornsilk; /*** IE Hack **/
				background-color: rgb(223,221,211); /*hsl(50, 25%, 70%);*/
				min-height: 10cm;
				padding: 5mm 1cm;
				margin:0;
				border-top: solid black 1px;
				position: relative; top: 1cm}

div#tabrow		{
				width: 100%; height: 24px;
				position: absolute;
				top: -24px; left:0;
				padding: 0;
				margin: 0;
				}

div.paper		{max-width:20cm; 
				padding: 5mm; margin: 1cm auto; 
				border:ridge black; border-width:1px 3px 3px 1px; 
				text-align: justify; background: url('paper.gif') repeat}


div.container1	{float:left; width:100%;
				overflow:hidden; position:relative;
				background: url('paper.gif') repeat;
				border-bottom: 3px dotted black;}

div.container2	{float:left; width:100%;
				position:relative; right:50%}

div.problem		{float:left; width:46%;
				position:relative; left:52%}

div.note		{float:left; width:46%;
				position:relative; left:56%}

div.question	{max-width:20cm;
				border-bottom: 2px dotted black;
				padding-bottom:2mm}
div.question p	{text-align: left;  line-height:150%}
div.question table		{width:90%; margin:0 auto}
div.question table td	{padding: 2mm; text-align: center}
				
div.answer		{width:90%;
				border: 1px solid black;
				padding: 2mm;
				margin-left: auto; margin-right:auto}
div.answer p	{margin: 2mm}
div.floater		{float:left; width: 100%}

ul#LinksList li	{margin-bottom: 1em}

h1		{font-family: helvetica, arial, sans-serif;
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin:0; padding: 1mm}

ul#tabs		{overflow:hidden;
			list-style-type:none;
			margin:0}

ul#tabs li 	{background-color: navajowhite; /*** IE Hack **/
			background-color:  rgb(198,191,159); /*hsl(50, 15%, 85%);*/
			font-family: sans-serif;
			font-size: 75%;
			font-weight: bold;
			text-align: center;
			height: 20px;
			border: solid black 1px;
			margin: 0 2px;
			padding: 2px 2mm 0 2mm;
			float:left;
			display: block;
			cursor:pointer;
			overflow:hidden;}

ul#tabs li.selected	{background-color: cornsilk; /*** IE Hack **/
					background-color:  rgb(223,221,211); /*hsl(50, 25%, 70%);*/
					border-bottom: 0;
					height: 21px;}

/* DROP DOWN MENU */
ul#gradesDropDown		{position:absolute;
						display:none;
						z-index:50;
						overflow:hidden;
						list-style-type:none;
						margin:0;
						padding:0}
						
ul#gradesDropDown li		{float:none;
							margin:0; 
							padding:1mm 1mm 0 1mm;
							font-size:90%}

#gradesDropDown li:hover 	{color:white}

#grades_tab:hover #gradesDropDown
					{display:block}

/* DROP DOWN MENU */
ul#guideDropDown		{position:absolute;
						display:none;
						z-index:50;
						overflow:hidden;
						list-style-type:none;
						margin:0;
						padding:0}
						
ul#guideDropDown li		{float:none;
							margin:0; 
							padding:1mm 1mm 0 1mm;
							font-size:90%}

#guideDropDown li:hover 	{color:white}

#guide_tab:hover #guideDropDown
					{display:block}
					

table.gradebook		{margin: 0 auto;
					padding: 0;
					border:1px}

table.gradebook td, th		{text-align:center;
					padding: 1px .5em;
					min-width: 5em}

tr.selected		{background-color: lightskyblue; /*** IE Hack **/
				background-color:  rgb(207,223,227); /*hsl(190, 25%, 85%);*/
				font-weight: bold}

@media print{
	body			{background: white;
					padding-left:2cm;
					font-size: 24pt}

	.half-size		{font-size:50%}

	.noprint		{display:none}
	
	div#content		{width:100%; margin:0}
	
	h1				{font-size: 18pt} 
	
	div#folder		{background: #ffffff;
					padding:0;
					border: 0px white;
					}

	div.paper		{max-width:20cm; 
					padding: 0 5mm; 
					margin: 0 auto; 
					border: 0; 
					text-align: justify; 
					background: white}
					
	table			{page-break-inside:avoid}
	
	div#container1	{background:white}

	#tabrow			{display: none}	
/*	ul#tabs li.tab		{background: skyblue}
	ul#tabs li.selected	{background: white;}
*/
}

@font-face {  
  font-family: cmbx10;  
  src: url( "TeX-fonts-20/jsMath-cmbx10.ttf" ) format("truetype");  
}
@font-face {  
  font-family: cmex10;  
  src: url( "TeX-fonts-20/jsMath-cmex10.ttf" ) format("truetype");  
}
@font-face {  
  font-family: cmmi10;  
  src: url( "TeX-fonts-20/jsMath-cmmi10.ttf" ) format("truetype");  
}
@font-face {  
  font-family: cmr10;  
  src: url( "TeX-fonts-20/jsMath-cmr10.ttf" ) format("truetype");  
}
@font-face {  
  font-family: cmsy10;  
  src: url( "TeX-fonts-20/jsMath-cmsy10.ttf" ) format("truetype");  
}
@font-face {  
  font-family: cmti10;  
  src: url( "TeX-fonts-20/jsMath-cmti10.ttf" ) format("truetype");  
}