body {font: 62.5%/1.3 verdana,geneva,lucida,arial,sans-serif; text-align: center; margin: 0; padding: 0; background: url(graphics/home/binary.gif) ;}
h1 {font-size: 14px; color: #e47e2c; margin: 5px 0 17px;}
h2 {font-size: 12px; color: #312d8b; margin: 0;}
h3 {font-size: 11px; color: #fff; margin: 0 0 8px -4px;}

img {border: none;}
td {padding: 0; vertical-align: top;}
#skipnav {position: absolute; top: -200px;}
#copyright {text-align: left; font-size: 10px; margin-top: 15px;}
#contacttxt {font-size: 11px; margin-top: 7px;}
#contacttxt p {margin: 5px 0;}
#footernav strong {color: #312d8b;}
.firstpara {margin-top: 8px;}

/* link styling */
a {color: #312d8b;}
#rightnav a {font-weight: bold; text-decoration: none;}
#rightnav a:hover {color: #8986d5;}
#header a {font-weight: bold;}
#rcol a {color: #fff;}
#header a:hover, #rcol a:hover, #contacttxt a:hover, #footernav a:hover {text-decoration: none;}
#cnav a:hover {color: #312d8b;}

/* top of layout */
#bar {padding: 3px 0; background: #fff; color: #312d8b;}
#header, #logo {width: 766px; margin: 0 auto; font-size: 120%;}
#header img {vertical-align: middle;}
#um {margin-right: 10px;}
#masthead {margin: 10px auto 0; width: 766px;}
#utilitynav {float: right; width: 480px; text-align: right; padding-top: 5px;}

/* logo and global nav for content areas */
#logo {height: 80px; background: url(graphics/home/banner.png) no-repeat 0 10px;}
#cnav, #cnav a {color: #fff; font-weight: bold; text-decoration: none; line-height: 27px;}
#cnav ul {margin: 0; padding: 0; list-style: none;}
#cnav li {float: left;}
#cnav strong {padding: 10px 10px 0 7px;}
#homelink {display: block; height: 49px; width: 100%;}

/* each button at the top has a distinct width value assigned to its list item, along with the 'current' class */
#cnav .current {line-height: 27px; height: 27px; border-left: 1px solid #ececf7; background: #e49352 url(graphics/sub/topnavedge.gif) no-repeat top right;}
#research {width: 90px;}
#publications {width: 95px;}
#people {width: 65px;}
#courses {width: 70px;}
#newsevents {width: 120px;}
#links {width: 60px;}

/* middle of layout */
#content {clear: both; text-align: left; width: 100%;}
.variablewidth {width: 50%;}
#leftcolumn {width: 177px;}
#middlecolumn {width: 475px;}
#rightcolumn {width: 114px;}
.topborder {border-top: 1px solid #999; background: #fff;}
#leftnav {padding: 63px 0 30px; background: #fff;}
#leftnav div {border-top: 1px solid #999; text-align: right; font-size: 110%; padding: 2px 0 5px;}
#leftnav a, #leftnav strong {display: block; margin-left: auto; text-align: left; padding-left: 12px;}
#leftnav a {background: url(graphics/sub/leftside_marker.gif) no-repeat 0 3px;}
#leftnav strong {color: #e47e2c; background: #fff url(graphics/sub/leftside_marker_pressed.gif) no-repeat 0 3px;}
#contactinfo {background: #dcd9fd url(graphics/sub/subpagecontactedge.gif) no-repeat top right; text-align: right; padding: 25px 0 10px;}
#contactdetails {font-size: 11px; margin-left: auto; width: 165px; text-align: left;}
#midcol {font-size: 120%; background: #fff url(graphics/sub/subpagecontentedge.gif) no-repeat top right; padding: 20px 30px 10px;}
#footernav {margin: 30px 0 0; text-align: center;}
#rcolbg {background: url(graphics/home/binary.gif) ;}
#rcol {padding: 60px 0 0 15px; width: 99px;}
#rcol ul {margin: 0; padding: 0; margin-left: 15px; list-style-image: url(graphics/sub/rightside_marker.gif);}
#rcol li {margin-bottom: 3px; font-size: 110%;}
#contentareabottom {height: 50px; background: url(graphics/sub/contentareabottom.gif) no-repeat bottom right;}
#contactareabottom {height: 50px; background: url(graphics/sub/contactareabottom.gif) no-repeat bottom right;}
#midcol p {line-height: 16px; margin-bottom: 6px;}
.inpagelink {font-size: 12px; font-weight: bold; color: #312d8b;text-decoration: none;}
.inpageh2 {font-size: 13px; font-weight: bold; color: #e47e2c;}

/* box model hacks for Windows IE 5.x */
#leftnav a, #leftnav strong {width: 177px; voice-family: "\"}\""; voice-family:inherit; width: 165px;}
html>body #leftnav a, html>body #leftnav strong {width: 165px;}

td {font-size: 10px; voice-family: "\"}\""; voice-family:inherit; font-size: 100%;}
html>body td {font-size: 100%;}

#footernav {font-size: 80%; voice-family: "\"}\""; voice-family:inherit; font-size: 95%;}
html>body #footernav {font-size: 95%;}

#rcol {width: 109px; voice-family: "\"}\""; voice-family:inherit; width: 99px;}
html>body #rcol {width: 99px;}

html>body #contactareabottom {height: 20px;}