* { margin: 0; padding: 0; border: 0; }

/* ul, div, p { border: 1px solid magenta; } /* */

html { text-align: center; background: #2456c9 url(background.png) top repeat-x; }

body {
 width: 66em;
 margin: 0 auto 2em auto;
 text-align: left;
 background: white url(left.png) left repeat-y;
 color: #333333;
 font-family: sans-serif;
 font-size: 90%;
 line-height: 1.4em;
}

html>body { font-size: 14px; }

#wrapper { width: auto; background: url(right.png) right repeat-y; }

A       { color: #0034a0; text-decoration: none; }
A:hover { color: #2456c9; text-decoration: underline; }

H1, H2, H3 {
 color: #0034a0;
 line-height: 1.1em;
}

#header {
 background: url(top.png) top repeat-x;
 padding-top: 28px;
}

#mainnav.navigation {
 background: url(top-left.png) top left no-repeat;
 padding-top: 42px;
 padding-left: 42px;
 margin-bottom: 2em;
 list-style-type: none;
 font-size: 1.1em;
}

#mainnav.navigation LI {
 float: left; 
 line-height: 2.9em;
 margin-right: 0.05em;
}

.navigation LI A {
 color: #0034a0;
 font-weight: bold;
 text-decoration: underline;
 padding: 0 0.4em;
 display: block;
 outline: 0;
}

.navigation LI A:hover {
 text-decoration: underline;
 color: #2456c9;
}

.navigation LI#current {
 background: url(tab-right.png) top right no-repeat;
}

.navigation LI#current A {
 background: url(tab-left.png) top left no-repeat;
 text-decoration: none;
 color: white;
}

.navigation LI:hover {
 text-decoration: none;
}

.navigation LI:hover {
 background: url(tab-hover-right.png) top right no-repeat;
}

.navigation LI:hover A {
 background: url(tab-hover-left.png) top left no-repeat;
 text-decoration: none;
}

#skip   { float: right; width: 32px; height: 64px;
          background: url(top-right.png) top right no-repeat; }
#skip A { display: none; }

#title {
 text-align: right;
 margin: 0 4em;
}

#title H1 {
 font-size: 1.4em;
 padding-top: 1em;
}

#title P {
 font-size: 1.2em;
}

#title P SPAN {
 font-family: "Palatino Linotype", "Palatino", "Book Antiqua", serif;
 font-style: italic;
 font-size: 110%;
}


address {
 font-size: 95%;
 height: 128px;
 float: right;
 text-align: right;
 margin: 2em 4em 2em 0;
 padding-top: 6px;
 padding-right: 148px;
 background: url(logo-uoe-128.jpg) top right no-repeat;
}

#content { padding-bottom: 2em; clear: both; }

.intro h1 {
 text-align: center;
 font-size: 2.5em;
 margin: 0em 0;
 background: url(title-background.jpg) bottom center no-repeat;
 height: 160px;
 line-height: 1.3em;
 padding-top: 50px;
}

.full h1 {
 text-align: center;
 margin-bottom: 2em;
}


.intro {
 margin: 1em 8em;
 text-align: center;
}

.intro H2 {
 font-size: 1.1em;
}

.full {
 float: right;
 width: 40em;
 margin: 0 3em !important;
 margin: 0 1.5em;
 overflow: show;
}

.full img.left {
 float: left;
 margin-left: -19.5em;
 margin-top: -8px;
 vertical-align: bottom;
 width: 18.28em !important;
 width: 17.8em;
}

.full H2 {
 margin-top: 3em;
 margin-bottom: 1em;
}

.full UL {
 margin: 2em;
}

.full LI {
 margin: 0.5em;
}

.full OL {
 margin: 0 1em 0 0;
 list-style-type: numbers;
 padding-left: 2em;
}

.full OL LI {
 margin: 1.5em 0;
}

.full DL {
 margin: 2em 4em;
}

.full DT {
 float: left;
 width: 40%;
 line-height: 1.3em;
 margin: 0.5em;
}

.full DD {
 float: left;
 width: 40%;
 font-size: 1.2em;
 margin: 0.5em;
}

.full .nextlink {
 padding-top: 2em;
 font-size: 1.2em;
}

.full P {
 margin-top: 0.5em;
 margin-right: 1em;
 line-height: 1.4em;
}

#content blockquote {
 margin: 2em 1em;
 background: #E3EAF9;
 padding: 1em;
}

#content .image, #content .imagelabel {
 margin: 2em 1em;
 text-align: center;
 padding: 1em 1em;
}

#content .eq {
 margin: 1em 0;
 text-align: center;
 padding: 1em 0;
}

#content .imagelabel {
 background: #e3eaf9;
 margin-left: -16em;
 padding-left: 17em;
 padding-bottom: 2em;
}

#content P {
 margin-top: 1em;
}

#sidenav {
 float: left;
 width: 35%
}

#sidenav H2 {
 margin-bottom: 1em;
}

#sidenav UL {
 margin: 0 2em;
}

.people {
 text-align: left;
 margin: 0 6em;
}

.people UL { margin-bottom: 2em; list-style-type: none; }
.people H2 { margin-bottom: 1em; float: left; clear: both; }

.people UL LI {
 text-align: right;
 font-size: 1.2em;
}

.people SMALL {
 font-size: 0.7em;
}


.full table {
 margin: 2em 0;
 border-collapse: collapse;
 font-size: 90%;
 width: 95%;
 background: #eeffee;
 color: #303030;
}

.full thead {
 border-bottom: 1px solid darkgreen;
 color: black;
}

.full tr {
 line-height: 2em;
}

.full td {
 text-align: right;
 border-left: 1px solid darkgreen;
 padding: 0 0.3em;
}

.full td.l {
 text-align: left;
 border: none;
}


#footer {
 clear: both;
 background: url(bottom.png) bottom repeat-x;
}

#footer .glyph {
 text-align: center;
 background: url(footer-background.jpg) top no-repeat;
 height: 220px;
}

#footer .glyph SPAN { display: none; }

#footer .credits {
 float: right;
 background: url(bottom-right.png) bottom right no-repeat;
 padding-bottom: 32px;
 padding-right: 34px;
}

#footer .links {
 background: url(bottom-left.png) bottom left no-repeat;
 padding-bottom: 32px;
 padding-left: 34px;
}

/*
#footer { background: #3B6EA7 url(side-d.png) top repeat-x; padding-bottom: 12px; color: #cffeff; }
#footer .licence { background: url(corner-dr.png) top right no-repeat;  padding-right: 2em; padding-top: 12px; float: right; }
#footer .links { background: url(corner-dl.png) top left no-repeat; padding-left: 2em; padding-top: 12px; }
*/


acronym { border-bottom: 1px dotted gray; cursor: help; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ------------------------------ */