body { font-family: "Source Sans Pro", "Calibri", "Verdana", "Tahoma", sans-serif; }
pre { font-family: "Source Code Pro", Consolas, "Andale Mono", Monaco, monospace; }
h1, h2, h3, b { font-weight: 600; }
h4 { font-weight: 350; }

p.normal {
    font-style: normal;
}

p.italic {
    font-style: italic;
}

p.oblique {
    font-style: oblique;
}

a, .blue { color: #2572AC }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { margin-top: 0; margin-bottom: .33em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.25em; }
h4 { font-size: 0.60em; }
ul li { list-style-type: inherit; }
pre { font-size: 11pt; }

hr { color: #2572AC; background-color: #2572AC; height: 2px; border: none; }

body { margin: 0 }

pre {
	margin-left: 40px;
}

.left {
	position: absolute;
	width: 10em;
	height: 24em;
	left: 0;
	top: 0;
}

.right {
	border-left: 2px solid #2572ac;
	margin-left: 10em;
	padding-top: 2em;
	padding-bottom: 2em;
	#height: 115%;
}

.bottom {
	position: absolute;
	left: 0;
	bottom: 0;
}

.title, .logo, .navigation {
	border-bottom: 2px solid #2572AC;
}

.logo {
	padding: initial;
	padding-top: 1ex;
	text-align: center;
}

.navigation {
	padding-left: 2em;
	padding-bottom: 1em;
	padding-top: 1em;
}

.page, .title, .copyright {
	padding-left: 1.5em;
	padding-right: 3.5em;
}

.copyright {
	border-top: 2px solid #2572AC;
	padding-top: 1em;
}

.note {
	border-top: 1px solid #2572AC;
	padding-top: 1em;
}

.page {
	max-width: 40em;
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    white-space: normal;
    background-color: #f9f2f4;
    border-radius: 0;
}
done {
	color: #0c0;
}

done1 {
		color: #15a8cf;
}