/*


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


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#sidebar

		div#footer


*/



/*

colour info starts


keep all colour info in one place, to allow easy restyling

EXCEPT NAVIGATION COLOURS, WHICH IS TOO COMPLICATED TO SEPERATE OUT, PLEASE SEE mainnav.css

*/
/* link styling */

a{
color: #c60;
}

a:link{
color: #c60;
}

a:active{
color: #f03;
}

a:visited{
color: #996;
}

a:hover, a:focus{
color: #f60;
}



h1, h2, h3, h4, h5, h6
{
color: #300;
}



body
{
/*background-color: #e5d9ba; */
background-color: #fff;
background-image: url('../images/style/bg-fade.png');
background-repeat: repeat-x;
background-position: top left ;
}

div#all
{

background-image: url('../images/style/site-logo.png');
background-color: #fff;

background-repeat: no-repeat;
background-position: 0px 0px ;

}

div#content img
{
border: 1px solid black;
margin: 0.5em;
}




div.figure
{
color: #666;
}
/* colour info ends */


div#content div.figure p, div#content div.figure img
{
display: block;
margin-left: auto;
margin-right: auto;

}


div#fig-home-1 p
{

width: 550px;
}


/* style stuff for people entries */
div.person
{
clear: both;
}

div.person p
{
margin-top: 0px;
margin-bottom: 0px;
}



div.person img
{
float: right;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 20px;
}


span.name
{

font-style: italic;


}