body {
	background: #FFFFFF;
	margin-left: 1px;
	border-left: 10px solid #CDCD52;
	font-family: Verdana, sans-serif;
	/*counter-reset: section 1;*/
	/*background-image: url('backgroundStripes.png');*/
	/*font-family: verdana sans-serif;*/
}

p {
	padding-left: 10px;
	font-size: 16px;
}

p.round {
	border: solid #CCCCCC 1px; 
	margin-left: 10px;
	padding: 5px; 
	background: #DCDCDC; /*Gainsboro DCDCDC*/
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}

div.notetitle {
	font-family: Garamond, sans-serif;
	font-size: 44px;
	text-align: center;
	color: #9A9A00;
	/*border-bottom: solid 2px #CCCC73;*/
}

div.notetitle:before {
	content: "Class Note ";
}

div.notetitlebar {
	background: #9ACD00;
	height: 14px;
	margin-left: 10px;
	border-left: solid 300px #666600;
	border-right: solid 300px #9A9A00;
	margin-bottom: 25px;
}

div.sectitle {
	counter-increment: section;
	font-family: Garamond, sans-serif;
	font-size: 36px;
	color: #9A9A00;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	border-bottom: solid #9A9A00 2px;
}

div.sectitle:before {
	content: counter(section) " ";
}

div.codec {
	width:75%;
	white-space: pre;
	font-family: Courier new, serif;
	font-size: 16px;
	margin-left: 25px;
	padding-left: 20px;
	background: #F5F5F5; /*WhiteSmoke Gainsboro DCDCDC*/	
}

ul {
	/*color:#9A9A00;*/
	font-size: 20px;
	list-style-image: url('square01.gif');
}

ul ul {
	/*color:#9A9A00;*/
	font-size: 16px;
	list-style-image: url('square02.gif');
}

ul ul ul {
	/*color:#9A9A00;*/
	font-size: 14px;
	/*list-style-image: url('square02.gif');*/
	list-style: square;
}

pre.codec {
    border: 1px gray solid;
	font-size: 16px;
    background-color: #F5F5F5; /*WhiteSmoke Gainsboro DCDCDC*/
	margin-left: 25px;
    padding: 10px 5px 5px 20px;
}

div.tipc {
	width: 75%;
	border-style: double;
		border-width: 3px;

	/*white-space: pre;*/
	font-family: Courier new, serif;
	font-size: 18px;
	margin-left: 25px;
	padding-left: 20px;
	background: #FAF0E6;/* Snow #FFFAFA #F5F5F5; WhiteSmoke Gainsboro DCDCDC*/
}

div.tipc ul {
	list-style: none;
	font-family: Courier new, serif;
	font-size: 20px;
}

div.tipc ul.yes li:before {
	content: '\2713'; /**/
	color:#666400;
	margin-right: 5px;
}

div.tipc ul.no li:before {
	content: '\2718'; /**/
	color:#666400;
	margin-right: 5px;
}