*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{width:860px;margin:0 auto;background-color:#e2e2e2;color:#000;font:12.8px Verdana,Arial,sans-serif;line-height:1.7005}
#wrapper{position:relative;width:100%;background-color:#fff;overflow:visible;-o-box-shadow:0 0 8px #999;-ms-box-shadow:0 0 8px #999;-moz-box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;box-shadow:0 0 8px #999}
#skiptocontent{position:absolute;top:-10em;left:-10em}
#schoolnav{position:relative;background-color:#066;height:2.16666em;margin:0;padding:0 2em;list-style:none;overflow:auto;text-align:justify;z-index:10;overflow-y:hidden}
#schoolnav li{display:inline}
#schoolnav div.justify-trick{display:inline-block;width:99%;height:0}
#schoolnav a{display:inline-block;padding:8px 10px;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.04545em;line-height:1}
#schoolnav a:hover,#schoolnav a:focus{color:#92d2ff}
#header{position:relative;width:auto;margin:0;margin-bottom:30px;overflow:hidden;line-height:1}
#header h1{margin-bottom:0;font-family:"Gotham Light",Verdana,Arial,sans-serif;font-size:3em}
#header .colorimg{float:right;margin:0 0 0 0}
#header .sitename{display:block;line-height:.8}
#searchform{position:absolute;top:9px;right:11px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1)}
#searchform div{display:inline}
#searchform #searchtextbox,#searchform #searchsubmit{display:block;float:left;border:solid #430907;font-family:Verdana,Arial,sans-serif;font-size:1em}
#searchform #searchtextbox{position:relative;width:111px;height:20px;border-width:1px 0 1px 1px}
#searchform #searchsubmit{height:20px;padding:1px 10px 3px;background-color:#606060;border-width:1px 1px 1px 0;font-size:9px;color:#fff;line-height:1.3333333em;text-transform:uppercase}
#searchform #searchsubmit:active{padding:3px 9px 3px 11px}
#main{position:relative;clear:both;padding:0 20px 22px 20px}
.has_rt-col #main{padding-right:20px}
#lft-col{float:left;width:207px;margin-right:25px;padding-bottom:10em}
#rt-col{float:right;width:154px;margin-left:25px}
#content{float:left;z-index:10;width:526px}
#content>:last-child,#content>:last-child>:last-child,#content>:last-child>:last-child>:last-child{margin-bottom:0}
.has_rt-col #content{width:409px}
.homepg #content{width:588px}
.homepg #usrcontent>p:first-child{margin-top:0}
.homepg .left{float:left;margin-right:27px}
.homepg .right{float:right}
.homepg .left>:last-child,.homepg .right>:last-child{margin-bottom:0}
#mainnav{margin-bottom:30px;background-color:#ebebeb;border:1px solid #999;overflow:hidden}
#mainnav h4{padding:.30769em .76923em;font-size:1em;position:absolute;left:-999em}
#mainnav ul{margin:0;padding:0;list-style:none}
#mainnav ul .mainnav_child{margin-top:-4px;padding-top:0;padding-bottom:7px;list-style:none}
#mainnav li{margin:0}

#mainnav li a,#mainnav li.mainnav_on,#mainnav li .mainnav_chon{display:block;width:100%;padding:3px 20px 10px 20px;border-top:0 solid #fff;color:#333;text-decoration:none;line-height:1.3em;}
#mainnav li.mainnav_on:first-child,#mainnav li:first-child a{padding-top:11px;border-top:none}
#mainnav li.mainnav_on:last-child,#mainnav li:last-child a{padding-bottom:12px}
#mainnav li.mainnav_spon,#mainnav li.mainnav_spon a,#mainnav li.mainnav_on,#mainnav li.mainnav_chon{font-weight:bold;color:#333;line-height:1.3em;}
#mainnav a:hover,#mainnav a:focus{color:#0088ce;font-weight:normal;text-decoration:underline}
#mainnav .mainnav_chon,#mainnav .mainnav_child li a{padding-top:3px;padding-bottom:4px;padding-left:30px;padding-right:15px;border-top:none;background-image:url(none);background-position:24px -15px;background-repeat:no-repeat;color:#000;font-size:.85em}
#mainnav .mainnav_child li a:before,#mainnav .mainnav_child .mainnav_chon:before{content:"> ";font-size:0.75em;margin-left:-1.2em}
#mainnav .mainnav_child li a:hover,#mainnav .mainnav_child li a:focus{background-position:-10px 10px}
.subnav{float:right;width:154px;margin:0 0 27px 27px;padding:12px 14px 14px 14px;background-color:transparent}
.subnav li{margin-bottom:9px}
.subnav .active{display:block;font-weight:bold}
#rt-col .subnav{float:none}
.homepg .nav_month{display:none}
#events-bucket .nav_month{margin:0;padding:0;z-index:10}
#events-bucket .nav_month li{display:inline;float:left;width:auto;clear:none;margin:0;padding:0}
#events-bucket .nav_month a{display:block;margin-right:5px;margin-bottom:5px;padding:6px;background-color:#ebebeb;color:#333}

#events-bucket ul.monthlink li {border:none !important;display:inline;margin-right:20px;}
#events-bucket ul.monthlink li a {display:inline;}

.fixedattop{position:fixed;top:0}
#breadcrumb{margin-top:-3px;margin-bottom:28px;font-size:.8em;color:#666}
#breadcrumb a{color:#666;text-decoration:underline}
#breadcrumb .arrow-bg{background:#fff url("/docs/IO/30255/backarrow.gif") no-repeat 0 0}
#breadcrumb .arrow-bg img{display:none}
#breadcrumb img{padding:0;border:0}
.headimg{padding:0}
#usrcontent{clear:left;width:100%}
.homepg #usrcontent{margin-bottom:24px}
#sub-nav{font-size:.9em}
#content form .instruction{font-style:italic}
#content form input,#content form textarea{margin-bottom:1em}
#content form select{margin-bottom:1.13333em}
#content form input.button{margin-top:.5em}
#content form textarea{width:450px}
.profilepg .headimg,.eventpg .headimg{float:left;width:202px;overflow:hidden;margin:0 25px 25px 0}
.profilepg .headimg img,.eventpg .headimg img{width:202px;overflow:hidden;margin:0}
.profilepg .headimg .caption,.eventpg .headimg .caption{margin:10px 0 0 0;text-align:right}
.profilepg h1,.eventpg h1{margin-top:-8px;line-height:1.454545}
.profilepg .generalinfo div,.eventpg .generalinfo div{clear:left;overflow:hidden;margin:.75em 0}
.profilepg .usrcontent,.eventpg .usrcontent{clear:left}
.imgwcap{float:left;width:202px;margin-right:25px;margin-bottom:10px;font-size:.75em;color:#888;text-align:right}
.profilepg .headimg{width:202px}
.profilepg .headimg .headimg img{width:100%}
.profilepg .generalinfo{display:table}
.profilepg .generalinfo h4{float:left;clear:left;margin-top:0;padding:0;font-size:1em}
.profilepg .generalinfo p{display:block;float:left;margin:0}
.profilepg .generalinfo p.appointments {clear:left;}
.profilepg .generalinfo p.education {clear:left;margin-top:0.75em}
.profilepg .generalinfo p.address{clear:left}
.profilepg .backTop{margin-top:1em;font-size:.83333em}
.profilepg #facupdateprofile img{clear:left;padding:0;border:0}
.profilepg .lastupdate{clear:left;margin-top:0.91667em}
.eventpg #content{width:588px;margin-right:0}
.eventpg #usrcontent{width:526px}
.eventpg .generalinfo{display:table;margin-bottom:1em}
.eventpg .generalinfo h1{font-size:1.7em}
.eventpg .generalinfo p{margin-top:6px;margin-bottom:0;font-size:1.12em;font-family:Verdana,Arial,sans-serif;font-weight:bold;color:#333}
.eventpg .notice p{color:#777;font-size:.8em}
.tabbed{border:0;display:inline}
.tabbed h4{margin-top:0;margin-bottom:0.7333em;font-size:1.25em}
.tabbed h4,.tabbed .propertySub{clear:both}
.tabbed h5{margin-bottom:.25em}
.tabbed h5 a{text-decoration:none}
.tabbed li{clear:both;width:100%;margin-bottom:2em;padding-left:0;text-indent:0}
.tabbed .pane li{margin-bottom:1em}
.tabbed li img{float:left;width:23.68969%;max-width:131px}
.tabbed li .fac-info{float:right;width:71.79%}
.tabbed .fac-info h6{float:left;clear:left}
.tabbed .fac-info p{margin:0}
.tabbed a.tab{position:relative;display:inline-block;z-index:10;margin-right:-5px;padding:.5em 1em;background-color:#dadada;border:1px solid #999;color:#000;text-decoration:none}
.tabbed a.tab:hover,.tabbed a.tab:focus,.tabbed .tabbed:target a.tab,.tabbed .tabbed.active a.tab{background-color:#fff}
.tabbed .tabbed:target a.tab,.tabbed .tabbed.active a.tab{border-bottom:1px solid #fff}
.tabbed div.pane{display:none;position:relative;float:left;width:100%;margin-top:2.75em;margin-right:-100%;padding:2em 1em;background-color:#fff;border-top:1px solid #999}
.tabbed .tabbed:target div.pane,.tabbed .tabbed.active div.pane{display:block}
.tabbed-separator{display:none}
#footer{background-color:#066;padding:3px 0}
#footer,#footer a{color:#fff;font-size:11px;text-align:center}
#footer a{padding:0}
#footer a:hover,#footer a:focus{color:#92d2ff}
#footer .contact{position:absolute;bottom:5.2em;left:20px;background-color:transparent;color:#333;line-height:1.5;text-align:left}
#footer .contact p{margin:.7em 0 0 0}
#footer .contact a{background-color:transparent;color:#999;text-decoration:none}
#footer .contact a:hover,#footer .contact a:focus{color:#066;text-decoration:underline}
html,body{height:100%}
#wrapper{min-height:100%}
#main{overflow:auto;padding-bottom:4.1667em}
#footer{position:relative;width:100%;margin:-2.1667em auto 0;height:2.1667em;clear:both}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}
.bucket{position:relative;overflow:hidden}
.bucket h4{margin:0 0 .33333em 0;position:relative;font-size:1.08333em}
.bucket h5{margin:0 0 2px 0;font-weight:normal}
.bucket .propertySub{margin:2.5em 0 1.5em 0;font-size:1.125em;font-weight:bold;color:#066}
.bucket ul{margin:0;padding:0;list-style:none}
.bucket li{position:relative;display:block;clear:both;overflow:hidden;margin-bottom:3.5em}
.bucket li a{display:block}
.bucket li p a{display:inline;padding:0;font-size:1em;background:none}
.bucket li a:hover{background-position:1px -7px}
.bucket li .imgbox{float:left;margin-right:25px}
.bucket li .bktItemGroup{display:table}
.bucket li .bktItemGroup p{margin:0}
.bucket p{margin-top:0}
.bucket .archive{margin-top:9px;margin-bottom:0}
.bucket .archive a,.bucket .more{font-weight:bold}
.bucket .archive a:after,.bucket .more:after{content:"\00a0>";font-size:.8em}
#spotlight-bucket .imgbox{padding-bottom:8px;}
#spotlight-bucket h5{margin-bottom:6px}
#rt-col .bucket{margin:0;padding:0 14px 14px 14px;background-color:transparent;font-size:.88em}
#rt-col .bucket:first-of-type{padding-top:12px}
#rt-col .bucket h4{margin-bottom:9px;font-size:1em;line-height:1.332em}
#rt-col .bucket li{margin-bottom:9px;line-height:1.25em}
#lft-col .bucket{margin-bottom:30px}
.generalpg #lft-col .bucket,.eventpg #lft-col .bucket,.profilepg #lft-col .bucket{padding:8px 20px 17px 20px}
.generalpg #lft-col .bucket h4,.eventpg #lft-col .bucket h4,.profilepg #lft-col .bucket h4{margin:0 0 9px 0;padding:8px 0 0 0;font-weight:bold}
#lft-col .bucket h4{font-size:12.8px}
#lft-col .bucket ul{padding:0;line-height:1.55}
#lft-col .bucket ul h5{margin-bottom:0}
#lft-col .bucket li{margin-bottom:.8em}
#lft-col .bucket li:last-child{margin-bottom:0}
.generalpg .content .bucket li h5{margin-bottom:1em;font-weight:bold}
.generalpg .content .bucket li .bktItemGroup h5{margin-bottom:0}
.homepg .left{float:left;width:280px}
.homepg .right{width:100%}
.homepg .left+.right{width:280px}
.homepg .bucket{margin:0 0 27px 0;padding:16px 20px 17px 20px;background-color:transparent;color:#333}
.homepg .bucket :last-child{margin-bottom:0}
.homepg .bucket h4{width:278px;margin:-16px 0 9px -20px;padding:16px 20px 0 20px;font-size:14.8px;font-family:Verdana,sans-serif}
.homepg .bucket ul{padding:0;line-height:1.55}
.homepg .bucket li{margin-bottom:.8em}
.homepg .bucket li h5{font-weight:normal}
.homepg .bucket .imgbox{display:table-cell;float:none;width:238px;max-height:238px;margin-bottom:13px;border:none;text-align:center;vertical-align:middle}
/* HH: 1/16/2014 replace the height:238px with max-height:238px This setup creates a square box for the Spotlight image, however, if the image is not square, it will create empty space above and below the image. Remove the height:238px remove that height restriction */
.homepg .bucket .imgbox img{max-width:100%;max-height:100%;width:auto;height:auto;border:none}
#events-bucket{overflow:visible}
#events-bucket .propertySub{margin-top:1em;font-family:Verdana,sans-serif;font-size:16px;font-weight:bold;color:#066}
#events-bucket li{clear:left;overflow:hidden;margin-bottom:3em}
#events-bucket li .date{margin:6px 0;font-size:.9em;font-weight:bold}
#events-bucket li .imgbox{float:left;display:block;width:152px;margin:0 25px 25px 0;border:1px solid #999795;text-align:center}
#events-bucket li img{border:0}
#events-bucket li a{padding:0;background:transparent;text-indent:0}
.generalpg #events-bucket ul li {border-bottom: 1px solid #aaa; padding-bottom: 2.5em;}
.generalpg #events-bucket ul li:last-child {border-bottom: none;}
.homepg #events-bucket li{margin-bottom:9px}
.homepg #events-bucket li:last-child{margin-bottom:0}
.homepg #events-bucket li:first-child .imgbox{margin-top:11px}
.homepg #events-bucket li .imgbox{width:100%;margin-top:20px 0}
.homepg #events-bucket li .date{font-size:1em;color:#066}
.homepg #events-bucket li .propertySub{display:none}
.homepg #events-bucket li p,.homepg #events-bucket li h5{margin:0;padding-left:0}
.homepg #events-bucket li .location,.homepg #events-bucket li .presenter{max-height:43.5328px}
.generalpg #genpurpose-bucket,.generalpg #genpurpose-img-bucket{padding:0}
.generalpg #genpurpose-bucket li,.generalpg #genpurpose-img-bucket li{overflow:hidden;margin-bottom:2em;padding:0;text-indent:0}
.generalpg #genpurpose-bucket li a,.generalpg #genpurpose-img-bucket li a{padding:0;text-indent:0;background:none}
.generalpg #genpurpose-bucket li:before,.generalpg #genpurpose-img-bucket li:before{content:none}
#genpurpose-img-bucket li img{float:left;max-width:100px;margin:6px 25px 25px 0}
#genpurpose-img-bucket li h5,#genpurpose-img-bucket li p{padding-left:125px}
#genpurpose-img-bucket h5{margin-top:0}
#faculty-bucket.bucket{padding:0}
#faculty-bucket.bucket li:last-child{margin-bottom:0}
#faculty-bucket.bucket li a{padding-left:0;background:none}
#faculty-bucket.bucket li .imgbox{width:102px;overflow:hidden;border:1px solid #999795}
#faculty-bucket.bucket li .imgbox img{width:100px;border:0}
#faculty-bucket.bucket li .bktItemGroup{margin-left:127px}
#faculty-bucket.bucket li h5{margin-top:-5px;margin-bottom:0}
#faculty-bucket.bucket li h6{float:left;margin-top:0;padding:0;font-weight:bold}
.homepg #newshighlights-bucket.image-list li{display:table;margin-bottom:18px}
.homepg #newshighlights-bucket li:last-of-type{margin-bottom:0}
.homepg #newshighlights-bucket li .imgbox{width:82px;height:82px;float:left;margin-right:10px;margin-bottom:0;text-align:center}
.homepg #newshighlights-bucket li .imgbox img{max-width:82px;max-height:82px;width:auto;height:auto}
.homepg #newshighlights-bucket li h5{vertical-align:middle;display:table-cell}
#newshighlights-bucket img{width:152px}
#socialmedia{margin-bottom:30px;padding-top:0px !important;padding-bottom:0px !important;padding-left:20px;background-color:#fff !important;border:none !important;}
#socialmedia ul{margin-top:8px;padding:0;background-color:transparent;list-style:none}
#socialmedia ul li a{display:block;height:20px;padding:0 12px 0 25px;background-position:0 -20px;color:#666666;font-size:.91667em}
#socialmedia a {color:#666 !important}
#socialmedia a:hover{}
#socialmedia ul li .cus-img, #socialmedia ul li .cus-link {display:inline;vertical-align:middle;}
#socialmedia ul li .cus-link {padding-left:5px; !important;}
#bookshelf-bucket a{display:block}
#bookshelf-bucket .imgbox{display:block;margin:16px 0 17px;text-align:left}
#bookshelf-bucket img{border:1px solid #ccc;max-width:160px;}
#bookshelf-bucket .title{display:block;font-weight:bold}
.generalpg #bookshelf-bucket .imgbox{width:150px;margin-bottom:20px;margin-right:20px;padding-top:5px;}
.generalpg #bookshelf-bucket .title{display:block;font-weight:bold}
.toggleitem .toggleitem{padding-top:1em;padding-bottom:1em}
.toggleitem .toggleitem .propertySub,.toggleitem .toggleitem .txtlink{display:list-item;margin-top:1em;margin-bottom:1em;color:#0088ce;text-decoration:none;cursor:pointer}
.toggleitem h4{margin-top:1em}
.toggleitem h4,.toggleitem h5{text-decoration:underline;cursor:pointer}
.toggleitem dd{display:none;margin-bottom:2em}
.toggleitem .txtlink,.toggleitem .txtlink-directlink,.toggleitem .txtlink-a{margin-left:3em}
.toggleitem .txtlink:hover{text-decoration:underline}
.toggleitem .txtlink.active{font-weight:bold}
#topcontrol{margin-right:10px;padding:11px 7px;background-color:#066;color:#fff;font-size:.9em;font-family:Arial,sans-serif;font-weight:bold;line-height:1.6em;text-transform:uppercase;border-radius:0;box-shadow:0 0 3px 1px #777}
#topcontrol-old{margin-right:0;padding:10px 14px;background-color:#066;color:#fff;font-family:Arial,sans-serif;font-weight:bold;text-transform:none;border-radius:.75em 0 0 0}
a{color:#0088ce;text-decoration:none}
a:hover,a:focus{color:#066;text-decoration:underline}
.fakelink{color:#0088ce;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#066}
h1,h2,h3{font-family:Verdana,sans-serif;margin:0 0 14px 0;font-size:16px;font-weight:bold}
h4,h5,h6{font-family:Verdana,Arial,sans-serif}
h4{margin-top:2em;font-size:1.15em;font-weight:bold}
h5,h6{margin-top:2em;font-size:1em}
p{margin:.91667em 0}
img{border:1px solid #999795}
img[align="left"]{margin-right:25px}
img[align="right"]{margin-left:25px}
.imgbox{display:block;overflow:hidden;line-height:0}
ul,ol{margin:1.58333em 0;padding-left:3em}
li{margin-bottom:.5em}
.lastupdate{font-size:.75em;color:#aaa}
.caption{font-size:.75em;color:#888}
.more:after{content:"\00a0>";font-size:.8em}
table .subhead{background-color:#ebebeb;color:#333;font-weight:normal}
table.border{border:solid #033;border-width:1px 0 0 1px}
table.border td,table.border thead,table.border tbody{border:solid #033}
table.border td{border-width:0 1px 1px 0}
table.border thead{background-color:#066;color:#fff;font-weight:bold}
table.border thead h4,table.border thead h5,table.border thead h6{color:#fff;font-weight:bold}
#usrcontent h1,#usrcontent h2,#usrcontent h3,#usrcontent h4,#usrcontent h5,#usrcontent h6{margin-top:0px}
#usrcontent h1,#usrcontent h2,#usrcontent h3{font-size:1.15em}
#usrcontent h4,#usrcontent h6{color:#333}
#usrcontent h5,#usrcontent h6{font-size:1em}
.carousel-frame{position:relative}
.carousel-frame li{clear:none}
.carousel-frame .next,.carousel-frame .prev{position:absolute;top:119px;width:20px;height:28px;margin-top:-14px;background:transparent url('/docs/IO/25800/arrows-sharp-sml.png') no-repeat 0 0;cursor:pointer}
.carousel-frame .next{right:0;background-position:right 0}
.carousel-frame .next:hover{background-position:right bottom}
.carousel-frame .prev{left:0;background-position:left 0}
.carousel-frame .prev:hover{background-position:left bottom}
.homepg #lft-col,.homepg #rt-col{display:block}
.eventpg a.addtogcal img {border:none;}

#video-list-bucket { padding: 15px; }
#video-list-bucket h4 {  }
#video-list-bucket ul { padding: 0 !important; margin: 0 !important; list-style: none; }
#video-list-bucket .contenttxt li {padding: 0;background-image: none;position: relative;}
#video-list-bucket .contenttxt li a { display: block; margin: 0; padding: 0; background: none; }
#video-list-bucket .contenttxt li .txtlink-img img { width: 100%; border: 0; }
#video-list-bucket .contenttxt li .txtlink-txt img {  }
#video-list-bucket li a.txtlink-txt {position: absolute;left: 0;bottom: 2px;margin: 0;padding: 4px 5px !important;background: transparent url("/docs/TEMPLATE/1502/halftone-bg.png") repeat 0 0;font-size: .9em;color: #fff;text-decoration: none;}
#video-list-bucket li:hover a.txtlink-txt { text-decoration: underline; }
#video-list-bucket li a.txtlink-txt img { display: none; position: absolute; top: 3px; right: 6px; }

/* HH: property "Hide main navigation?" (id440) trigger the .hide_lf-col class on the body tag, allows user to use a wider content page. */
.hide_lf-col #lft-col {display:none;}
.hide_lf-col #content {width:800px;}



@media print{
#schoolnav,#header #searchform,#lft-col,#rt-col,#footer,#topcontrol,.button-onsiteedit,.contact{display:none}
.generalpg #content,.contentpg #content,.profilepg #content,.eventpg #content{width:100% !important;margin:0;font-size:1.25em}
.contentpg #content,.profilepg #content{margin-left:0}
.profilepg .profileimg{font-size:2em}
#content p,.fac-list ul li{page-break-inside:avoid}
}