body {
  background-color:white; 
  width:970px;
  margin: auto;
  padding: 0;
  border: 0;
  height: 100%; 
  max-height: 100%; 
  font:normal 12px/16px "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;
}

#header
{
	height:100%;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	width:990px;
}

.banner
{
float: left;
margin-top:20px;
position:relative;
}

.banner .crop
{
height:140px;
overflow:hidden;
}

.banner .crop img
{
    width:1010px;
    margin: -10px 0 0px -23px;
}


#banner h1
{
font:normal 46px/1.2em "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif; 
color:#fed41d;
float: left;
margin-left:30px;
}

#nav ul
{ 
    position:relative;
    margin-left:300px;
    list-style-type:none;     
} 

#nav ul li
{
    float:left; 
    margin-left:20px; 
    position: relative;    
}

#nav ul li a
{ 
    text-decoration:none; 
    font-size:16px;
    color:black;
} 

#nav ul li a:hover
{
 color:gray;
}


#main{
/*background-color:#f3d64d;*/
background-color:#8D1516;
padding:8px;
width:970px;
margin-top:3px;
overflow:hidden;
}

#main h1
{
margin-left:10px;
color:#fbfbf9;
}

#main h2
{
color:#820000;
margin-left:10px;
margin-top:20px;
text-transform: uppercase;
letter-spacing: .15em;
font-size: 1.5em;
border-bottom: 1px #383D44 dashed;
font-weight: normal;
}

#main h4{
  padding: 0px;
  margin: 0 0 0 15px;
}

#faculty img
{
float: left;
padding: 4px;
margin: 15px 10px 0 0;
border: 1px solid #F2F2F1;
background-color: #FBF9F9;
}

#content{
  float:left;
  background-color:white;
  padding:15px;
  width:938px;
}

#left
{
float:left;
position:relative;
width:630px;
}
#right
{
margin-left:20px;
width:30%;
float:left;
position:relative;
}

#right p
{
margin-left:10px;
}


tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

td
{
display: table-cell;
vertical-align: inherit;
}

#footnote
{
width:100%;
}

#footnote p
{
float:right;
margin-right:300px;
margin-top:-10px;
color:black;
font-size:10px;
}

#footnote ul
{ 
    float:right;
    list-style-type:none; 
    margin-right:220px;  
} 

#footnote ul li
{
    float:left; 
    margin-left:40px; 
}

#footnote ul li a
{ 
    text-decoration:none; 
    font-size:14px;
    color:black;
} 

#footnote ul li a:hover
{
 color:gray;
}


/******************************************************************
 * Added 2015-07-12 by Christopher B. Choy<http://chrischoy.org>
 *
 * Removed table. .section div allows automatic row alignment.
 ******************************************************************/

/* General purpose division. All sections should use this class */
.section
{
  float:left;
  /* To make the section to fill out the whole content.
   * This way, the header title will have full dashed underline. */
  width:100%;
}

/* Element of section class */
.stack{
  float:left;
  padding-left:20px;
}
.stack .row  .col{
  float:left;
}
.profile{
  float:left;
  width:300px;
  height:150px;
}
.profile h3{
  padding-top:15px;
}

.profile .crop {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  max-height: 135px;
  max-width: 100px;
  overflow: hidden;
  margin-right: 15px;
  float: left;
}

.profile img{
  margin-right: 15px;
  width:100px;
  float:left;
}
.profile p{
  margin:0;
}
.profile .email{
  color:#820000;
}
/* For Gallery Image. TODO. Use unified css */
.gallery{
  float:left;
  width:400px;
  height:270px;
}
.gallery img{
  margin-right: 15px;
  width:370px;
  float:left;
}

/* Section with list class property */
.list a
{
  color:#000000;
  font-weight: bold;
}
.list a:hover
{
 color:#f3d64d;
}