html {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height:100%;
	background: #fff;
	overflow: scroll;
	overflow-x: hidden;
	max-width: 100%;
}

body	{
	text-align: left; 
	background: #fff; 
	min-height:100%;
	margin: 0 auto;
	font-family: 'Crimson Text', Georgia, Garamond, Baskerville, serif;
	font-size: 17px;
	text-decoration:none; 
	line-height: 1.618em;		
	}

p 	{
	color: rgba(51, 51, 51, 0.90);
	margin: 1em 0px;
	}
	
figcaption 	{
	color: rgba(51, 51, 51, 0.90);
	margin: 0em 0em 1em;
	font-style: italic;
	}	

ul	{
	color: rgba(51, 51, 51, 0.90);
    	padding: 0px;
	margin: 0px;
	}

li	{
    	margin-left: 1em; 
	}

td 	{
	font-family: Verdana, Inconsolata, Monospace;
	font-size: 11px;
	line-height: 1.2em;
	vertical-align:middle;
	height:24px;
	padding: 2px;
	}

/* Lecture tables */

.lecture-table {
	width: 80%;
	border-collapse: collapse;
	margin: 1.2em 0 2em 0;
	font-size: 12px;
}

.lecture-table th {
	text-align: left;
	font-weight: bold;
	padding: 7px 10px;
	background: #fff;
	color: rgba(51, 51, 51, 0.90);
	border-bottom: 2px solid #bbb;
}

.lecture-table td {
	padding: 7px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

.lecture-table tr:nth-child(odd),
.lecture-table tr:nth-child(even) {
	background: #fff;
}

.lecture-table tbody tr:hover {
	background: #F6F4F0;
}

.lecture-table tbody tr:first-child td {
	border-top: 2px solid #bbb;
}

.lecture-table tbody tr:last-child td {
	border-bottom: 2px solid #bbb;
}

.lecture-table td:first-child {
	width: 100%;
}

.lecture-table td:not(:first-child) {
	width: 1%;
	white-space: nowrap;
}
	




.emtips 	{
	font-family: Verdana, Inconsolata, Monospace;
	font-size: 11px;
	line-height: 1.2em;
	vertical-align:middle;
	height:24px;
	padding: 2px;
	}
	
td.nostretch{
    width:1%;
    white-space:nowrap;
}	
	
th 	{
	font-family: Verdana, Inconsolata, Monospace;
	font-weight:bold;
	font-size: 11px;
	line-height: 1.2em;
	vertical-align:center;
	height:24px;
	background-color:#555;
	color:#FFF;
	padding: 2px;
	}
	
tr:nth-child(odd)	{background-color:#F6F4F0;}
tr:nth-child(even)	{background-color:#ffffff;}

h1 	{
	font-weight: 400;
	font-size: 2em;
	line-height: 27px;
	margin-top: 40px;
	margin-bottom: 27px;
	}

h2 	{
	font-weight: 400;
	font-size: 1.6em;
	line-height: 22px;
	margin-bottom: 24px;
	margin-top: 40px;
	}
	
h3 	{
	font-weight: 600;
	font-size: 1.0em;
	margin-bottom: 1.0em;
	margin-top: 40px;
	color: rgba(51, 51, 51, 1.00);
	}

pre	{
	margin-left: 20px;
	}

code 	{
   	font-family: Inconsolata, Monospace;
	color: rgba(51, 51, 51, 1);
	font-size: 15px;
	line-height: 1.2em;	
	}

a	{
	text-decoration:none;
	color: rgba(51, 51, 51, 0.90);
	font-style:normal;
	}

	a:hover {color: #f55;}
	a:active {padding-top: 2px;}

a.intext {
	text-decoration:underline; 
	color: rgba(51, 51, 51, 0.90);
	font-style:normal;
	}

	a:hover {color: #f55;}
	a:active {padding-top: 2px;}

a.download	{
	text-decoration:none; 
	}

a.header{
	font-weight: bold; 
	}



small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }



/* Layout */

header		{float: left; width: 1000px; padding: 20px; background: #fff; height: 100px;} 
nav		{float: left; 
		width: 100%; 
		background: #5CA9C0; 
		font-size: 16px; 
		padding: 0px;
		padding-left: 3000px;
		margin-left: -3000px;
		padding-right: 3000px;
		margin-right: -3000px;
		} 
footer		{float: left; width: 100%; background: #fff;} 

main		{float: left; padding: 20px; background: #fff;} 
aside		{float: left; padding: 20px; background: #fff;} 

/* Navigation */
#navlist
		{
		list-style-type:none;
		margin:0;
		padding:0;
		}

li.navlist	{
/*		font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; */
		font-size: 15px;
		color: #aaa;
		padding: 0;
		line-height: 50px;
		margin-left: 12px;
		display:inline;
		float:left;
		text-transform: uppercase;
		letter-spacing: .15em;
		}

a.navlist {
		text-align:center;
		padding: 0 10px;
		display: block;
		text-decoration: none;
		font-style:normal;
		color: #fff;
}

a.navlist:hover, a.navlist:active {
background-color:#E67E67;
color: #fff;
}


/* References */

p.references	{
		color: rgba(51, 51, 51, 0.90);
		margin: 1em 0px;
		padding:0; 
		padding-left: 22px ;
		text-indent: -22px ;
		list-style-type: none;
		margin:0;
		}



/* Full-width lines in navigation bar */

.extendfull, .extendleft
{
	padding-left: 3000px;
	margin-left: -3000px;
	background: #000;
	float: left;
	width: 100%;
	height:1px;
}

.extendfull, .extendright
{
	padding-right: 3000px;
	margin-right: -3000px;
}



/* Google fonts */
@font-face {
  font-family: Inconsolata;
  font-style: normal;
  font-weight: 400;
  src: local(Inconsolata), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v7/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text'), local('CrimsonText-Roman'), url(http://themes.googleusercontent.com/static/fonts/crimsontext/v4/3IFMwfRa07i-auYR-B-zNXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(http://themes.googleusercontent.com/static/fonts/crimsontext/v4/rEy5tGc5HdXy56Xvd4f3I3l4twXkwp3_u9ZoePkT564.woff) format('woff');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url(http://themes.googleusercontent.com/static/fonts/crimsontext/v4/a5QZnvmn5amyNI-t2BMkWHpumDtkw9GHrrDfd7ZnWpU.woff) format('woff');
}


/* Browser fixes */

	/* Tell older browsers that the semantic elements in HTML5 are block elements just like DIV */
	/* This solution does not work in IE8 and earlier (IE9 was released in 2011) */
	header, section, footer, aside, nav, main, article, figure
	{
	display: block;
	} 

/* Win8 Snap mode http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */

@-ms-viewport{
    width: device-width;
}



/* Not in use */

/* #c72 orange */

/* DIV wrapper (not needed when BODY acts as wrapper */
#wrapper 	{text-align: left; width: 1200px; margin: 0 auto;} 

/* Block to cover 100% width within wrapper */
#fullwidth	{height:5px;background:#000;position:absolute;left:0;right:0;color:#ccc;}