body {margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica sans-serif; font-size: 85%;}


div#header {height:200px; width:900px;
	margin-top:10px;
	margin-left:10px;
	background-color:#003366; /*#DFDFDF;*/
	border-color: #003366;
	border-style: ridge;
	border-width: 2px;
	/*border:2px solid #003366;*/}
	
div#header div#prof_info {margin-top:30px; margin-left:50px; float:left;color:#D8D8D8;}	
	
div#header div#prof_info div#prof_name {font-weight:bold; font-size: 2.0em; color:#D8D8D8; /* #003366;*/}
	
div#header div#prof_info div#prof_title {font-weight:bold; font-size: 1.2em; /*color:#003366;*/}

div#header div#prof_info div#prof_affiliation {padding-top: 20px; font-size: 1.1em;}

div#header div#prof_info a:link {color: #D8D8D8; text-decoration: underline;}
div#header div#prof_info a:visited {color: #D8D8D8; text-decoration: underline;}
div#header div#prof_info a:hover {color: #0066FF;}

div#header  div#prof_picture {float:left; margin-left:50px; margin-top:12px; 
	border-color: #003366;
	border-style: outset;
	border-width: 3px;}

	
div#project_header {height:50px; width:900px;
	margin-top:10px;
	margin-left:10px;
	background-color:#003366; /*#DFDFDF;*/
	border-color: #003366;
	border-style: ridge;
	border-width: 2px;
	/*border:2px solid #003366;*/}
	
div#project_header div#project_name {margin-top:5px; margin-left:5px; float:left;color:#D8D8D8;}	
	
div#project_header div#project_name {font-weight:bold; font-size: 2.0em; color:#D8D8D8; /* #003366;*/}
		

div#project_header_long {height:85px; width:900px;
	margin-top:10px;
	margin-left:10px;
	background-color:#003366; /*#DFDFDF;*/
	border-color: #003366;
	border-style: ridge;
	border-width: 2px;
	/*border:2px solid #003366;*/}
	
div#project_header_long div#project_name1 {margin-top:5px; margin-left:5px; float:left;color:#D8D8D8;}	
div#project_header_long div#project_name1 {font-weight:bold; font-size: 2.0em; color:#D8D8D8; /* #003366;*/}
	
div#project_header_long div#project_name2 {margin-top:5px; margin-left:5px; float:left;color:#D8D8D8;}	
div#project_header_long div#project_name2 {font-weight:bold; font-size: 1.8em; color:#D8D8D8; /* #003366;*/}
			

	
div#content_area {width:905px;margin-left:10px;background-color:#D8D8D8;}

/*div#column1 {position:absolute; width:300px; top:215px; left:10px;}*/
	
div#column1{width:170px; margin-bottom:5px; float:left;}
	
div#column1 h1 {font-style: normal; font-variant: small-caps; font-size: 1.2em; color: #003366;}
div#column1 p {font-size:0.9em; text-align:justify; }
.office_hours {font-size:0.9em; margin-top:15px;}
.office_hours ul {list-style-type:none;}


/*div#column2 {position:absolute; top:215px; left:315px; width:500px; }*/
div#column2{width:730px; margin-left:5px; margin-bottom:5px; float:left;}

div#column2 h1 {padding-top:0; font-style: normal; font-variant: small-caps; font-size: 1.2em; color: #003366;}
div#column2 h2 {font-size: 1em; }
div#column2 h3 {font-size: 0.9em; }
div#column2 ul {font-size:0.9em;}

div#footer {width:902px; margin-left:10px; text-align:center;font-size:0.8em;color:#D8D8D8; background-color:#003366;border-color: #003366;border-style: ridge;	border-width: 2px;}


.assign_date {
	width: 70px;
	border-color: #003366;
	border-style: ridge;
	border-width: 1px;
	background-color:white;
	/*border:2px solid #003366;*/
	padding-left:2px;margin-top:1px;}

.boxed {
	border-color: #003366;
	border-style: ridge;
	border-width: 2px;
	background-color:white;
	/*border:2px solid #003366;*/
	padding:10px;margin-top:5px;}


table { margin-top: 10px; table-layout: fixed; width: 100%; border-collapse: collapse; border: 1px solid #003366; font-family: Verdana, Arial, Helvetica sans-serif; font-size: 85%;}
th { font-weight: bold; text-align: left; }
th { vertical-align: baseline;border: 1px solid #003366;}
td { vertical-align: middle; border: 1px solid #003366;}
#col_number {width: 60px;}
#col_date {width: 70px;}
#col_assignment {}


a:link {color: #003366; text-decoration: underline;}
a:visited {color: #003366; text-decoration: underline;}
a:hover {color: #0066FF;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
}