/*  colours used:
	background light blue: #c6d9f0
	logo dark blue: #2f3192
	mid grey: #808080
	light grey: #d9d9d9
	highlight orange: #f79646
	mid orange: #f7b177
	light orange: #f7cfad
*/

body,
html
{ margin: 0; padding: 0; }

div
{ margin: 0; padding: 0; }

img
{ margin: 0; padding: 0; border: none; }

body
{ min-width: 800px; font-family: Verdana, Arial, Sans-Serif; font-size: 75%; background-color: #c6d9f0; }

#container
{ width: 800px; margin: 0 auto; padding: 0px; }

#container
{ background-image: url(images/shadow.gif); background-repeat: repeat-y; }

#navigation
{ width: 780px; margin: 0px 10px; }

#navigation
{ float: left; background-image: url(images/header.jpg); background-repeat: no-repeat; }

#navigation ul
{ margin: 0 0 0 15px; padding: 140px 0 0 0; list-style: none; }

#navigation ul li
{ float: left; position: relative; bottom: -2px; margin: 0 8px 0 0; color: #2f3192; background-color: #c6d9f0; border: solid 2px #c6d9f0; border-bottom: none; }

#navigation ul li a
{ display: block; text-decoration: none; font-weight: bold; color: inherit; padding: 0.4em 0.7em; }

#navigation ul li:hover
{ border-color: #f79646; background-color: #f79646; color: #ffffff; }

#navigation ul li.selected
{ padding-bottom: 2px; color: #f79646; background-color: #ffffff; border-color: #f79646; }

#navigation ul li.selected a
{ cursor: default; }

#content
{ border-top: solid 2px #f79646; clear: both; padding: 0 15px; margin: 0 10px; background-color: #ffffff; }

#content a
{ color: #2f3192; text-decoration: none; }

#content a:hover
{ color: #f79646; text-decoration: underline; }

#content h1
{ font-size: 2.0em; font-weight: normal; color: #f79646; margin: 0.5em 0; }

#content h2
{ font-size: 1.7em; font-weight: normal; margin: 1em 0 0.5em 0; }

#content h3
{ font-size: 1.4em; font-weight: normal; margin: 1em 0 0.5em 0; }

#content ul
{ list-style: none; padding: 0; margin: 0; }

#content ol
{ padding: 0 0 0 2em; margin: 0; }

#content ol li
{ padding: 0.2em 0; }

#footer
{ width: 800px; padding: 35px 0px 0px; margin: 0px; background-color: #c6d9f0; background-image: url(images/footer.gif); background-repeat: no-repeat; background-position: left top; clear: both; }

#footer #ousa
{ float: left; margin-left: 10px; }

#footer #design
{ float: right; margin-right: 10px; color: #808080; text-align: center; }

#footer #design a
{ color: #808080; font-weight: bold; text-decoration: none; }

#footer #design a:hover
{ color: #f79646; }

#friendly-society
{margin-left: 6em; }

div.callout
{ margin: 0 10px; padding: 10px 0; background-color: #d9d9d9; background-repeat: repeat-y; border: solid 2px #808080; }

#moot em,
div.callout p
{ font-size: 0.9em; font-style: italic; margin: 0 10px; padding: 0; }

#moot,
div.right
{ float: right; background-image: url(images/callout-right.gif); background-position: right top; }

div.left
{ float: left; background-image: url(images/callout-left.gif); background-position: left top; }

td,
th
{ text-align: left;  padding: 0 1.5em 0.2em 0; }

#bye
{ font-style: italic; }

#moot
{ max-width: 250px; padding-top: 4px; padding-bottom: 4px; }

#moot p
{ font-size: 1.1em; font-style: normal; margin-top: 0.5em; }

#moot img
{ float: right; margin: 3px 0px 3px 3px; }

#paris-milton
{ width: 370px; padding-top: 10px; padding-bottom: 10px;  }

#paris-milton img
{ margin: 0 10px 5px; }

#teams
{ float: left; width: 750px; }

#teams div
{ float: left; margin-right: 28px; margin-bottom: 1em; }

#teams div h3
{ margin-top: 0; font-size: 1.2em; }

.center-align
{ text-align: center; }

.right-align
{ text-align: right; }