@font-face {
	font-family: 'PapyrusRegular';
	src: url('../fonts/papyrus-webfont.eot');
	src: local('?'), url('../fonts/papyrus-webfont.woff') format('woff'), url('../fonts/papyrus-webfont.ttf') format('truetype'), url('../fonts/papyrus-webfont.svg#webfont21XNO4xI') format('svg');
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

article, aside, dialog, figure, figcaption, footer, header, hgroup, nav, section, blockquote {display: block;}

html {overflow-y: scroll; font-size: 76%;}
body {margin: 8px auto; font: 1.1em/1.4 Georgia, serif; background: #444 url(../IMG/global/mainBG.jpg) repeat-x 0 134px; color: #333;}

h1 {width: 690px; height: 118px; background: url(../IMG/global/title.png) no-repeat 0 0; margin: 0 -30px 30px; box-shadow: 0 8px 10px #999; -moz-box-shadow: 0 8px 10px #999; -webkit-box-shadow: 0 8px 10px #999;}
h1 a {display: block; width: 690px; height: 118px;}
h1 span {position: absolute; left: -10000px; overflow: hidden; top: auto; width: 1px; height: 1px;}
h2, h3, h4, h5 {clear: both; margin: 1em 0; text-align: left; font-family: PapyrusRegular; font-weight: bold; color: #222; border-bottom: 1px dotted #222;}
h2 {font-size: 1.5em; margin-top: 5px;}
h3 {font-size: 1.3em; letter-spacing: 0.1em;}
h4 {font-size: 1.2em; letter-spacing: 0.1em;}
h5 {font-size: 1.1em; letter-spacing: 0.1em;}
h6 {clear: both; margin: 1em 0; text-align: left; font-size: 1.1em; font-weight: normal; border-bottom: 0 none;}

a {color: #a60000; font-weight: bold; font-style: italic; text-decoration: underline;}
a:visited {color: #FFF;}
a:hover {color: #a60000; text-decoration: none;}

p {margin: 0 0 1em; font-size: 1.1em;}
fieldset, a img {border: 0 none;}
ul, ol {text-align: left; margin: 0.6em 1.3em; padding: 0;}
ol {margin-left: 2em;}
li {line-height: 1.5em;}

form {clear: both;}
label {float: left; margin-right: 1em; font-size: 0.9em; line-height: 2.6em; font-weight: bold;}
select {float: left; margin-bottom: 0.5em; padding: 0.2em; color: #000; background-color: #EFEFEF;}
input {float: left; width: 28px; height: 24px; letter-spacing: 0.2em; margin-left: 0.6em; padding: 1px 0 10px; font-weight: bold; font-size: 0.9em; background-color: #EEE; border: 1px solid #111; cursor: pointer; border-radius: 8px; -moz-border-radius: 8px;}
input:hover {background-color: #F00;}

abbr {cursor: help; border-bottom: 1px dotted #666;}
cite {font-style: normal;}

table {border-collapse: collapse;}
caption {text-align: left; padding-bottom: 1em; font-size: 1em;}
tr:nth-child(even), th {font-weight: normal; background-color: #DDD;}
tr:nth-child(odd) {background-color: #EEE;}

blockquote {margin-left: -40px; padding-left: 100px; background: url(../IMG/global/quotes.gif) no-repeat 63px 4px;}
blockquote p {padding-left: 1em; border-left: 1px dotted #AAA;}

ul.preNext {clear: both; overflow: hidden; list-style-type: none; font-size: 0.9em; margin: 12px 0;}
ul.preNext li {float: left; margin-right: 10px; text-decoration: none;}
ul.preNext a:visited {color: #a60000;}
ul.preNext .previous {padding-left: 16px; background: url(../IMG/global/previous.gif) no-repeat 0 1px;}
ul.preNext .next {margin-left: 8px; padding-right: 18px; background: url(../IMG/global/next.gif) no-repeat 100% 1px;}

hgroup + p:first-letter, 
	ul.preNext + p:first-letter,
	ul.preNext + h4 + p:first-letter {float: left; font: italic 3.4em/1em PapyrusRegular, "Times New Roman", Times, serif; margin-right: 8px; padding: 5px 10px 0 0; color: #a60000;}

hgroup + p:first-line, 
	ul.preNext + p:first-line,
	ul.preNext + h4 + p:first-line {font-variant: small-caps; font-size: 1.1em;}
	
.letterAlign {text-align: right;}
.altImage {position: relative; margin-bottom: 10px;}
.altImage div {position: absolute; bottom: -6px; left: 36px; width: 220px; color: #FFF; font-weight: bold; font-style: italic; font-size: 0.8em; line-height: 1.2em;}
* + html .altImage div {bottom: -12px;}

body > div {overflow: hidden; clear: both; margin: 0 auto; border-radius: 8px; -moz-border-radius: 8px; width: 960px; background: #FFF url(../IMG/global/navBodyBG.gif) repeat-y 690px 0; padding-bottom: 20px; border: 8px solid #222;}

nav {float: left; position: relative; width: 270px; background: url(../IMG/global/navBG-top.gif) no-repeat 0 0; font-size: 0.9em;}
nav > div.mainLinks {width: 265px; padding-right: 5px; min-height: 225px; padding-top: 131px;}
nav a {color: #FFF; text-decoration: none; font-weight: normal; font-style: normal; margin: 0;}
nav a:hover {border-bottom: 0 none; color: #DDD;}
nav p, nav .mainLinks div {margin: 0 0 0.2em 0.7em; line-height: 1.4em;}
nav img {margin: 20px 1px 10px 34px; border: 1px solid #666; box-shadow: 5px 5px 20px #222; -moz-box-shadow: 5px 5px 20px #222; -webkit-box-shadow: 5px 5px 20px #222;}
nav div.mainLinks div.mainLinks div a {margin-left: 1.8em; display: list-item; list-style-type: circle;}
nav q {display: block; margin: 1.5em 0; padding: 7px 12px; font-style: italic; font-size: 1em; line-height: 1.2em; text-align: justify; background-color: #222; color: #EEE; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;}
nav q em {font-style: normal;}
nav ul {margin: 0.8em 0 0 0.8em; list-style-type: none;}
nav .mainLinks p {color: #333;}
nav .mainLinks div {border-left: 1px dotted #DDD;}

section {position: relative; float: left; width: 630px; padding: 0 30px; min-height: 700px;}
section a:visited {color: #666;}
section a:hover {color: #A60000;}
section img {border: 1px solid #999; box-shadow: 5px 5px 20px #888; -moz-box-shadow: 5px 5px 20px #888; -webkit-box-shadow: 5px 5px 20px #888;}
section blockquote p {font-size: 1em; line-height: 1.5em;}

#biography nav img {margin-top: 500px;}

#gallery section img {position: static; border: 1px solid #333;}
#gallery section .imageGroup {clear: both; overflow: hidden; margin: 2em 0;}
#gallery section .imageGroup img {float: left; margin: 0 12px 20px 0;}
#gallery section .imageGroup div {float: left; width: 290px; margin-right: 1em;}
#gallery section .imageGroup div p {clear: both; margin: 0; padding: 0 0.4em 0.5em 0;}

#commentary section #abstracts div.mainLinks {margin: 0.5em 0; padding: 0.8em 1.5em 0.8em 1em; background: -webkit-gradient(linear, left bottom, right top, from(#EEE), to(#FFF)); background: -moz-linear-gradient(left,  #EEE,  #FFF);}
#commentary section #abstracts div.mainLinks div {display: none; margin: 0.7em 0;}
#commentary section #abstracts div.mainLinks p a {margin-left: 0.7em;}
#commentary section a {font-style: normal; font-weight: normal; font-size: 1em;}
#commentary section a:visited {color: #a60000;}
#commentary section a:hover {border-bottom: 0 none;}
#commentary section #abstracts div.mainLinks p {display: inline; margin: 0 1em 0 0; line-height: 1.3em;}

#method table {width: 100%; border: 1px dotted #999; font-size: 1em; margin-bottom: 10px;}
#method th, #method td {vertical-align: top; padding: 2px 6px; border: 1px dotted #999;}

#biblio section ul li, #links section ul li {margin: .3em 0 0 0; list-style-type: disc;}
#biblio section ol {margin-left: 4em;}

#siteMap section ul {margin-left: 1.35em;}
#siteMap a {font-weight: normal}

#about cite {font-style: italic;}
#about nav cite {font-style: normal;}
#about table {width: 360px; margin-bottom: 1.5em; border: 1px dotted #999;}
#about table th.key {text-align: left;}
#about table th, #about table td {padding: 3px 5px; border: 1px dotted #999; text-align: center;}
#about table td[scope] {text-align: left;}

footer {overflow: hidden; clear: both; width: 960px; margin: 0 auto 20px; font-size: 1em; color: #BBB;}
footer a {color: #FFF; margin: 0 1px; text-decoration: none; font-weight: normal; font-style: normal; font-size: 1em;}
footer a:hover {border-bottom: 0 none; color: #FFF;}
footer ul {margin: 1em 0 0.5em; list-style-type: none; text-align: center;}
footer li {display: inline; margin: 0 .1em;}
footer details {display: inline-block; width: 960px; font-size: 0.9em; text-align: center;}

@media screen and (min-width: 1200px) {
	body > div {width: 1160px; background-position: 890px 0;}
	footer, footer details {width: 1160px;}
	section {width: 830px;}
	h1 {width: 890px; background-image: url(../IMG/global/title-wide.png);}
	h1 a {width: 890px;}
	#gallery section .imageGroup img {margin-right: 80px;}
}

@media print {
	body {font-size: 1.3em; background-image: none;}
  nav, footer, section img {display: none;}
	h1 {background-image: none; height: 40px; font-size: 14pt;}
	hi span {position: static; color: #000;}
	h1 a {color: #000;}
  body > div {width: 100%; border: 0 none; background-image: none;}
  section {position: static; float: none; width: 95%;}
}