/*

This stylesheet sets out the basic layout of the page. If you are happy with the basic layout of the page, and only wish to make stylistic changes (changing colours, background images, etc.) or adding styling to particular page elements, then it is recommended that you leave this stylesheet as is, and affect any changes in the lookandfeel.css file, which is referenced AFTER this sheet, and will therefore override styles in this sheet.

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

body
	div#all

		div#header
		div#content
		div#mainnav

		div#subnav - (optional)

		div#footer
*/


/* just for initial visualisation purposes, give all div's a red border 



div{
border: 1px solid red;
}
*/


body
{
padding: 0px;
margin:0px;
}

div#all
{
margin: 20px;
margin-left: 0px;
padding-top: 166px;
}



/* remove default padding and margins from body and divs */

body, div
{
margin: 0px;
padding: 0px;

}



div#content, div#footer, div#site-info

{
margin: 0px;

margin-left: 166px;

margin-right: 42px;

padding: 1em;
padding-top: 0px;
clear: both;
}



div#footer
{
padding: 60px;
padding-bottom: 100px;
color: #999;
text-align: center;

margin-right: 0px;


background-image: url('../images/style/footer-node.png');
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom right ;


}

div#footer a
{
color: #666;
}





div#mainnav

{
position: absolute;
top: 180px;
left: 0px;
width: 160px;
padding: 0px;
margin:0px;
}



/* site info stuff starts */


/* make room for the site id bg image at the top of the page*/


div#site-info
{
background-color: #fff;
}



div#site-info dl, div#site-info dl dd, div#site-info dt

{
margin: 0px;
padding: 0px;
}




div#site-info dl dd#institution a
{


float: left;

font-size: 0px;
padding: 0px;
margin: 0px;
margin-right: 20px;
border-style: none;

line-height: 0px;

display: block;
width: 115px;
height: 155px;

background-image: url('../images/logos/oxcrest.png');
background-color: #fff;
background-repeat: no-repeat;
background-position: 0px 20px ;

color: #fff;
font-size: 0px;
text-decoration: none;
/*
for testing only

border: 1px solid red;
*/

}



div#site-info dl dd#institution a#BUcrest
{
width: 214px;
height: 155px;

background-image: url('../images/logos/BUcrest.png');
background-repeat: no-repeat;
background-position: 0px 20px ;

}


div#site-info dl dd#institution a#ahrc
{
width: 252px;
height: 155px;

background-image: url('../images/logos/ahrc-logo.png');
background-repeat: no-repeat;
background-position: 0px 20px ;

}


div#site-info dl dd#institution a#OUlogo
{
width: 102px;
height: 155px;

background-image: url('../images/logos/oulogo_med.gif');
background-repeat: no-repeat;
background-position: 20px 20px ;

}



/* hide anything that's for non-visual exposition*/

.nonvis-exposition
{
position: absolute;
top: -1600px;
left: -1600px;
}


/* site info stuff ends */




/*  IE 6 only selector to force 'has-layout'  to fix the peekaboo bug   

(only IE 6 will recognise "* html" as a valid selector)

*/

* html div#all
{
	height: 1%;
	position: relative;
}