/* CSS Document */

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
background: #ffffff;
padding: 0;
color: #000000;
min-width: 760px;
}

/*header styling*/

#header {
	width: 95%;
	margin-top: 0;
}

/*hide skip links */
.skiplinks {
	display: none;
	visibility: hidden;
}


.clear {
	clear: both;
}

.clearleft {
clear: left;
}

.imagerightheader {
	float: right;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin: 0;
	border: 0;
	/*clear: both;*/
}

.imageleftheader {
	float: left;
	padding-top: 0;
	border: 0;
	/*margin-left: 5px;*/
}

.centre {
text-align: center;}

.centre img {
	margin: 5px;
}

#bottommargin {
	margin-bottom: 270px;
} 

div.space {
	height: 400px;
}

#threecontainer
{
width: 100%;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #666699;
border-left: 0;
clear: both;
margin: 1em 0 0 0;
padding: 0;
}

#threeleftcol
{
float: left;
width: 12em;
margin: 0 0 0 5px;
padding: 0 0 0 10px;
}

#threerightcol
{
float: right;
width: 11em;
margin: 0 0 0 5px;
padding: 0 1em 0.5em 0.5em;
}

#threerightcolpatrons
{
float: right;
width: 14em;
margin: 0 0 0 5px;
padding: 0 1em 0.5em 0.5em;
}

#threemidcolpatrons
{
float: none;
margin-top: 0px;
padding: 0px;
margin-bottom: .5em;
margin-left: 14em;
margin-right: 16em;
}

#threemidcol
{
float: none;
margin-top: 0px;
padding: 0px;
margin-bottom: .5em;
margin-left: 14em;
margin-right: 13em;
}

#container
{
width: 100%;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #666699;
border-left: 0;
clear: both;
margin: 1em 0 0 0;
padding: 0;
}

#leftcolnav
{
float: left;
width: 12em;
margin: 0 0 0 5px;
padding: 0 0 0 10px;
}

#rightcolcontent
{
float: none;
margin-top: 0;
margin-right: 3em;
margin-bottom: 0;
margin-left: 14em;
padding: 0;
}

#rightcolcontentplaces
{
float: none;
margin-top: 0;
margin-right: 3em;
margin-bottom: 0;
margin-left: 14em;
padding: 0;
}

#rightcolimagegallery
{
float: none;
margin-top: 0;
margin-right: 10em;
margin-bottom: 0;
margin-left: 14em;
padding: 0;
}

#onecol
{
	margin-top: 0;
	margin-right: 2em;
	margin-bottom: 0;
	margin-left: 2em;
}

/* Headings */

