/*

This stylesheet should be used to implement the look and feel of your site. The styles for implementing the basic  layout of elements within the page ca be found in the layout.css file.

this stylesheet expect the following div as to be present in the HTML, in the order specified:

body
	div#all

		div#header
		div#content
		div#mainnav
		div#sidebar
		div#footer

all colour usage in this stylesheet is accompanied by a comment describing it's purpose, so that every instance of it's use in a stylesheet can be changed BASED ON USAGE
*/

body
	{
	background-color: #E4E4E4 /* body bg color */;
	}

div#all
	{
	 background-color: #E4E4E4;
	}

div#header
	{
	background-color: #002147/* header bg colour */;
	}

/*div#mainnav
	{
	background-color: #E4E4E4;
	}*/
 
a:link
	{
	text-decoration: none;
	font-weight: bold;
	color: #c20a0a;/*red1*/
	}

a:visited
	{
	text-decoration: none;
	font-weight: bold;
	color: #c20a0a;/*red1*/
	}

a:hover
	{
	text-decoration: none;
	font-weight: bold;
	color: #ff6600;/*amber*/
	}
 
a:active, a:focus
	{
	text-decoration: none;
	font-weight: bold;
	color: #009900;/*green*/
	}
	

 /* nav bar stuff starts  */
div#mainnav ul
	{
	padding: 0;
	margin: 0;
	/*border-right: 0;
	border-bottom: 0;
	padding-bottom: 0;*/
	}

div#mainnav ul li
	{
	/*padding: 0;
	margin: 0;
	padding-bottom: 0;	
	margin-bottom: 0;*/
	list-style: none;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: bold;
	}

div#mainnav ul li a
	{
	background-color: #ea0000;/*red2*/
	color: black;
	}

div#mainnav ul li a.currentsection
	{
	background-color: #00a80a;/*green*/
	}

div#mainnav ul li span#youarehere
	{
	background-color: #00a80a;/*green*/
	color: white;
	}
	
div#mainnav ul li a:hover, div#mainnav ul li a:focus
	{
	background-color: #ff9900;/*amber*/
	color: white;
	}

div#mainnav ul li a, div#mainnav ul li a#currentsection, div#mainnav ul li span#youarehere, div#mainnav ul li span#youarehere
	{
	text-align: right;   
	display: block;
	border: 0;
	border-bottom: 0;
	border-right: 0;
	font-size:0.95em;
	padding: 10px 10px;
	}

div#mainnav ul li ul
	{
	border-top: 0px;
	border-bottom: 0px;
	}
	
	
div#mainnav ul li ul li
	{
	border-width: 0px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px;
	}
	
div#mainnav ul li ul li ul li
	{
	border-width: 0px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px;
	}		

div#mainnav ul li ul li a, div#mainnav ul li ul li a#currentsection, div#mainnav ul li ul li span#youarehere
	{
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 0.85em;
	border-width: 0px;
	}
	
div#mainnav ul li ul li ul li a, div#mainnav ul li ul li ul li a#currentsection, div#mainnav ul li ul li ul li span#youarehere
	{
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 0.85em;
	border-width: 0px;
	}	
	
/* nav bar stuff ends  */
 
/* styles for arranging the two images in the header */  

div#header 
	{
	text-align: right;
	}

img#logo
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}

a#oxcrest img
	{
	/* give some space around the oxford crest image*/
	margin: 5px;
	/* give a margin-left equal to the width of the logo image, to stop the two overlapping on narrow screens*/
	margin-left: 400px;
	}

div#additional
	{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.75em;
	color: #727272;
	}
 
div#footer
	{
	font-size: 0.75em;
	color: #727272;
	}

div#caption
	{
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
	}

span#cool
	{
	color: #ffff99;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 10px;
	right: 10px;
	}

span#cool a:link
	{
	color: #ff6666;
	}

span#cool a:visited
	{
	color: #ff6666;
	}

span#cool a:hover
	{
	color: #ffcc00;
	}
	
span#cool a:active, span#cool a:focus
	{
	color: #99ff99;
	}

/*div#copyright
	{
	color: gray;
	}*/

div#pageid
	{
	font-style: italic;
	font-size: 1.2em;
	color: #727272;
	}

/*div#pageid*/.romanlink
	{
	/*font-style: normal;*/
	}
	
div#pageid a
	{
	font-weight: bold;
	font-size: 1em;
	}

div#warning
	{
	font-weight: bold;
	color: red;
	}
	
.itemnumber
	{
	color: white;
	background-color: #339999;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 8px;
	}

.itemnumberh5
	{
	color: white;
	background-color: #339999;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-right: 8px;
	}
	
.itemnumberh5d
	{
	color: white;
	background-color: #993399;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-right: 8px;
	}
	
.itemnumberh5dbl
	{
	color: white;
	background-color: green;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-right: 8px;
	}
	
.itemnumberh5dto
	{
	color: white;
	background-color: red;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-right: 8px;
	}
	
.rednostyle
	{
	color: #000099;
	list-style: none;
	}
	
.colour
	{
	color: #993300;
	/*background-color: #000099;*/
	font-weight: bold;
	}

.reddisplay
	{
	color: #000099;
	padding-left: 1em;
	}
	
.russian
	{
	color: red;
	}
	
	
.hebrew
	{
	color: #993399;
	}
	
.german
	{
	color: green;
	}
	
.thumbname
	{
	font-size: 0.7em;
	}
	
.hanging
	{
	list-style: none;
	/*line-height: 110%;*/
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.item
	{
	margin-bottom: -0.75em;
	}
	
.unspaced
	{
	margin-top: -0.2em;
	}
	
ol.item
	{
	margin-top: 0.8em;
	}
	
.source
	{
	text-align: right;
	padding-right: 10px;
	font-size: 0.8em;
	color: #727272;
	}
	
.sourceby
	{
	font-size: 0.8em;
	color: #727272;
	}
	
.language	
	{
	font-weight: bold;
	color: #993366;
	}