html { margin: 0; padding: 0; font-family: Calibri, "Trebuchet MS", "DejaVu Sans", Helvetica, sans-serif;
       font-size: medium; line-height: 1.5em; color: black; }

body { margin: 2em; padding: 0;}

p { padding: 0; margin: 0 0 1.5em 0; }

table { border-collapse: collapse; margin: 0; padding: 0; }
tr { margin: 0; padding: 0; }
td, th { text-align: left; vertical-align: top; margin: 0; padding: 0 1ex 1.5em 0; line-height: 1.5em; }

table.mugshots { width: 500px; }
table.mugshots td { text-align: center; width: 200px; padding: 0 0 1em 0; }
table.mugshots a:link, ul.mugshots a:visited { border: none; }

sub, super { line-height: 50%; }

h2 { font-size: 1.5em; font-weight: bold; line-height: 1em; margin: 0 0 1.05em 0; padding: 0; }
h3 { font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin: 0 0 .05em 0; padding: 0; }

a:link, a:visited { text-decoration: none; color: #002147; border-bottom: thin dashed #002147; }
a:link:hover, a:visited:hover { border: none; background-color: #002147; color: white; }

.arrow { font-family: Cambria, Georgia, Arial; }
a.nodec:link, a.nodec:visited { text-decoration: none; border: none; }
a.nodec:link:hover, a.nodec:visited:hover { background-color: transparent; }
a.nodec img { border: none; }

div#h1div { text-align: center; }
div#h1div h1 { margin: 0; padding: 20px 0; border-bottom: solid #002147 .8em; font-size: 2em;
               font-weight: bold; }
div#university { float: left; margin: 0; padding: 0; margin-right: -357px; margin-top: -10px; }
div#college { align: right; margin: 0; padding: 0; margin-right: -357px; margin-top: -10px; }


div#navdiv { float: left; margin: 0; padding: 0; width: 15em; }
div#main { margin: 1em 0 0 16em; padding: 0; }
img, a:link img, a:visited img, #som a:link, #som a:visited { border: none; margin: 0; padding: 0; }
#som a:link:hover, #som a:visited:hover { background-color: transparent; }

ul.nav  { margin: .5em 0 0 0; padding: 0; list-style-type: none; }
ul.nav li { margin: 0; padding: 0; text-align: center; font-weight: bold; line-height: 1em; }
ul.nav a { display: block; margin: .45em 0; padding: .85em 0;
           background-color: Cornsilk; background-attachment: fixed; background-repeat: no-repeat 0 50%;
           background-position: -3em 1em; background-image: url("pictures/exeter_chapel_lighter.jpg"); 
	   line-height: 1em; }
ul.nav a:link, ul.nav a:visited { text-decoration: none; border: none; color: #002147; }
ul.nav a:link:hover, ul.nav a:visited:hover { color: white; background-color: #002147; background-image: url("pictures/exeter_chapel_dark.jpg");}

ul.pagenav { margin: 0 0 .5em 0; padding: 0; border-bottom: thin #002147 solid; width: 100%; }
ul.pagenav li { margin: 0 1em 0 0; padding: 0; display: inline; line-height: 1.5em; }
ul.pagenav a { font-weight: bold; }
ul.pagenav a:link, ul.pagenav a:visited { border: none; }

ul.pagenav + h2 { margin-top: 1em; }

ul.mugshots { margin: 0; padding: 0; list-style-type: none; }
ul.mugshots li { margin: 0 0 1.5em 0; padding: 0; min-height: 192px; }
ul.mugshots img { float: left; margin: 0 1em 1ex 0; }

ul.body { margin: 0 0 1.5em 0; padding: 0 0 0 1em; }
ul.body li { margin: 0; padding: 0; }

p.last { background-color: #002147; color: white; margin: 0; padding: .25ex 1em; text-align: right; font-size: .75em; clear: both; }
p.top { background-color: #002147; margin: 0; text-align: right; font-size: .75em; clear: both; }

table.desc { width: 100%; border-collapse: collapse; }
table.desc th, table.desc td { text-align: left; font-weight: normal; padding: 1ex 0; }
table.desc th { width: 15em; padding-right: 1em; }
table.desc tr { border-top: none; border-bottom: 2px solid #CCC; }

span.big { font-size: 1.5em; vertical-align: middle; padding: 0 .25ex; }

a.symphead:link, a.symphead:visited { text-decoration: none; border: none; }
a.symphead:link:hover, a.symphead:visited:hover { color: black; background-color: #FDD; }