body {
	color: #27408b;
	background-color: white;
	font-family: monospace ;
	padding-left: 17em;
	font-size:13px;
}

p {
	font-size:13px;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:20px;
}

#content {
	width: 90%;
	list-style-type: none;
}

li.strikethrough {
	text-decoration:line-through;
}

ul.navbar {
	font-family: monospace;
	list-style-type: none;
	padding: 0;
	margin: 0;
	left: 2em;
	width: 11em;
	background-color: #c1cdcd;
	position: absolute;
	}

#gutter {
	float:bottom
	}

ul.navbar li {
	background: light-blue;
	margin: 0.5em 1em;
	padding: 0.3em;
	font-family: monospace;
	}
#titlebar {
	color: #c1cdcd;
	border-bottom: thin solid black;
	}
	
a:link ,a:visited {
	color: #2f4f4f;
	text-decoration: none;
	font-family: monospace;
	font-weight: bold;
	}

a:hover {
	color: blue;
	text-decoration: none;
	font-weight:bold;
	}

/* figure-divs and their supporters */

div.figure {
padding: 10px; 
margin: 0.67em 0.67em 0.67em 0.67em; /* needed to support centering of almost-full-width figures */
border: 0;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: 11px;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 70%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }
.threequarters { width: 75%; border: none; padding; 10px; margin: 1em 1em auto 1em;}

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */

img.float-left {
	float: left;
	margin: 1em 1em 1em 1em;
	clear: left;
	border: 1
	}
img.float-right {
	float: right;
	margin: 1em 1em 1em 1em;
	clear: right;
	border: 1
	}
img.center {
	align: center;
	border: 0;
	margin: 0.5em;
	width: 50%;
	}