/*

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 nbe found in the layout.css file.

this stylesheet expect the following divs to be prresent 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: #444444 /* body bg color */;


}

div#all {
	 background-color: white;
}

div#header
{
background-color: black /* header bg colour*/;
color:White;


}

 div#mainnav
 {

 background-color:  DarkGray /* mainnav bg color */;

 }
 /* nav bar stuff starts  */
div#mainnav ul
{

padding: 0px;
margin: 0px;
border-right: 0px solid #fff;
border-bottom: 0px solid #D8D4CA;
padding-bottom: 0px;
}

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

div#mainnav ul li a, div#mainnav ul li a#currentsection
{
	background-color: #ddd;
	color: black;
 
}
 div#mainnav ul li a#currentsection
{
	background-color: #00B5E6;
	color: white;
	
}

div#mainnav ul li a:hover, div#mainnav ul li a:focus,  div#mainnav ul li span#youarehere
{
	background-color: #99CC00;
	color: white;
}

div#mainnav ul li a, div#mainnav ul li a#currentsection, div#mainnav ul li span#youarehere
{

	text-align: right;   
	display: block;
	border: 1px solid #fff;
	border-bottom: 0px solid #fff;
	border-right: 0px solid #fff;
	font-size:0.95em;
	padding: 0.7em 0.7em;
	text-decoration: none;
	
}


div#mainnav ul li a#currentsection
{
border-top: 2px solid #fff;
border-bottom: 1px solid #fff;
}

div#mainnav ul li# a, div#mainnav ul li, div#mainnav ul li span#youarehere
{
 border-top: 1px solid #fff;
}


div#mainnav ul li ul li a, div#mainnav ul li ul li span#youarehere
{
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	border-width: 0px ;
	padding-right: 1.8em;
}



/* nav bar stuff ends  */
 

div#footer
{

/* centre-align the footer text, and make it a little smaller and paler than normal text  */
text-align: center;
font-size: 0.9em;
color: grey;
}

img#logo
{
/* give some space around the oxford crest image*/
/*margin: 2em;*/
float:left;

}

/* styles for arranging the two images in the header */  
div#header 
{
text-align: left;
}

div#additional a
{
color:#00B5E6;
}



div#content a
{
color:#00B5E6;
}


div#additional a:hover
{
color:#99CC00;

}



div#content a:hover
{
color:#99CC00;
}