/* Cascading Style sheet created for the Ashmolean Museum: John Evans Centenary Project website*/

/* Contains formating for website pages */

/* Created by Sarah Glover 2006 - copyright Ashmolean Museum */

/***************************************************************/



/********************** Page Layout ***************************/

body 			{

	background-color:#EBECE5;

	font-size: small;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	behavior:url(styles/csshover.htc);

				}



* {margin:0; padding:0;}





/* Formating for Main Body of Page   */



div#container	{

	margin-top: 30px;

	margin-right:auto;

	margin-left:auto;

	background-color:#DEEFE5;

	width:800px;

	border: 2px solid #C4D8CC;

				}

				

/* Formating for Title Division of Page   */

div#title		{

	font-family:Geneva, Arial, Helvetica, sans-serif;

	height: 100px;

	background-image: url(../images/style/background-title.gif);

				}

/*  Formating for navigation section of page  */
	
div#navigation	{
	
	background-color:#DEEFE5;
	border-bottom: 0px solid #DEEFE5;
	padding: 2px 2px 0px 20px;
	margin: 30px 0 0 0;
	font-size:x-small;
				}

/*  Formating for main body of page  */



div#main		{

	background-color:#DEEFE5;

	width: 95%;

	margin-top: 0px;

	padding: 10px 0 10px 5px ;

				}

				

div#main h3	{

				margin: 10px 0 10px 0;

				}

				

div#main h4	{

				margin: 6px 0 6px 0;

				}



div#main p		{

				margin: 0px 2px 15px 2px;

				line-height: 1.2;	

				}

				

div#main table tr td		{

				padding: 2px 2px 2px 2px;

				}

				

div#main ol li			{

				margin: 20px 10px 20px 40px;

				}



div#main ul			{

				margin: 20px 10px 20px 40px;

				}



div#main ul li			{

				

				}

				

/*  Formatting for footer section of page */				

				

div#footer		{

	/*background-color:#DEEFE5;*/

	background-color:#C4D8CC;

	width:760px;

	padding-top: 5px;

	padding-right: 20px;

	padding-left: 20px;

				}



div#footerlinks	{

	width:100%;

	height:70px;

				}



/*  Formatting for patronage images and links */

div#footerpatron1	{

	float:left;

	text-align:center;

	font-size:small;

	width:98px;

	padding-right:2px;	

					}

					

div#footerpatron1 p	{

	line-height:1.75;

					}



div#footerpatron2	{

	float:left;

	height:70px;

	width:67px;

	padding-left: 15px;

	padding-right: 8px;

					}	



/*  Formatting for support images and links */



div#footersupport1	{

	float:left;

	font-size:small;

	width:159px;

	padding-left: 40px;

	padding-right: 5px;

					}

					

div#footersupport2	{

	float:left;

	width:130px;

	padding-left: 10px;

	padding-right: 12px;

					}

					

div#footersupport3	{

	float:left;

	font-size:small;

	width:147px;

	padding-left: 0px;

					}

/*  Formatting for copyright statement text  */

						

div#copyright	{

	width:100%;

	padding-top:10px;

				}				



div#copyrightmenu	{

	font-size:small;

	float:left;

	padding-left:30px;

					}

				

div#copyrighttext	{

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	float:right;

				}


/***************************** Layout formats for object php page *********************************/

div#objinfo	{

			width: 750px;
			
			background-color:#DEEFE5;

			}

div#objdata	{

			float: left;

			width: 410px;

			
			}

div#objphoto	{

			float: right;

			margin: 30px 20px 0 20px;

			width: 300px;

			
			}

div#objrefs	{

			float: left;

			width: 740px;

			background-color:#DEEFE5;

			}

/***************************** Text Formats and specific styles *********************************/				



/*  Formatting for text on navigation menus 

	Text for second level on menus */

	

.menu 			{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

	font-variant: small-caps;

	text-decoration:none; 

				}



/*  To set background to light colour */



.background		{

	background-color:#C4D8CC;

	

				}

/*  Formatting to create plain links   */		



.plain 			{

	text-decoration:none;

				}

				

/* Formatting to create small text */

.small		{

	font-size:small;

			}



/* Formatting to create very small text */

.verysmall		{

	font-size:x-small;

			}



/*  Used for text on Project Aims page */



.aims			{

	font-weight: bold;		

				}



/* labels for pictures */



.picturelabel {

	font-size: small;

	font-style:italic;

	text-align:center;

				}

/* Formatting for links located within the text of a page */



.in-page-link 			{

	text-decoration:none;

				}



/* Formatting for links located within the text of a page */



.in-page-link-bold 			{

	text-decoration:none;

	font-weight:bold;

				}



/* Formatting for links located within the text of a page */



.in-page-link-italics 			{

	text-decoration:none;

	font-style:italic;

				}



/* Formatting for gallery menu selections */



.gallery-menu		{

	text-align:center;

	font-weight:bold;

		}



/*Formatting for top of page link */

.top 		{

		font-size:small;

		/*font-weight:bold*/

		text-decoration:none;

			}



/*Formatting for small italics */

.smallitalics		{

		font-size:small;

		font-style:italic;

			}



/*Formatting for small bold */

.smallbold		{

		font-size:small;

		font-weight:bold;			}

			

			

/*Formatting for very small italics */

.vsmallitalics		{

		font-size:x-small;

		font-style:italic;

			}			

			
/*Formatting for very small bold */

.vsmallbold		{

		font-size:x-small;
		

		font-weight:bold;

			}	
			
/*Formatting for italics */

.italics	{

		font-style:italic;

			}


/*Formatting for bold italics */

.italicsbold	{

		font-style:italic;
		font-weight:bold;

			}

/*Formatting for bold heading */

.boldheading	{

		font-weight:bold;

				}

				

/*Formatting for publications pages year headings */

.publication-years	{

		font-weight:bold;

		text-align:center;

					}	

							

/*Formatting for homepage text */	

.homepage	{

		font-size:small;

			}

			

/*Formatting for homepage quote text */	

.quote	{

		font-size:small;

		/*border:solid #000000 1px; */

		background-color:#FFFFFF;

			}							



/*Formatting for click to enlarge instructions*/

.click		{

		font-size:small;

			}



/*Formatting for booktitles*/

.booktitle		{

		font-style:italic;

			}

.booktitlebold		{

		font-style:italic;
		font-weight:bold;
		
			}

/*Formatting for slideshow button text*/

.slideshow {

		font-size:small;

		font-weight: bold;

		text-decoration:none;

			}

			

/*Formatting for sideshow picture borders*/

.archiveslides	{

		border:solid 8px #DEEFE5;

				}		

	

/* This is the the "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* http://www.positioniseverything.net/easyclearing.html */



.clearfix:after	{

				content: ".";

				display: block;

				height: 0;

				clear: both;

				visibility: hidden;

				}



/* a fix for IE Mac */



.clearfix		{

				display: inline-block;

				}

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/



* html .clearfix	{

				height: 1%;

				}

			

.clearfix		{

				display:block;

				}	



/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */

/*--------------------------------------------------*/