/* 	SCREEN STYLES 
----------------------------------------------------------------------------------- */
/* 	http://biochem.missouri.edu 
  	Created by Josh Nichols, Web Communications, University of Missouri 
  	Based on the Blueprint CSS Framework 0.7.1, http://blueprintcss.googlecode.com 
----------------------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2 { font-weight:normal;color:#0066cc; }
h1 a, h2 a { font-weight:normal;color:#0066cc; text-decoration:none; }
h1 a:hover, h2 a:hover { color:#000; }
h3, h3 a { font-weight:bold; color:#067049; }
h4 { font-weight:bold; color:#000; }
h5, h6 { color:#000; } 
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.35em; line-height:1.2;}
h3 {font-size:1.4em;line-height:1.2;margin-bottom:.5em;}
h4 {font-size:1.1em;line-height:1.2;margin-bottom:.2em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0;}
h6 {font-size:1em; font-style:italic; font-weight:normal;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p, .multimedia {margin:0 0 1em;}
p img {float:right;margin:1em 0 1em 1em;}
p img.left {float:left;margin:1em 1em 1em 0;padding:0;}
a:focus, a:hover {color:#000;text-decoration:none;}
a {color:#000;text-decoration:underline;}
blockquote {margin:1em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1em;font-style:italic;}
del {color:#666;}
pre, code {margin:1em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.3;}
li ul, li ol {margin:0 1em;}
ul, ol {margin:0 0 1em 1.5em;}
ul ul { list-style-type:circle; }
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.no-border { border:none; }

h1, h2, #nav, .event-lists h3 { font-family:Century Gothic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

h1, h2, #nav, .seminar-list h3 { font-family:Century Gothic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

/* Table styles */
thead { background-color:#ccc; }
thead td { font-weight:bold; }
tr td { border-bottom:1px solid #ccc; padding:3px 5px; }

/* grid.css */
.container {width:952px;margin:0 auto;}
hr {background:#ccc;color:#ccc;clear:both;float:none;width:100%;height:1px;margin:1.45em 0;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* Hidden skip-to links */
.offset a { position:absolute; left:-1000em; padding:5px; font-weight:bold; background-color:#f4a71d; }
.offset a:focus, .offset a:active { position:absolute; top:2em; left:2em; }

/* Biochem styles */
body { margin:10px 0; background:#2C2C2C url(../images/bg.jpg) no-repeat center top; }
#content-frame { border:1px solid #fc3; background:#FFFFFF; padding-bottom:25px; }
.more { padding-top:.3em; }
.date { font-weight:bold; display:block; color:#067049; }
div#cse-search-results iframe { width:650px; }

/* Box styles */
.box { padding:1.3em 1.3em .3em 1.3em; margin-bottom:1.5em; background:#d8ebfe; }
.box h4, .box h4 a { color:#06C; }
.box blockquote { margin:0 0 1em 0; font-size:1.2em; }
.dna-bg { padding-left:55px; background:#d8ebfe url(../images/box-dna.jpg) repeat-y left top; }
.box ul li { margin-bottom:.7em; line-height:1.3; }
.box ul.date-list { list-style:none; margin:0; }
.box p img, .box img, .side-item img { float:left; margin:0 10px 0 0; }
.side-item p img { float:none; margin:0; }
.side-item { margin-bottom:1em; }
.gold { background-color:#f2ce8e; }
.gold h3, .gold h3 a { color:#000; }

#branding { margin-right:12px; float:left; width:310px; }
#branding #logo { margin:10px 15px 0 0; float:left; }
#branding h1, #branding p { margin:0 0 0 66px; }
#branding h1 a { display:block; background:url(../images/biochem.gif) no-repeat; text-indent:-9999px; width:241px; height:40px; margin-top:10px; }
#branding h1 a:hover { background:url(../images/biochem.gif) no-repeat 0 -40px; }
#branding p a { display:block; background:url(../images/mu-name.gif) no-repeat left top; text-indent:-9999px; width:170px; height:20px; }
#branding p a:hover { background:url(../images/mu-name.gif) no-repeat left -20px; }

#header-nav { width:630px; float:right; }

#tactical { float:right; margin-bottom:20px; }
#tactical ul { list-style:none; padding:8px 0 9px 18px; margin:0; float:left; }
#tactical ul li { font-weight:bold; color:#900; float:left; margin:4px 10px 0 0; line-height:130%; }
#tactical ul li a { font-weight:normal; color:#f4a71d; text-decoration:none; padding:0 .8em 0 0; border-right:#999 1px solid; }
#tactical ul li a:hover { text-decoration:underline; color:#FFF; }
#tactical ul li.search-form { margin:1px 0 0 0; }
#search-button { border:1px solid #000; border-top-color:#ccc; border-left-color:#ccc; font-size:11px; margin:0 0 0 5px; padding:2px 6px 3px 6px; background:#ababab url(../images/button-bg.jpg) repeat-x left top; cursor:pointer; width:auto; overflow:visible; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#search-button:hover { color:#fff; background:#666 url(../images/button-bg-hover.jpg) repeat-x left bottom; }
#search-field { border:1px solid #000; border-bottom-color:#ccc; border-right-color:#ccc; border-left:#ccc; padding:3px; }

#audience { float:right; }
#audience ul { list-style:none; padding:0; margin:0; float:left; }
#audience ul li { font-weight:bold; font-size:120%; color:#000; float:left; line-height:130%; background:#f4a71d url(../images/audience-bg.gif) repeat-x; margin-left:2px; }
#audience ul li a { font-weight:bold; color:#000; text-decoration:none; padding:6px 15px; display:block; background:url(../images/audience-corner.png) no-repeat; }
#audience ul li a:hover { text-decoration:none; color:#000; background-color:#f4a71d; }

.sidebar1 { width:214px; float:left; padding:0 20px; margin:20px 0 0; }
.sidebar2 { width:214px; float:left; padding:0 20px; margin:20px 0 0; }
.content { font-size:1.1em; line-height:1.7; width:400px; float:left; padding:0 20px; margin:20px 0 0 0; border-left:1px solid #99ccff; border-right:1px solid #99ccff; }
.wide { width:654px; border-right:none; }

#breadcrumbs { font-size:.8em; margin-bottom:.5em; }
.inset-horizontal { width:400px; float:right; margin:5px 0 10px 20px; }
.inset-horizontal img { display:block; margin-bottom:10px; }
.inset-horizontal p { font-size:.9em; line-height:1.3; color:#333; }
.inset-horizontal180 { width:180px; float:right; margin:5px 0 10px 20px; }
.inset-horizontal180 img { display:block; margin-bottom:10px; }
.inset-horizontal180 p { font-size:.9em; line-height:1.3; color:#333; }
.inset-horizontal300 { width:300px; float:right; margin:5px 0 10px 20px; }
.inset-horizontal300 img { display:block; margin-bottom:10px; }
.inset-horizontal300 p { font-size:.9em; line-height:1.3; color:#333; }
.inset-horizontal360 { width:360px; float:right; margin:5px 0 10px 20px; }
.inset-horizontal360 img { display:block; margin-bottom:10px; }
.inset-horizontal360 p { font-size:.9em; line-height:1.3; color:#333; }

.seminar-list { border-bottom:1px solid #99ccff; margin-bottom:1em; padding-bottom:1em; }
.seminar-list h3 { font-weight:normal; color:#0066cc; font-size:1.7em; }
.seminar-list ul { list-style:none; margin:0; }
.seminar-list ul li { margin:0 0 1em 0; }
.seminar-list ul li a { display:block; }

.event-lists { margin-bottom:1em; }
.event-lists h3 { font-weight:normal; color:#0066cc; font-size:1.7em; }
.event-lists ul { list-style:none; margin:0; }
.event-lists ul li { margin:0 0 1em 0; }
.event-lists ul li a { display:block; }

ul#nav { list-style:none; margin:0 0 20px 0; font-weight:bold; border-top:1px solid #99ccff; background-color:#FFF; }
ul#nav li { color:#000; font-size:1.35em; line-height:1.2; margin:0; padding:0; border-bottom:1px solid #99ccff; }
ul#nav li a { width:204px; display:block; text-decoration:none; color:#0066cc; padding:8px 5px; margin:0; }
ul#nav li a:hover { background-color:#d8ebfe; }
ul#nav li ul { font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin:.2em 0 1em 0; list-style-type:none; }
ul#nav li ul li { font-size:.8em; border-bottom:none; font-weight:normal; margin:0 0 .5em 5px; padding-left:20px; background:url(../images/bullet_blue.gif) no-repeat left top; }
ul#nav li ul li a { width:auto; color:#000; display:block; padding:0; }
ul#nav li ul li a:hover { text-decoration:underline; background-color:transparent; }

/* Feature story */
ul.story-blurb { margin:0; padding:0; float:left; width:400px; }
ul.story-blurb li { border-top:1px solid #ccc; clear:left; margin:1em 0; width:400px; list-style:none; }
ul.story-blurb li a { display:block; padding:1em; text-decoration:none; }
ul.story-blurb li a:hover { background-color:#eee; }
ul.story-blurb li img { width:75px; height:68px; float:left; margin-right:15px; background-color:#eee; }
ul.story-blurb li img.profile-img { height:auto; }
ul.story-blurb li span.headline { display:block; font-weight:bold; color:#067049; font-size:1.4em; line-height:1.2; margin:-.2em 0 .2em 90px; }
ul.story-blurb li span.teaser { display:block; line-height:1.4; margin:0 0 .3em 90px; }
ul.story-blurb li span.meta { display:block; color:#666; margin-left:90px; font-size:.9em; line-height:1.4; }
.feature-meta { color:#666; font-size:.9em; }

/* Profile sections */
ul.tabs { margin:0; padding:0; list-style-type:none; float:left; display:block; }
ul.tabs li { background-color:#eee; border:1px solid #ccc; border-bottom:none; float:left; margin:0 5px 0 0; padding:10px 15px; margin-bottom:-1px; }
ul.tabs li.off { background-color:#fff; }
.tab-box { clear:both; border:1px solid #ccc; padding: 25px 15px 0px; width:624px; }
.tab-box h3 { clear:both; margin:1.8em 0; }
.profile { clear:both; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:1.5em; }
.profile img, .profile div.spacer { float:left; margin-right:15px; width:75px; height:95px; background-color:#eee; }
.profile .name { float:left; margin-right:15px; padding-right:15px; width:250px; border-right:1px solid #ccc; }
.profile .research-area { float:left; margin-right:0; width:250px; }

.profile-title { color:#000; font-weight:bold; font-size:1.1em; margin: -.5em 0 1.5em 0; }
.profile-info-container { padding:1.2em 0 1.2em 0; margin-bottom:1.2em; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.profile-info { float:left; width:425px; }
.profile-info-container img, .profile-info-container div.spacer { float:left; margin:0 1em 0 0; width:165px; height:210px; display:block; background-color:#eee; }
.profile-info p { margin-bottom:.5em; margin-left:90px; line-height:1.4; }
.profile-info p span { width:75px; margin-left:-90px; float:left; display:block; font-weight:bold; text-align:right; }

#footer { padding-top:1.6em; text-align:center; color:#CCC; margin:0 1px; }
#footer p { font-size:100%; margin-bottom:.5em;  }
#footer p a { color:#CCC; }

/* Slide Show */
#muGallery { min-height:600px; }
#muGallery #gal-main-img { display:block; width:400px; height:360px; }
#muGallery #gal-img-contain { background-color:#666; }
#muGallery #gal-headline { line-height:1.2; }
#muGallery #gal-headline a { display:block; }
#muGallery #gal-teaser { line-height:1.3; }
#muGallery #controls { background-color:#666; padding:4px; text-align:center; margin-bottom:.4em; }
#muGallery #controls img { vertical-align:bottom; }
#muGallery #controls a img { margin:1px 6px; width:30px; height:27px; }
#muGallery #controls a:focus { outline-style: none; }
#muGallery #controls a:hover img { border:solid 1px #FFF; margin:0 5px; }
#muGallery #controls img.current { border:solid 1px #FC3; margin:0 5px; }
#muGallery p#gal-readmore { clear:both; padding-bottom:.3em; }
#muGallery p#gal-readmore a { font-size: 1px; text-indent:-9999px; background: url(../images/read-more.gif) no-repeat left top; width:80px; height:17px; display:block; }
#muGallery p#gal-readmore a:hover { background: url(../images/read-more.gif) no-repeat left top; background-position:0 -17px; }

/* Text Shadow */
#tactical { text-shadow:#000 -1px 1px 3px; -moz-opacity: 0.99; }
#footer { text-shadow:#000 0px 0px 0px; -moz-opacity: 0.99; }