/* ************************************************************** */
/* A. Treshansky, Spring 2007, CSS for Robin Brooks          */
/* Basic CSS file for use by older browsers with the link method  */
/* Called first in the html file                                  */
/* Newer browsers will also import more advanced CSS              */
/* ************************************************************** */


html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: x-small; */
	padding: 0; 
	margin: 0;
	background-color: white;
	color: black;
	width: auto; 
	max-width: 100%;
}



td#topleft, td#header {
	padding-bottom: 15px;
}

td, tr, table, div, form {
	overflow: visible;
}

.screenreader {
	display: none;
}
.screen_only {
	display: block;
}
td {
	vertical-align: top;
}

/* Lettering styles for the page headers */
#header {
	padding-left: 0; 
	text-align: center; 
	width: auto; 
	max-width: 100%;
	padding-top: 0.7em;
}

#header h1, #header h2, #header h3, #header strong {
	padding: 0;
	margin: 0;
	font-family:   Trebuchet, Arial, Helvetica, sans-serif;
}

#header h2 {
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 1.2em;
	padding-top: 0.2em;
 /* font-size: 125%; */
}

#header h1, #header h2.topheader {
	font-weight: normal;
	letter-spacing: 0.2em; 
	line-height: 1.7em;
	margin-top: 1em;
	display: block;
/* font-size: 200%; */
}



#header h3 {
	font-weight: lighter;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	padding-top: 0.2em;
/* font-size: 125%; */
}

#header em, #content em, #content-wide em {
/*	font-size: 123%; */
	font-style: italic;
	letter-spacing: 0.1em;
	font-weight: lighter;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Trebuchet, Verdana, sans-serif;
}

/* ---- end of page header styles --- */

.grey {
	background-color: #ccc;
	color: black;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}


/* Text styles */


.center {
	text-align: center;
}

.right {
	width: auto;
	text-align: right;
}


div#content, div#content-wide {
	margin-left: 1.5em;
margin-top: 0;

}

#content h2, #content-wide h2, h2.text_heading, #content h1, #content-wide h1, h1.text_heading  {
	font-weight: normal;
	background-color: white;
	color: #a50021;
	font-size: 240%;
	margin-top: 0;
	line-height: 1.5em;
	margin-bottom: 0;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
}

#content h3, #content-wide h3, #content h2.sub, #content-wide h2.sub {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: normal;
	background-color: white;
	color: #a50021;
	font-size: 150%;
}

#content em, #content-wide em {
	font-size: 100%;
	font-style: italic;
}

#menu {
	text-align: right;
	font-size: 80%;
}

#menu #search_site h3, #menu #search_site h2 {
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
	background-color: white;
	color: #a50021;
	display: inline;
	padding: 0;
	margin-top: 0;
	font-size: 140%;
	margin-bottom: 0;
}

#menu #search_site h3 a:link, #menu #search_site h3 a:visited, #menu #search_site h3 a:hover, #menu #search_site h3 a:active, #menu #search_site h2 a:link, #menu #search_site h2 a:visited, #menu #search_site h2 a:hover, #menu #search_site h2 a:active { 
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
	background-color: white;
	color: #a50021;
	display: inline;
} 

div#search_site {
	text-align: right;
}

#search_site form, #search_site input {
	padding-bottom: 0;
	margin-bottom: 0;
	display: inline;
}

div#menu ul {

	font-weight: normal;
}

#menu p#skip a:link, #menu p#skip a:visited, #menu p#skip a:hover, #menu p#skip a:active {
	background-color: white;
	color: #a50021;
	font-weight: lighter;
	font-size: 95%;
	padding-top: 0;
	margin-top: 0;
	font-style: normal;
	margin-bottom: 1em;
	line-height: 1em;
	display: inline;
	text-align: right;
} 

p.small_caption {
	font-size: 85%;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 1em;
}


/* ---- end of text styles --- */


/* Image styles */

img.payment, #grid img.payment, #grid9 img.payment {
	width: 17em;
	height: 3.5em;
max-width: 300px;
max-height: 50px;
}

img.padded {
	margin: 10px;
}

/* ---- end of image styles --- */

/* Styles for text and links  */

blockquote {
	font-style: italic;
	font-family:  Geneva, Trebuchet, Verdana, sans-serif;
	padding: 0;
	margin: 1em;
}


/* (blue for links outside the main page contents) */
a:link, a:visited,  a:active, #maintext p.bluetext a:link, #maintext p.bluetext a:visited, #maintext p.bluetext a:hover, #maintext p.bluetext a:active, #content div.bluetext a:link, #content div.bluetext a:visited, #content div.bluetext a:hover, #content div.bluetext a:active {
	text-decoration: none;
	font-weight: bold;
	color: #0077cc;  
	background-color: transparent;
	line-height: 1em;
}
/*
a:hover {
inherit;
}
*/
.bluetext {
	color: #0077cc;  
	background-color: transparent;
	font-weight: normal;
}

