html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: 'Oxygen', sans-serif; 
	font-size: 13px;
	color: #4F4F4F;
}


h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 13pt;
	line-height: 2em;
}


p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
}

strong {
}

a {
	color: #881c1c;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
}

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #CFCFCF;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}

/** WRAPPER */

#wrapper {
	width: 900px;
	padding: 0px 50px;
	background: #FFFFFF;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
}

/** LOGO */

#logo {
	overflow:  hidden;
	padding: 30px 0px 30px 0px;
	float: left;
}

#logo h1, #logo span {
	margin: 0px;
	line-height: normal;
	text-align: left;
	/* text-transform: uppercase; */
}

#logo h1 a {
	text-decoration: none;
	font-size: 2.50em;
	color: #131313;
}

#logo span {
	display: block;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.30em;
}

#logo a {
	color: #333333;
	text-decoration: none;
}


#lablogo {
	overflow:  hidden;
	padding: 25px 0px 0px 0px;
	float: right;
}


/** MENU */

#menu {
	overflow: hidden;
	padding: 15px 0px;
	border-top: 1px solid #CFCFCF;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 10px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #333333;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
	background: #881c1c;
	color: #FFFFFF;
}

/** PAGE */

#page {
	overflow: hidden;
	margin: 0px 0px;
	padding: 30px 0px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

#page h2 {
	padding: 0em 0em 0em 0em;
	font-size: 2.25em;
}

/** CONTENT */

#content {
	float: left;
	width: 575px;
}

#content h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

#content h5 {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 18px;
	color: #333333;
	margin: 0;
	padding: 0;
	line-height: 2em;
}

#content a {
	text-decoration: none;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 250px;
	margin-left: 0px;
	margin-right: 0px;
}

#sidebar h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}


/** ONE COL */

#onecol {
	width: 700px;
	margin-left: 100px;
}

#onecol h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

#onecol h3 {
	padding: 0em 0em 0em 0em;
	font-size: 2.25em;
	clear: both;
}

#onecol a {
	text-decoration: none;
}


/** CLASS PAGE */

#classpage {
	width: 800px;
	margin-left: 50px;
}

#classpage h1 {
	padding: 0em 0em 0em 0em;
	font-size: 2em;
	color: #131313;
}

#classpage h2 {
	padding: 0em 0em 0em 0em;
	font-size: 1.25em;
	color: #131313;
}

#classpage a {
	text-decoration: none;
}



/** CLASS TITLE */

#classtitle {
	width: 800px;
	padding: 0.5cm 0cm 0.25cm 0cm;
	border-top: 1px solid #CFCFCF;
}


/** CLASS BLOCK */

#classblock {
	width: 800px;
	padding: 0cm 0cm 0.65cm 0.5cm;
}

#classpage a {
	text-decoration: none;
}

#classblock ul{
	padding: 0cm 0cm 0cm 1.0cm;
}




/* Footer */

#footer {
	overflow: hidden;
	padding: 20px 0px 60px 0px;
}

#footer p {
	font-size: 10px;
	text-align: right;
}

#footer a {
}

		
				
/** Prof Info */		
#profinfo {
	/** margin-left: auto;
    margin-right: auto; */
    margin-left: 15px;
}

#profinfo a {
	text-decoration: none;
}	

.container { width: 100%; margin: 0 auto; clear: both; line-height: 120%}

.col-3 { float: left;  width: 30.8%; margin-right: 3.8%; text-align: center;}

.last { margin-right: 0;}	



/** Tables for class schedules */

table.intro {
    padding: 10px;
}

td {
    font: 12px verdana,helvetica,arial,sans-serif;
}

table#syllabus {
    padding: 20px;
    text-align: center;
    border-collapse:separate;
    border-spacing:0 10px;
}

table#syllabus tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

table#syllabus thead tr td {
    text-decoration: none;
}

table#syllabus week_separator{
	border-top: 1px solid #CFCFCF;
}

table#syllabus tbody tr th.slides {
    padding-left: 20px;
    padding-right: 20px;
}

table#syllabus tbody tr td.slides {
    padding-left: 30px;
    padding-right: 30px;
    width: 15%;
}

.api {
    padding-left: 20px;
}

table.videos {
    width: 90%;
    text-align: center;
    table-layout:fixed;
}

table.videos tbody tr td.lecture_number {
    width: 10%;
}

table.videos tbody tr td.lecture_title {
    width: 45%;
}

table.videos tbody tr td.lecturer {
    width: 12%;
}

table.videos tbody tr td.notes{
    width: 33%;
}

table.section_handouts {
    width: 80%;
    text-align: center;
}

table.section_handouts tbody tr th.section_number {
    width: 15%;
}