h1,h2,h3,h4,h5,h6,legend {
font-family : Arial, Verdana, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

h1.padded {padding-bottom: 0.5em;}

p {font-size: 80%; padding: 0;}

p.largetext {font-size: 110%;}

/* Set sizes for all 6 heading styles */

h1 {
font-size : 120%;
}
h2,legend {
font-size: 100%;
margin-top: 20px;
padding-bottom: 3px;
}
h3 {
font-size : 90%;
padding-top: 10px;
}
h4 {
font-size : 90%
}
h5 {
font-size : 90%
}
h6 {
font-size : 90% ;
}

fieldset {
border: 1px solid #666699;
padding-left: 5px;
padding-bottom: 10px;
}

legend {
background-color: #ECECFE;
color: #000066;
font-weight: bold;
border: 1px solid #000066;
margin: 15px 0px;
padding: 5px;
}

/*Styles for lists*/

ul {font-size: 80%;
list-style-position: outside;
}

ul.inside {font-size: 80%;
list-style-position: inside;
}

ul.bibliography {
list-style: none;}

ul.bibliography li {
padding-bottom: 7px;}

ul.padding li {
	padding-bottom: 7px;
}

ul.alpha {
	list-style-type: upper-alpha;
}

ul.numerical {list-style-type: decimal;
}

ul ul {list-style-type: square; font-size: 100%;}

li.none {list-style-type: none; padding-top: 0.5em;}


/* Set link colours */

/* link */

a:link {
color : #3333cc;
background-color: transparent; 
text-decoration : underline;
}

/* visited */
a:visited {
color : #660033;
background-color: transparent; 
text-decoration : underline;
}

/* hover */
a:hover {
text-decoration : underline; 
}
/* active */

a:active {
text-decoration : underline;
}

/* without underline */

a.nounderline:link {
color : #3333CC;
background-color: transparent; 
text-decoration: none;
}
 
a.nounderline:visited {
color : #660033;
background-color: transparent;
text-decoration: none;
}

a.nounderline:hover {
text-decoration : none;
}

a.nounderline:active {
text-decoration : none;
}

/* blacklink */

a.blacklink:link {
color : #000000;
background-color: transparent; 
text-decoration: none;
}
 
a.blacklink:visited {
color : #000000;
background-color: transparent;
text-decoration: none;
}

a.blacklink:hover {
text-decoration : none;
}

a.blacklink:active {
text-decoration : none;
}

/* without underline but with hover underline */

a.nounderlinehover:link {
color : #3333CC;
background-color: transparent; 
text-decoration: none;
}
 
a.nounderlinehover:visited {
color : #660033;
background-color: transparent;
text-decoration: none;
}

a.nounderlinehover:hover {
text-decoration : underline;
}

a.nounderlinehover:active {
text-decoration : underline;
}


/* imagegallery arrow link */

a.gallery:link {
color: #3333CC;
background-color: transparent;
text-decoration: none;
font-size: 120%;
font-weight: bold;
}
 
a.gallery:visited {
color: #660033;
background-color: transparent;
text-decoration: none;
font-size: 120%;
font-weight: bold;
}
 

a.gallery:hover {
text-decoration: none;
font-size: 120%;
font-weight: bold;
}
 

a.gallery:active {
text-decoration: none;
font-size: 120%;
font-weight: bold;
}

/*Table sytle for antiquarian photographs */

table.antiquarian {width: 90%;}

/*list style for antiquarian photographs */

ul.photos {
	list-style-type: disc;
	font-weight: bold;
	}
	
ul.photos li {padding-bottom: 0.4em; margin-left: 2em;}

ul.photos li#final {padding-top: 1em;}	

ul.photos a:link {text-decoration: none;}

ul.photos a:visited {text-decoration: none;}

ul.photos a:hover {text-decoration: underline;}

ul.photos a:active {text-decoration: underline;}

/*Splitting main content into two cols*/

#twocolcontent {
width: inherit;
}

#twocolleftcontent {
width: 48%;
float: left;
padding-right: 5px;
}

#twocolrightcontent {
width: 48%;
float: right;
padding-left: 5px;
}

#twocolcontentnarrow {
width: inherit;
}

#twocolleftcontentnarrow {
width: 28%;
float: left;
padding-right: 5px;
}

#twocolrightcontentnarrow {
width: 68%;
float: right;
padding-left: 5px;
}

/*Multiple two column sections on same page*/

div.twocolcont {
width: inherit;
}

div.twocolleftcont {
width: 46%;
float: left;
padding-right: 5px;
}

div.twocolrightcont {
width: 50%;
float: right;
padding-left: 5px;
}

div#leftnav
{
border: 0;
padding: 0;
margin: 0 0 5px 0;
width: 11em;
}

#leftnav ul
{margin: 0;
padding: 0;
list-style-type: none;
border: 0;
font-size: 80%;
font-weight: normal;
}

#leftnav li { 
margin: 1px 0 0 0; 
border-bottom: 0;
padding: 0;
}

#leftnav a
{
display: block;
background-color: #ECECFE;
padding: 0.3em 0.2em 0.3em 0.8em; 
color: #000066;
text-decoration: none;
}

#leftnav a:hover
{
text-decoration: underline;
}

#leftnav a:visited
{
color: #000066;
}

#leftnav li li a
{
display: block;
border: 0;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 2em;
text-decoration: none;
font-size: 130%;
font-weight: normal;
}

