/* Reset all styles
Adapted from Eric Meyer's reset.css:
http://meyerweb.com/eric/tools/css/reset/ 
-------------------------------------------- */
html, body, div, span, object,h1, h2, h3, h4,p, blockquote, 
a, abbr, acronym, cite, em, img,strong, sub, sup,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-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Page structure
-------------------------------------------- */
/* Following two rules needed for footer position */
/* see http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ */
html, body, #wrap {height: 100%;}
body > #wrap { height: auto; min-height: 100%; }
body {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;line-height: 1.4;color: #444; font-size: 90%;background: transparent url(images/top-bar.jpg) 0 0 repeat-x;}
#wrap {background: transparent url(images/content-bg.jpg) 50% 0 repeat-y;margin: 0 auto;min-width: 980px;}
#header {background: transparent url(images/header.jpg) 50% 0 no-repeat; height: 143px;margin: 0 auto;position: relative;z-index: 0;width: 100%;min-width: 980px;}
#main {width: 1009px; margin: 2.5em auto 0;position: relative;padding-bottom: 72px;/* footer height */;}
#main img#turing {position: absolute; top: -180px; right: 35px;}
#content {padding: 0 70px 0 275px;}
#nav {position: absolute; top: 5px; left: 50px;background: #EBECEC url(images/nav-bg5.jpg) 0 bottom repeat-x;width: 200px;padding: 0;border-top: 1px solid #828789;border-bottom: 1px solid #828789;
/*-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: -3px 4px 4px #DEDEDE;*/}
#footer {background: transparent url(images/top-bar.jpg) 0 0 repeat-x; height: 72px;z-index: 10; margin-top: -72px;min-width: 980px;}
#footer div {background: transparent url(images/footer-bg.jpg) 50% 0 no-repeat; height: 72px;}

/* Content area
------------------------------------ */
/* Links */
a:link, a:visited {color: #369; text-decoration: none;border-bottom: 1px dotted #369;}
a:hover {text-decoration: none;border-bottom: 1px solid #369;}
a + img {border-bottom: 0;}
#nav a:link, #nav a:visited, #nav li.active {display: block; padding: 5px 7px;color: #626769;border-bottom: 0;}
#nav li.active {color: #FFFCCA;background: #7A7E81 url(images/active-bg.jpg) 0 0 repeat-x;}
#nav li.active a {padding: 0;color: #FFFCCA;}
#nav a:hover {text-decoration: underline;}
.last a {color: #626769;}
.thumbs a {border-bottom: 0;}
.thumbs p a:link, .thumbs p a:visited {border-bottom: 1px dotted #369;}
.thumbs p a:hover {border-bottom: 1px solid #369;}
.highlight2 p {position: absolute; right: 10px; top: 7px;padding: 0;border-bottom: 0;text-align: right;font-weight: bold;font-size: 110%;}
#home a {display: block; height: 50px;left: 40px;position: absolute;top: -110px; width: 530px;border-bottom: 0;}
#home a span {display: none;}

/* Headers */
h1 {color: #626769;font-size: 130%;padding-bottom: 3px;font-weight: bold;}
.highlight h1, .highlight2 h1, h2 {color: #626769;font-size: 105%;padding-bottom: 3px;font-weight: bold;}
h3 {font-weight: bold; color: #777;}

/* Lists */
#content ul {margin: 3px 0 1em 2em;line-height: 1.5;}
#content ul.disc {list-style-type: disc; color: #626769;}
#content ul.disc span {color: #333;}
dt {font-weight: bold;margin-top: 1em;}
.abbrevs dt {float: left;width: 4em;clear: left;margin-top: 0;margin-bottom: 0.5em;}
dd {margin-left: 2em;}
.abbrevs dd {margin-left: 0;margin-bottom: 0.5em;}
ul.bp li {padding-bottom: 0.75em;}
#search .abbrevs dt, #search .abbrevs dd {margin-bottom: 0.2em;}
ol {list-style-type: decimal;margin: 3px 0 1em 2em;}

/* Images */
.fltr {float: right; width: 170px; margin: 0.5em 0 1em 1.5em;}
.fltr p {font-size: 85%; color: #777;}
.bdr {border: 1px solid #C2C7C9;}

/* Thumbnail gallery */
#content ul.thumbs {margin: 1.4em 0 2em;}
.thumbs li {float: left; width: 110px;min-height: 135px;text-align: center;display: block;margin: 3px;background: #F5F5F5;padding: 8px 5px 5px;border: 1px solid #DEDEDE;}
.thumbs p {margin: -4px 0 0;}
.thumbs a img {border: 1px solid #BBB;margin: 2px;}
.thumbs a img:hover {border: 3px solid #CDCDCD;margin: 0;}

/* Breadcrumb */
p.crumb {position: absolute; top: -30px;left: 50px;font-size: 90%;}
p.crumb a:link, p.crumb a:visited {border-bottom: 0;}
p.crumb a:hover {text-decoration: underline;}

.search div {margin-bottom: 5px;}
.search div label {display: block; float: left; width: 6em;}

#ZoomifyFullScreenViewer {border: 1px solid #E5E5E5;width: 660px;height: 500px; }
#main p.full {text-align: right; font-size: 85%; color: #777;margin: 0 5px 0 0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

p {margin: 0 0 1em;}
body .bm p {margin: 0.5em 0 1em;}
cite {font-style: italic;}
.right {text-align: right;}
.tm {margin-top: 1em;}
.lotm {margin-top: 3px;}
.xtm {margin-top: 1.5em;}
.xxtm {margin-top: 2em;}
.nobm {margin-bottom: 0;}
.last {border-top: 3px solid #ECD78E; padding-top: 4px; text-align: right;margin: 5em 0;font-size: 90%;line-height: 1.4;}
.hidden {position: absolute; left: -2000px;} 
.topb {border-top: 1px solid #CCC; padding-top: 1em;}
abbr, span.abbr {border-bottom: 3px double #DDD;cursor: help;}
span.amp {font-family: verdana, helvetica, sans-serif;}

strong {font-weight: bold;}
.highlight {background: #FAECBF url('images/gradient.png') 0 100% repeat-x;padding: 10px 10px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;margin: 0 0 1em;position: relative; top: 3px;}
.highlight2  {background: #FAECBF url('images/gradient.png') 0 100% repeat-x;padding: 7px 10px 9px; border-top-left-radius: 5px;border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px;-moz-border-top-right-radius: 5px;position: relative; top: 3px;margin: 0 0 3px;width: 642px;position: relative;}
@-moz-document url-prefix() { .highlight2 {width: 640px;} } 
.highlight p {margin: 0;}
.bm {padding: 20px 30px;margin: 1.5em 15px 0 0;}