body {background-color: yellow;
      margin: .5in;}

p {text-indent: 1em;}

div.header {border: solid  medium black;
            background-color: #00ff00;
			padding: 1em;
			margin-bottom: .5em;}

#output {border: solid  medium black;
            background-color: #00ff00;
			padding: 1em;
			margin-bottom: .5em;}

div.header h1 {text-align: center;}

div.annotatedCodeLink { border: solid thin red;
                        margin-top: .5em;
					    margin-bottom: .5em;
						background-color: #00ff00;
}

div.annotatedCodeLink a {margin-left: 2em;
			padding .5em;
            font-family: "Courier New", Courier, monospace;
			background-color: #00ff55;
            font-size: 1em;
			color: black;
			font-weight: bold;
}

div.annotatedCodeLink p {margin-left: 3em;
                         margin-right: 1em;}			

div.annotatedLink { border: solid thin red;
                        margin-top: .5em;
					    margin-bottom: .5em;
						background-color: #00ff00;
}
div.annotatedLink p {margin-left: 3em;
                     margin-right: 1em;}
div.annotatedLink a {background-color: #00ff55;
            margin-left: 2em;
			padding .5em;
            font-family: "Times New Roman", Times, serif;
            font-size: 1em;
			color: black;
			font-weight: bold;
}
			
div.codeBlock { border: solid thin red;
                margin-top: .5em;
				margin-bottom: .5em;
				background-color:#33FF66;
				padding: 1em;
}
				
div.codeBlock code {font-family: "Courier New", Courier, monospace;
					font-size: 1em;
			        color: black;
					font-weight: bold;  				 						
}						
span.codeRef {font-family: "Courier New", Courier, monospace;
              font-size: 1em;
			  color: black;
			  font-weight: bold;}