#leftnavcurrent a
{
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em;
display: block;
border: 0;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 2em;
text-decoration: none;
font-size: 130%;
font-weight: normal;
}

li#leftnavtitle 
{
display: block;
color: #FFFFFF;
border-bottom: 0;
background-color: #666699; 
padding: .5em .8em;
font-weight: bold;
}


div#rightnav

{border: 1px solid #FFFFFF;
width: 11em;
float: right;
margin: 0px 0px 10px 10px;}


#rightnav ul
{margin: 0;
padding: 0;
list-style-type: none;
border: 0;
font-weight: normal;
font-size: 80%;
}

#rightnav li 
{ 
margin: 0; 
border-bottom: 1px solid #FFFFFF;
}

#rightnav li li a
{
display: block;
border: 0;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 3em;
text-decoration: none;
font-size: 100%;
font-weight: normal;
}

#rightnav a
{
display: block;
color: #000066;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 1.5em;
text-decoration: none;
}

#rightnavcurrent a
{
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em;
display: block;
border: 0;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 1.5em;
text-decoration: none;
font-weight: normal;
}

#rightnav a:hover
{
background-color: #F3F3F8;
text-decoration: underline;
}

li#rightnavtitle 
{
display: block;
color: #333366;
border-bottom: 1px solid #FFFFFF;
background-color:#ECECFE; 
padding: 0.5em 0.2em 0.5em 0.8em;
font-weight: bold;
font-size: 90%;
}

li#rightnavtitle a
{
background-color: #ECECFE;
padding: 0.3em 0.2em 0.3em 0.2em;
}

li#rightnavtitle a:hover
{background-color: #ECECFE;
font-weight: bold;}


div#rightnavadd

{border: 1px solid #FFFFFF;
width: 11em;
float: right;
margin: 0px 0px 10px 10px;}


#rightnavadd ul
{margin: 0;
padding: 0;
list-style-type: none;
border: 0;
font-weight: normal;
font-size: 80%;
}

#rightnavadd li 
{ 
margin: 0 0 0 0; 
border-bottom: 1px solid #FFFFFF;
}

#rightnavadd a
{
display: block;
color: #000066;
background-color: #F3F3F8;
padding: 0.3em 0.2em 0.3em 0.8em;
text-decoration: none;
}

#rightnavadd a:hover
{
background-color: #F3F3F8;
text-decoration: underline;
}

li#rightnavaddtitle {
	display: block;
	color: #333366;
	border-bottom: 1px solid #FFFFFF;
	background-color:#ECECFE; 
	padding: 0.5em 0.2em 0.5em 0.8em;
	font-weight: bold;
	font-size: 90%;
}

li#rightnavaddtitle a {
	background-color: #ECECFE;
	padding: 0.3em 0.2em 0.3em 0.2em;
}

li#rightnavaddtitle a:hover {
	background-color: #ECECFE;
	font-weight: bold;
}

/*footer section styles */

#footer {
	background-color: #ECECFE;
	text-align: center;
	font-size: 90%;
	margin: 0 0 0 0;
	padding: 3px 5px 5px 5px;
	clear: both;
}

#footer ul {
	display: inline;
}

#footer li {
	display: inline;
	border-left: 1px solid #CACACE;
	padding: 0 5px 0 9px;
	margin: 0;
	text-align: center;
}

#footer li#finalfooter { 
	border-right: 1px solid #CACACE;
}

/*footer link colours */

#footer a:link {
	color: #797A8F; 
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}

#footer a:visited {
	color: #797A8F;
	text-decoration: none;
}

#footer a:visited:hover {
	color: #000000;
	text-decoration: underline;
}


/*copyright text below footer*/

#copyright {
	padding: 0;
	width: auto;
	margin: 0;
	clear: both;
}

#copyright p {
	font-size: 70%;
	text-align: center;
	color:  #797A8F;
}

/* Page breadcrumb styling */

#breadcrumb {
	background-color: #666699;
	color:#FFFFFF;
	width: 100%;
	font-size: 85%;
	padding: 5px 0px 5px 0px;
	margin-bottom: 5px;
	float: left;
	clear: both;
}