hr.blue {
	background-color: #0077cc; 
	color: #0077cc;
	height: 2px;
}

.greytext, .greytext a:link, .greytext a:visited, .greytext a:hover, .greytext a:active {
 	color: #777;
	background-color: white;
 	text-decoration: none;
	font-weight: bold;
}

/* (black for links within the maintext div) */
#maintext a:link, #maintext a:visited, #maintext a:hover, #maintext a:active, #content-wide .black a:link, #content-wide .black a:visited, #content-wide .black a:hover, #content-wide .black a:active {  
	background-color: white;
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

#mail a:link, #mail a:visited, #mail a:hover, #mail a:active { 
	background-color: white; 
 	color: black; 
}

.red,  .red a:link, .red a:visited, .red a:hover, .red a:active {
	color: #a50021;
}

.light,  .light a:link, .light a:visited, .light a:hover, .light a:active {
	font-weight: lighter;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.colournormal {
	color: black;
	background-color: white;
}

.greyback {
	color: black;
	background-color: #eeeeee;
}

.fullwidth {
	width: 100%;
}
.nofloats {
	float: none;
}
.bordercollapse {
	border-collapse: collapse;
}
ul#researchtopics {
	list-style: outside;
}
ul#researchtopics li {
	padding-left: 2em;
}

dt {
	font-size: 135%;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, serif;
}

dd {
	margin-bottom: 1em;
}

/* end of text and link colours */
/* bottom of page */

div#footer  {
	padding-top: 2em;
/*	padding-left: 1em; */
padding-left: 10px;
	text-align: center;
}



div#copyright_text, div.small_links, div#bds_copyright_text {
	font-size: 75%;
	font-weight: normal;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0;
	display: block;
}

div.small_links {
	padding-top: 0;
}

div#copyright_text a:link, div#copyright_text a:visited, div#copyright_text a:hover, div#copyright_text a:active, div.small_links a:link, div.small_links a:visited, div.small_links a:hover, div.small_links a:active {
	font-size: 120%;
}

.copyright {
	padding-top: 0;
	padding-bottom: 0;
}
.linkback, .linkback a:link,  .linkback a:visited, .linkback a:hover, .linkback a:active {
	font-size: 130%;
	font-style: italic;
	font-weight: lighter;
	text-align: left;
}
div#enlargement_copyright {
	text-align: right;
	font-size: 100%;
	color: #777;
	background-color: white;
	font-weight: normal;
	clear: both;
	padding-right: 0.5em;
}
.pic_copyright {
	text-align: left; 
}
 .pic_copyright_right {
	text-align: right;
}
.pic_copyright, .pic_copyright_right {
	font-size: 80%;
	color: #777;
	background-color: white;
	font-weight: normal;
	clear: both;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
p.caption, p.caption_left {
	text-align: center;
	padding-top: 0em;
	padding-bottom: 1.5em;
}
p.caption_left {
	text-align: left;
}

ol#accessibility_info li {
	padding-top: 1em;
	padding-bottom: 0.2em;
}


div#bookmark_rupert_text_link, div#bookmark_kirsty_text_link {
	font-style: italic; 
	font-weight: normal; 
	font-size: 110%; 
	clear: both;
	padding-left: 1.5em;
}



/* -------------- Robin's new styles---------------------------- */


fieldset {
	padding-left: 20px;
}

legend {
	font-size: 130%; 
	font-style: normal; 
	color: black;
	background-color: white;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-weight: lighter;
}

address {
	font-style: normal;
}


cite {
	font-size: 90%;
	font-style: italic;
}

table.page-width {
	width: 720px; 
}



.newpage {
	page-break-before: always;
}

/*
small {
	line-height: 1.5em;
}
*/
img.bigger {
	width: 25em;
}
td.thumb img{
	margin-bottom: 5px;
	height: 125px;
	width: 125px;
}
/*
ul {
	list-style: outside;
}
*/
/* ------------------------------------------ */
div#content {
	font-size: 90%;
}
div#content .actxxsmall{font-size:xx-small;color:#000000;}
div#content .actxsmall, div#content a:link, div#content a:visited, div#content a:hover, div#content a:active {font-size: 80%;}
div#content .actsmall{font-size:small;color:#000000;}
div#content .actregular{font-size:medium;color:#000000;}
div#content .actlarge{font-size:large;color:#000000;}
div#content .actxlarge{font-size:x-large;color:#000000;}
div#content .actxxlarge{font-size:xx-large;color:#000000;}

img#painting-of-month {
margin-bottom: 3px;
}