td.name { width: 30%; }
td.title { width: 50%; }
td.email { width: 10%; }
td.biosketch {width: 10%; }
img.floatleft {float: left; margin: 0 5px 10px 0;}
table.people {width: 100%; }
#pagetitle {margin: 20px 101px 0 0; text-align: center; }
#department {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 13px; font-style: italic; color: #bbbbbb; line-height: 30px; white-space: nowrap; position: absolute; }
a.mainnav {font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 14px; color: #ffffff; text-decoration: none; }
#tagline {font-size: 16px; font-style: italic; line-height: 50px;}
td.people td.peoplepic {border-width: 0; padding: 5px;  font-size: 14px; }
td.biosketch {border-width: 0; padding-left: 10px; padding: 5px 10px 5px 0; text-align: justify; }
td {font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 14px; color: #000000; padding: 2px; }
#footerdiv { 
background: #252525;
background: -moz-linear-gradient(center top , #565656 0%, #252525 100%); 
background: -webkit-gradient(linear, center top , center bottom, from(#565656) , to(#252525) ) ;
border-top-width: 3px; border-top-color: #d8d6d0; border-top-style: solid; width: 100%;
line-height: 28px; 
position: absolute;
bottom: 0;
height: 30px;}
#main {overflow-y: scroll;
position: absolute;
width: 100%;
top: 173px;
bottom: 30px;}
.avoidbanner {position: relative; margin-top: 20px; left: -50px;}
.center {text-align: center;}
.maxtextwidth {max-width: 700px;}
table.maxtextwidth {width: 700px;}

/* iPhone 2,3,4 (portrait or landscape) */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
 #department {font-size: 16px;}
 a.mainnav {font-size: 18px;}
 #tagline {font-size: 18px;}
 td.people {font-size: 18px;}
 td.biosketch {font-size: 18px;}
 td.contact {font-size: 20px;}
 #footerdiv {display: none;}
 #main {bottom: 0;}
}

/* iPhone 5 (portrait or landscape) */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
 #department {font-size: 16px;}
 a.mainnav {font-size: 18px;}
 #tagline {font-size: 18px;}
 td.people {font-size: 18px;}
 td.biosketch {font-size: 18px;}
 td.contact {font-size: 20px;}
 #footerdiv {display: none;}
 #main {bottom: 0px;}
}

/* Android 240 x 320 */

@media only screen
and (max-width: 241px) {
 #department {font-size: 16px;}
 a.mainnav {font-size: 18px;}
 #tagline {font-size: 18px;}
 td.people {font-size: 18px;}
 td.biosketch {font-size: 18px;}
 td.contact {font-size: 20px;}
 #footerdiv {display: none;}
 #main {bottom: 0px;}
}

/* Android (Samsung Galaxy) in portrait */

@media only screen
and (min-width: 375px)
and (max-width: 385px) {
 #department {font-size: 16px;}
 a.mainnav {font-size: 18px;}
 #tagline {font-size: 18px;}
 td.people {font-size: 18px;}
 td.biosketch {font-size: 18px;}
 td.contact {font-size: 20px;}
 #footerdiv {display: none;}
 #main {bottom: 0px;}
}

/* Google Open Sans fonts */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTeY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSuY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzOY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-huY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}
div {font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 14px; color: #000000; }
#header { top: 0; 
overflow: auto;
position: absolute;
width: 100%;
height: 173px;}
p {font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 14px; color: #000000; text-align: justify;}
#top { 
background: #252525;
background: -moz-linear-gradient(center top , #565656 0%, #252525 100%) ;
background: -webkit-gradient(linear, center top , center bottom, from(#565656) , to(#252525) ) ;
 height: 30px; border-bottom-width: 3px; border-bottom-color: #d8d6d0; border-bottom-style: solid; 
}
#logo {float: left; margin-right: 15px;}
#mainnav {border-collapse: collapse;}
table {border-width: 0; }
table.contact {margin-top: 0;}
#people {table-layout: fixed;}
ul li { font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 14px; color: #000000; list-style-image: url("bullet.png");}
ul.skip li.skip {vertical-align: top; padding-bottom: 10px;}
ul.halfskip li.halfskip {vertical-align: top; padding: 5px 0; }
p.halfskip {line-height: 5px; }
tr:nth-child(4n+1) { background-color: #f2f2f2; }
tr:nth-child(4n+2) { background-color: #f2f2f2; }
tr {vertical-align: top;}
td.contact {padding-left: 10px; padding-right: 10px; background-color: #ffffff;}
td.peoplepic {text-align: right;}
td.mainnav {padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; background-color: #373737; border-right-color: #000000; border-right-style: solid; border-left-style: none; border-left-width: 0; border-left-color: #373737; border-right-width: 3px; }
#mainnavtail { width: 1000px; border-right-style: none; }
#divmainnav {position: absolute; top: 105px; left: 0px; margin-top: 16px;}
body {
margin-left: 0; 
margin-right: 0; 
margin-top: 0; 
margin-bottom: 0;
overflow: hidden;
}
h2 {color: #c34500; font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 30px; font-weight: normal; margin-bottom: 0;}
h3 {color: #252525; font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 20px; font-weight: normal; }
h4 {color: #252525; font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size: 17px; font-weight: normal; }
.toplink {text-decoration: none; color: #bbbbbb; margin-top: 0; margin-bottom: 0;}
a {color: #000000;}
.content {margin-left: 10px; margin-right: 10px;}
.indent{ margin-left: 20px; }
.smallindent{ margin-left: 10px; }
.contactsfat { float: left; width: 60%; }
.contactsthin { float: left; width: 40%; }
.fullwidth { width: 100%; float: none; }

.footersize {line-height: 30px; }
.footer {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; color: #a0a0a0; margin-left: 15px; }
.clear {clear: both;}
.students { font-family: Arial,Helvetica,Verdana,sans-serif; margin-right: 50px;
text-align: justify; }
#Contact {margin-bottom: 100px;}
#wordcloud {text-align: center;}
#contactheader {margin-bottom: 0;}
#emailcont {padding-top: 4px;}
#emailpref {margin-top: 6px;}
.gray {color: gray; }
.ital {font-style: italic;}