#breadcrumb p {
	margin: 0;
	padding: 0 0 2px 0;
}

/*footer link colours */
#breadcrumb a:link {
	color: #FFFFFF; 
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#breadcrumb a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#breadcrumb a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#sectionbreadcrumb {
	/*border-bottom: 1px solid #000;*/
	/*font-weight: bold;*/
	font-size: 70%;
	padding: 0px 2px 0px 10px;
	margin-left: 10px;
	margin-top: -10px;
	float: left;
}

#sectionbreadcrumb p {
	margin: 0;
	display: list-item;
	list-style: none;
}

#topnav {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #000066;
	font-weight: bold;
	clear: both;
}

#topnav li {
	list-style: none;
	margin: 0;
	display: inline;
}

#topnav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: none;
	border-left: 1px solid #000066;
	background: #ECECFE;
	text-decoration: none;
}

#topnav li a:link { 
	color: #000066; 
}
#topnav li a:visited { 
	color: #000066; 
}

#topnav li a:hover {
	color: #FFFFFF;
	background: #666699;
	border-color: #000066;
}

#topnav li a#current {
	color: #000066;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#topnav li#current a:hover {
	background: #666699;
	color: #000066;
	border-bottom: 2px solid white;
}

#topnav li#first {
	margin-left: 5em;
}

/* Styles for dictionary */


#dictionary {
	padding-top: 1em;
	padding-bottom: 2.5em;
	margin: 0;
	border: 0px solid #000066;
}

#dictionary ul {
	padding: 0.2em;
	float: left;
}

#dictionary li {
	float: left;
	list-style-type: none;
}
	
#dictionary li a {
   display: block;
	padding: 3px 0.5em;
	margin-left: 3px;
   border: 1px solid #000066;
   background: #ECECFE;
	font-weight: bold;	
	text-align: center;
	width: 1.5em;
}

#dictionary li a:link { 
	color: #000066; 
	text-decoration: none;
}

#dictionary li a:visited { 
	color: #000066; 
	text-decoration: none;
}

#dictionary li a:hover {
	color: #FFFFFF;
	background: #666699;
	border-color: #000066;
	text-decoration: underline;
}

#dictionary li a#letter {
	color: #000066;
	background: #FFFFFF;
	text-decoration: none;
}

#dictionary li#current a:hover {
	background: #666699;
	color: #000066;
	border-bottom: 2px solid white;
	text-decoration: underline;
}

.dictimages {
	border: 0;
	padding: 7px;
}

/* Styles for images */

.noborder {border: 0;}

img.imageborder {border: 1px solid #000000; padding: 0;}

.imageright {
	float: right;
	padding: 5px;
	margin: 0px 5px 5px 5px;
	border: 0;
}

.imageleft {
	float: left;
	padding: 5px;
	margin: 0px 5px 5px 5px;
	border: 0;
}

.imageleftlesstop {
	float: left;
	padding: 5px;
	margin: -5px 5px 5px 5px;
	border: 0;
}

.imagelefttop {
	float: left;
	padding: 5px;
	margin: 15px 5px 5px 5px;
	border: 0;
}

.imageleftindent {
	float: left;
	padding: 5px;
	margin: 10px 0 0 15px;
	border: 0;
}

.imageindent {
	display: block;
	margin-left: 10em;
}

.imagecentre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imagerightheader {
	float: right;
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0;
	border: 0;
	/*clear: both;*/
}

.imageleftheader {
	float: left;
	padding-top: 5px;
	border: 0;
	/*margin-left: 5px;*/
}

/* Following styles for use on pages where images and text need to be separated
between rows on the page e.g. new additions pages*/
.textimageblock {
	width: auto;
	overflow: auto;	
}

/* div.textimageblock img {
	position: relative;
	float: right;
	padding: 5px;
	margin: 5px;
}

div.textimageblock img.putleft {
	position: relative;
	float: left;
	padding: 5px;
	margin: 5px;
} */


.leftfloat {
	float: left; 
	margin: 0px 5px 5px 0px;
}

.leftfloat img {
	padding-right: 20px;
}

/* Following styles for use on pages where pics and text need to be separated
between rows on the page  but also need a caption under the picture */

.textimagecaptionblock {
	width: auto;
	overflow: auto;
	margin-top: 10px;
}
	
.imagecaptionblock {
	float: left;
	margin: 15px 15px 15px 15px;
	padding: 0;
	text-align: center;
}	

.imagecaptionblock ul {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagecaptionblock li {
	font-size: 90%;
 	padding: 3px;
	text-align: center;
}

.imagecaptionblock img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
}

/* getting captions under images */
.imagecaption {
	float: left;
	margin: 0px 15px 15px 15px;
	/* display:inline; */
}

.imagecaptiontop {
	float: left;
	margin: 15px 15px 15px 15px;
	padding: 0;
	/* display:inline; */
}

.imagecaptiontop {
	text-align: center;
}

.imagecaptiontop ul {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagecaptiontop li {
	font-size: 90%;
 	padding: 3px;
	text-align: center;
}

.imagecaptiontop img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.imagecaptiontopsmall {
		float: left;
		margin: 5px 15px 15px 15px;
		padding: 0;
		/* display:inline; */
}

.imagecaptiontopsmall {
	text-align:center;
}

.imagecaptiontopsmall ul {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagecaptiontopsmall li {
	font-size: 90%;
	padding: 3px;
	text-align: center;
}

.imagecaptiontopsmall img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
} 

.imagesmallcaption {
	float: left;
	margin: 5px 15px 15px 15px;
	padding: 0;
		/* display:inline; */
}

.imagesmallcaption {
	text-align:center;
}

.imagesmallcaption ul {
	width: 75px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagesmallcaption li {
	font-size: 90%;
	padding: 3px;
	text-align: center;
}

.imagesmallcaption img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
}
	
.imagecaptionright {
		float: right;
		margin: 15px 0 0 0;
		width: 200px;		
}
	
.imagecaptionright-c {
		float: right;
		clear: right;
}
		
div.imagecaptionright ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*width: 200px;*/
}

div.imagecaptionright li {
	font-size: 90%;
	padding: 3px;
	text-align: center;
}

div.imagecaptionright img {
	display: block;
 	margin-left: auto;
	margin-right: auto;
}
 
.imagecaption {
	text-align: center;
	border: 0;
}

.imagecaption ul {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagecaption li {
	font-size: 90%;
	padding: 3px;
	text-align: center;
}

.imagecaption li.castnos {
	text-align: center;
	line-height: 0.7em; 
}

.imagecaption img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
}
  
div.imagecaptioncentre img {
	display: block;
 	margin-left: auto;
	margin-right: auto;
	border: none;
	padding: 25px 0 0 0;
}
 
div.imagecaptioncentre	ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.imagecaptioncentre li {
	font-size: 90%;
	padding: 3px;
	text-align: center;
}

p.smalltext {
	font-size: 70%;
}

p.smalltext70 {
	font-size: 70%;
}

p.smalltext60 {
	font-size: 60%;
}

p.indentsmall {
	font-size: 70%;
	margin-left: 4em;
	margin-top: 0;
}

p.keyindentsmall {
	font-size: 70%;
	margin-left: 6em;
	margin-top: 0;
}

p.indent {
	margin-left: 4em;
	margin-top: 0;
}

.clearright {
clear: right;
}

.imagegallery {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 250px;
	width: 220px;
	overflow: hidden;
}

.imagegallery img {
	text-align: center;
	padding-top: 10px;
}

.imagegallery p {
	text-align: center;
	width: 200px;
	font-size: 80%;
	font-weight: bold;
}

.imagegallery a:link {text-decoration: none;}
.imagegallery a:visited {text-decoration: none;}
.imagegallery a:hover {text-decoration: underline;}
.imagegallery a:active {text-decoration: underline;}


.gemimages {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 210px;
	width: 35%;
	overflow: visible;
}

/* .gemimages img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
} */

.gemimages p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 80%;
}


.keyimages {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 15em;
	width: 10em;
	overflow: visible;
}

/* .keyimages img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
} */

.keyimages p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 80%;
}

.keyimages a:link {text-decoration: none;}
.keyimages a:visited {text-decoration: none;}
.keyimages a:hover {text-decoration: underline;}


.keyimagessizes {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 24em;
	width: 15em;
	overflow: visible;
}

/* .keyimages img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
} */

.keyimagessizes p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 80%;
	font-weight: bold;
}

.keyimagessizes a:link {text-decoration: none;}
.keyimagessizes a:visited {text-decoration: none;}
.keyimagessizes a:hover {text-decoration: underline;}

.keyimagesdate {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 25em;
	width: 15em;
	overflow: visible;
}

/* .keyimages img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
} */

.keyimagesdate p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 80%;
	font-weight: bold;
}

.keyimagesdate a:link {text-decoration: none;}
.keyimagesdate a:visited {text-decoration: none;}
.keyimagesdate a:hover {text-decoration: underline;}

.keyimagesindex {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: 10em;
	width: 7em;
	overflow: visible;
}

/* .keyimages img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
} */

.keyimagesindex p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 80%;
	font-weight: bold;
}

.keyimagesindex a:link {text-decoration: none;}
.keyimagesindex a:visited {text-decoration: none;}
.keyimagesindex a:hover {text-decoration: underline;}


div.marlimages {
	border: 1px solid #999; 
	padding: 5px; 
	width: 15em; 
	height: 21em; 
	margin: 15px; 
	float: left;
	}

.marlimages img {border: none;}

.marlimages p  {text-align: center;}

.premisesimages {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	width: 35%;
	overflow: visible;
}

.premisesimages p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	font-size: 70%;
}

.gemimageswide {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	height: auto;
	width: 94%;
	overflow: visible;
}

.gemimageswide img {
	text-align: center;
	padding-top: 10px;
}

.gemimageswide p {
	text-align: center;
	width: 90%;
	font-size: 80%;
}

.imagegallerynosize {
	float: left;
	border: 1px solid #999;
	margin: 15px 15px 15px 15px;
	padding: 5px;
}

.imagegallerynosize img {
	text-align: center;
	padding-top: 10px;
}

.imagegallerynosize p {
	text-align: center;
	font-size: 80%;
}

.clearboth { 
	clear: both; 
}

.imagefirstitem {
	float: left;
	margin: 15px;
	text-align:center;
	/*display:inline;*/
}

.imagefirstitem ul {
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.imagefirstitem li {
	font-size: 0.75em;
	padding: 3px;
	text-align: center;
}

.imagefirstitem img {
 /*display: block;*/
 	margin-left: auto;
	margin-right: auto;
}

.vertrightimages {
	float: right;
	margin: 0 0 10px 10px;
	clear: right;
	width: auto;
	text-align: center;
	font-size: 90%;
}

.vertrightimagescont p { 
	margin-top: 0;
}

/* Styles for the books */

.divleft {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	float: left;
	width: 170px;
	font-size: 80%;	
}

.divright {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	float: right;
	width: 170px;
	font-size: 80%;
}

.divleftlargerfont {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	float: left;
	width: 170px;
	font-size: 100%;
}

.divrightlargerfont {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	float: right;
	width: 170px;
	Font-size: 100%
}

.divrightlargerfontwider {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	float: right;
	width: 200px;
	Font-size: 100%
}

.imagemargin {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
}


/*end styles for the books */

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

#bottomspace {
	padding-bottom: 0;
}

/* test styles */

div.border {
	border: 1px solid #000066;
} 

/* homepage */

div.button {
	border: 1px solid #333366;
	width: 13em;
	float: right;
	margin: 0px 10px 10px 10px;	
}

.button ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	font-size: 80%;
}

.button li { 
	margin: 0 0 0 0; 
	border-bottom: 1px solid #FFFFFF;
}

.button li a {
	display: block;
	color: #000066;
	background-color: #F3F3F8;
	padding: 0.3em 0.8em 0.3em 0.8em;
	text-decoration: none;
	}
	
	
div.buttonpatrons {
	border: 1px solid #333366;
	width: 12em;
	float: right;
	margin: 0px 10px 10px 10px;	
}

.buttonpatrons ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	font-size: 80%;
	font-weight: bold;
}

.buttonpatrons li { 
	margin: 0 0 0 0; 
	border-bottom: 1px solid #FFFFFF;
}

.buttonpatrons li a {
	display: block;
	color: #000066;
	background-color: #F3F3F8;
	padding: 1em 1em 1em 1em;
	text-decoration: none;
	text-align: center;
	}

div.buttonplain {
	border: 0px solid #333366;
	width: 12em;
	float: right;
	margin: 0px 10px 10px 10px;
	width: 11em;
}

.buttonplain ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	font-size: 80%;
}

.buttonplain li { 
	margin: 0 0 0 0; 
	border-bottom: 1px solid #FFFFFF;
}

.buttonplain li a {
	display: block;
	color: #000066;
	background-color: #F3F3F8;
	padding: 0.3em 0.8em 0.3em 0.8em;
	text-decoration: none;
	}
/* .button a:link {
	background-color: #F3F3F8;
	font-weight: normal;
	text-decoration: none;
	color: #000066;
	} */

.button a:hover {
	background-color: #F3F3F8;
	text-decoration: none;
	color: #000066;
	font-weight: normal;
}

/* .button a:visited {
	background-color: #F3F3F8;
	font-weight: normal;
	text-decoration: none;
	color: #000066;
	}  

.button a:active {
	background-color: #F3F3F8;
	font-weight: normal;
	text-decoration: none;
	color: #000066;
} */

li.buttontitle {
	display: block;
	color: #333366;
	border-bottom: 1px solid #333366;
	background-color:#ECECFE; 
	padding: 0.5em 0.2em 0.5em 0.8em;
	font-weight: bold;	
}

li.buttontitle a {
	background-color: #ECECFE;
	padding: 0.3em 0.2em 0.3em 0.2em;
}

li.buttontitle a:hover {
	background-color: #ECECFE;
	font-weight: bold;
}

p.dottedborder {
	border: 1px dashed #999; 
	padding: 0.5em 0.5em 0.5em 1em;
	}


p.rightfloatborder {
	border: 1px dashed #999; 
	padding: 0.5em 0.5em 0.5em 1em; 
	float: right; 
	width: 12em;
	}

ul.kurtz { list-style-type: none;}

ul.kurtz li a {
position: absolute;
background-image: url(../images/archive/staff/DCK2.jpg);
background-repeat: no-repeat;
line-height: 178px;
text-decoration: none;}

ul.kurtz li a:hover {
position: absolute;
background-image: url(../images/archive/staff/dogs.jpg);
background-repeat: no-repeat;
line-height: 178px;
text-decoration: none;}

ul.kurtz li span {visibility: hidden;}

div.standard {
	font-size: 80%;
}

div.highlightbox { 
border: 2px solid #000066; 
background-color: #ECECFE; 
width: 13em; 
padding-bottom: 0.5em; 
float: right; 
text-align: center; 
font-size: 100%; } 

#prognav
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #000066;
font-weight: bold;
clear: both;
}

#prognav li
{
list-style: none;
margin: 0;
display: inline;
}

#prognav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border-top: 1px solid #000066;
border-right: 1px solid #000066;
border-bottom: none;
border-left: 1px solid #000066;
background: #F0F5FF;
text-decoration: none;
}

#progpnav li a:link { color: #000066; }
#prognav li a:visited { color: #000066; }

#prognav li a:hover
{
color: #FFFFFF;
background: #000066;
border-color: #000066;
}

#prognav li a#current
{
color: #000066;
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#prognav li#current a:hover
{
background: #666699;
color: #000066;
border-bottom: 2px solid white;
}

#prognav li#first
{
margin-left: 5em;
}