/* CSS Document */

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	/* [disabled]font-size: 1em; */
	background: #F8F1DD;
	padding: 0;
	color: #000000;
}

#main {
width: 60em;
margin-left: auto;
margin-right: auto;
background: #ffffff;
color: #000000;
}

#main-test {
width: 100%;
margin: 0px 0px 0px 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background: #ffffff;
color: #000000;
}


/*timeline style*/

.timeline {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
background: #FFFFFF;
padding: 0;
color: #000000;

}

.timeline-event-bubble-title {font-size: 90%; font-weight: bold;}
.timeline-event-bubble-time {display: none;}


/*header styling*/

#header {
	width: 100%;
	/*height: 9em;*/
	margin:  0;
	padding: 0.5em 0 1.6em 0;
	background-color: #002147;
	text-decoration: none;
}


#header-test {
	width: 100%;
	/*height: 9em;*/
	margin:  0;
	padding: 0em 0 0em 0;
	background-color: #002147;
	text-decoration: none;
}

.titlewrapper {float: left; margin: 1.1em 0.5em 0.5em 0.5em;}
		
.link {
  cursor: pointer;
color: #3333cc;
}
.link:hover {
 text-decoration:underline;
}


p.title {color: #FFFFFF; text-decoration: none; font-size: 200%; margin: -0.05em 0 0.2em 0.6em;}
p.title a:link {color: #FFFFFF; text-decoration: none;}
p.title a:visited {color: #FFFFFF; text-decoration: none;}

p.titlesmallfont {color: #FFFFFF; text-decoration: none; font-size: 120%; margin: 0 0 0 1em; padding-bottom: 0em;}
p.titlesmallfont a:link {color: #FFFFFF; text-decoration: none;}
p.titlesmallfont a:visited {color: #FFFFFF; text-decoration: none;}

p.form {padding: 0; margin: 0;}
	
form {margin-bottom: 2em;}		

div.orderform {margin: 1em; 0em; 0em; 1em;}
div.orderform p {padding: 0.5em; 0em; 0em; 0.5em;}


div.headerwrapper {
background-color: #002147; padding: 0; margin: 0;}



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

.clear {
	clear: both;
}

.clearleft {
clear: left;
}

.imagerightheader {
	float: right;
	padding-top: 7px;
	padding-bottom: 1em;;
	padding-right: 3.5em;
	padding-left: 1em;
	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 #002147; */
border-left: 0;
clear: both;
margin: 1em 0 0 0;
padding: 0em 0 0 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;
}

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

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

#threemidcol-home1
{
float: none;
margin-top: 1em;
padding: 0px;
margin-bottom: .5em;
margin-left: 17em;
margin-right: 2em;
}

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

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

#newscol-home-table
{
display:table;
}

#newscol-home-row
{
  display:table-row
}

#newscol-home-holder
{
 display:table-cell;  vertical-align:top;
}

#newscol-home
{
	float: right; width: 12em; margin-left: 1em; margin-bottom: 2em; margin-top: 0.5em;
}

#newscol-home-slider
{
display:table-cell; vertical-align:top; width: 450px; text-align: center; 
}

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

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

#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;
}
div.midcol
{width: 80%; float: none;}

div.speccol
{width: 90%; float: none;}



div.leftcol {width: 40%; float: left;}
div.rightcol {width: 56%; float: right;}


.xdbImage {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
	line-height: 0px;
}

/* 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;}

h2.padded {padding-top: 1em;}

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

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

p.highlight {font-size: 90%; font-weight: bold; padding: 0; margin-left: -0.8em; color: #002147;}

p.highlight a:link {color: #002147; text-decoration: none;}

p.highlight a:visited {color: #002147; text-decoration: none;}

p.highlight a:hover {color: #002147; text-decoration: underline;}

p.hightlightbold {font-size: 90%; font-weight: bold; padding: 0; margin: 0; color: #d18f10;}

p.highlightbold a:link {color: #d18f10; text-decoration: none;}

p.highlightbold a:visited {color: #d18f10; text-decoration: none;}

p.highlightbold a:hover {color: #d18f10; text-decoration: underline;}

p.cvamenu {font-size: 80%; padding: 0; margin: 0; color: #cfc178; font-style: italic; margin-left: 0.8em;}

p.cvamenu a:link {color: #cfc178; text-decoration: none;}

p.cvamenu a:visited {color: #c9ba6a; text-decoration: none;}

p.cvamenu a:hover {color: #0947ae; text-decoration: none;}

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

.rightalign {
	text-align: right;
}

/* Set sizes for all 6 heading styles */

h1 {
	font-size : 120%;
	color: #002147;
}

h2,legend {
font-size: 105%;
margin-top: 20px;
padding-bottom: 3px;
color: #002147;
}
h3 {
font-size : 85%;
padding-top: 10px;
color: #002147;
}

h3.nopadding {
font-size : 85%;
padding-top: 0px;
color: #002147;
}

h4 {
font-size : 90%;
color: #002147;
}
h5 {
font-size : 90%;
color: #002147;
}
h6 {
font-size : 90%;
color: #002147;
}


/*Styles for lists*/

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

ul.small {font-size: 80%;}

ul.smallnobullet {font-size: 80%; list-style: none;}

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

ul.bibliography {
list-style: none;}

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

ul.bibliography li li {list-style: none; padding-top: 5px}

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

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;}

ul.timelinelist {font-size: 70%; padding-left: 0; margin-left: 0.2em; list-style: none;}
ul.timelinelist li {padding-bottom: 0.3em;}

ol {font-size: 80%;}
ol li {line-height: 1.5em;}


ul.bottommargin {margin-bottom: 3em;}

ul.keypieces {
list-style: none; font-size: 80%;}

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

ul.keypieces li li {list-style: none; padding-top: 5px}

ul.highlight {font-size: 80%; list-style: none; margin-top: 1em; margin-bottom: 1em; margin-left: -4em; padding-bottom: 5px;}
ul.highlight li {line-height: 1.25em; margin-bottom: 1em; }
ul.highlight li li {line-height: 1.25em; padding: 0; margin: 0; list-style: url(../../images/dash.jpg);}

ul.highlight li a {color : #000066;
background-color: transparent; 
text-decoration: none;
font-weight: normal;}

ul.highlight a:hover {
text-decoration: underline; 
font-weight: normal;
}

ul.highlight ul {font-size:100%; list-style: none; font-weight: normal; margin-bottom: 1em;}

ul.highlight ul li a {color: #000066;
background-color: transparent; 
text-decoration: none;
font-weight: normal;}

ul.highlight ul a:hover  {
text-decoration: underline; 
font-weight: normal;
} 

ul.news {font-size: 80%; list-style: none; margin-top: 1em; margin-bottom: 1em; margin-left: -3em;}
ul.news li {line-height: 1.25em; margin-bottom: 1em; padding-bottom: 7px;}
ul.highlight li li {line-height: 1.25em; padding: 0; margin: 0; list-style: url(../../images/dash.jpg);}

ul.news li a {color : #000066;
background-color: transparent; 
text-decoration: none;
font-weight: normal;}

ul.news a:hover {
text-decoration: underline; 
font-weight: normal;
}

ul.news ul {font-size:100%; list-style: none; font-weight: normal; margin-bottom: 1em;}

ul.news ul li a {color: #000066;
background-color: transparent; 
text-decoration: none;
font-weight: normal;}

ul.news ul a:hover  {
text-decoration: underline; 
font-weight: normal;
} 

ul.highlight li.orange a {color: #4b92db !important; font-weight: bold;}

ul.highlight li.red a {color: #782327 !important; font-weight: bold;}

ul.highlight li.blue a {color: #40a0da !important; font-weight: bold;}


ul.funders {font-size: 80%; list-style: none; margin-top: 1em; margin-bottom: 1em;}
ul.funders li {padding-bottom: 2px;}
ul.funders li a:link {text-decoration: none;}
ul.funders li a:visited {text-decoration: none;}
ul.funders li a:active {text-decoration: underline;}
ul.funders li a:hover {text-decoration: underline;}


p.home {font-weight: bold; line-height: 1.5em; color: #002147; margin: 0; padding-top: 1.5em;}
p.home a:link {color:#000000; text-decoration: none;}
p.home a:visited {color:#000000; text-decoration: none;}
p.home a:hover {color:#000000; text-decoration: underline;}

p.homesmallfont {font-size: 70%; padding-top: 1em; padding-bottom: 1em;}
p.homesmallfont a:link {color:#000000; text-decoration: none;}
p.homesmallfont a:visited {color:#000000; text-decoration: none;}
p.homesmallfont a:hover {color:#000000; text-decoration: underline;}

p.homesmallfontcookies {font-size: 70%; padding-top: 0em; padding-bottom: 0em; margin:0;}
p.homesmallfontcookies a:link {color:#000000; text-decoration: none;}
p.homesmallfontcookies a:visited {color:#000000; text-decoration: none;}
p.homesmallfontcookies a:active {color:#000000; text-decoration: underline;}
p.homesmallfontcookies a:hover {color:#000000; text-decoration: underline;}


/* Set link colours */

/* link */

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

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

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

a:active {
text-decoration : underline;
}


/* 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;
}

/* whitelink */

.whitelink a:link {
color : white;
background-color: transparent; 
text-decoration: none;
}
 
.whitelink a:visited {
color : white;
background-color: transparent;
text-decoration: none;
}

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

.whitelink a: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;
}



/*footer section styles */

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

#footer ul {
	display: inline;
}

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

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

/*footer link colours */

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

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

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

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


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


/*copyright text below footer*/

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

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




#topnav {
	padding: 0.5em 0 0.5em 0;
	margin-left: 0;
	font-size: 80%;
	/*border-bottom: 1px solid #002147;*/
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

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

#topnav li a {
	padding: 7px 0.5em;
	margin-left: 0px;
	border-top: 0px solid #002147;
	border-right: 0px solid #002147;
	border-bottom: none;
	border-left: 0px solid #002147;
	background: #c2b000;
	color: #FFFFFF;
	text-decoration: none;
}

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

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

#topnav li a#current {
	color: #000066;
	background: #FFFFFF;
}

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

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

#topnavwrapper {
background-color: #f1e3bb;
width: 100%;
clear: both;
height: inherit;
margin: 0;
border: 0;
}

/* ul#navlist {width: 100%; display: inline;}

ul#navlist a
{
font-weight: normal;
font-size: 80%;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li {float: left;}

ul#navlist li a
{
color: #002147;
background-color: #f1e3bb;
padding: 5px 0.5em;
border: 1px #002147 solid;
}

ul#navlist li a:hover
{
color: #002147;
background-color: #D9CCA8;
}

ul#navlist li a:active
{
color: #002147;
background-color: #D9CCA8;
border: 1px #002147 solid;
}

ul#navlist li#current {
	background-color: #ffffff;
	color: #002147;
	border-bottom: 0px #ffffff solid;
}


ul#subnavlist { display: none;}
ul#subnavlist li { float: none; font-size: 120%; border-bottom: 1px #002147 solid;}

ul#subnavlist li a
{
padding: 0px;
margin: 10px #002147 solid;
border: 10px #002147 solid;
font-size: 80%;
}

ul#subnavlist li a:hover
{
padding: 0px;
margin: 0px;
font-size: 80%;
text-decoration: underline;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 80%;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 11em;
border: none;
padding: 6px;
background-color:#D9CCA8;
color: #002147;
}

ul#navlist li#active {
	margin-left: 0.1em;
	}
	
ul#navlist li#current {
	background-color: #ffffff; 
	color: #002147;
	} 
	

ul#navlist li:hover ul#subnavlist li a:before { content: " > "; } */

#nav {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f1e3bb;
	border-bottom: 0px solid #002147;
	border-top: 1px solid #002147;  }
#nav ul {
	list-style: none;
	width: 60em;
	margin: 0 auto;
	padding: 0; }
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 6px 7px;
	text-decoration: none;
	font-size: 80%;
	font-weight: normal;
	color: #002147;
	border-left: 1px solid #002147; }
#nav li:first-child a {
	border-left: 0px solid #002147; }	
#nav li a:hover {
	color: #002147;
	background-color: #D9CCA8; }
#nav ul li#current {
	background-color: #ffffff; 
	color: #002147;
	border-left: 0px solid #002147;
	}	

#nav ul li#current a:hover {background-color: #FFFFFF;}




#nav-notebooks {
	width: 100%;
	float: left;
	margin: 1em 0 1em 0;
	padding: 0;
	background-color: #ffffff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;  }
#nav-notebooks ul {
	list-style: none !important;
	margin: 0 auto;
	padding: 0; }
#nav-notebooks li {
	float: left; }
#nav-notebooks li a {
	display: block;
	padding: 6px 7px;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	color: #002147;
	border-left: 1px solid #eee; }
#nav-notebooks li:first-child a {
	border-left: 0px solid #002147; }	
#nav-notebooks li a:hover {
	color: #002147;
	background-color: #eee; }
#nav-notebooks ul li#current {
	background-color: #eee; 
	color: #002147;
	font-weight: bold;
	border-left: 0px solid #002147;
	}	
#nav-notebooks ul li#current a:hover {background-color: #000000;}



#nav-test {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f1e3bb;
	border-bottom: 0px solid #002147;
	border-top: 0px solid #002147;}
#nav-test ul {
	list-style: none;
	width: 60em;
	margin: 0 auto;
	padding: 0; }
#nav-test li {
	float: left; }
#nav-test li a {
	display: block;
	padding: 6px 7px;
	text-decoration: none;
	font-size: 80%;
	font-weight: normal;
	color: #002147;
	border-left: 1px solid #002147; }
#nav-test li:first-child a {
	border-left: 0px solid #002147; }	
#nav-test li a:hover {
	color: #002147;
	background-color: #D9CCA8; }
ul#nav-test li#current {
	background-color: #ffffff; 
	color: #002147;
	border-left: 0px solid #002147;
	}	

ul#nav-test li#current a:hover {background-color: #FFFFFF;}


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


.clearright {
clear: right;
}


.clearboth { 
	clear: both; 
}


div.searchbox {float: left; padding: 0; margin: 0;}

div.searchbox-leftnav {float: left; padding: 1em 0 0 0;}

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

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

#tab 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;
}

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

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

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

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

#tab li#first {
	margin-left: 3em;
}


	
.blockclear {
	float: left;
	margin: 15px 15px 15px 15px;
	padding: 0;

}	

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

.blockclear li {
	font-size: 90%;
 	padding: 3px;
	
}

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

.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;
}

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

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

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: 75%;
font-weight: normal;
}

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

#leftnav a
{
display: block;
background-color: #FFFFFF;
border-bottom: 1px #000000 dotted;
padding: 0.3em 0.2em 0.3em 0.8em; 
color: #002147;
text-decoration: none;
}

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

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

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

#leftnavcurrent a
{
background-image: url(../images/arrow1.jpg);
background-repeat: no-repeat;
background-position: 0.5em;
display: block;
border: 0;
background-color: #ffffff;
padding: 0.3em 0.2em 0.3em 2em;
text-decoration: none;
font-size: 120%;
font-weight: bold;
}

li#leftnavtitle 
{
display: block;
color: #002147;
border-bottom: 1px solid #002147;
background-color: #FFFFFF; 
padding: .5em .8em;
font-weight: bold;
}


div#leftnavadd
{
border: 0/*1px #333366 solid*/;
padding: 0;
margin: 0 0 5px 0;
width: 11em;
}

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

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

#leftnavadd a
{
display: block;
background-color: #ffffff;
padding: 0.3em 0.2em 0.3em 0.8em; 
color: #002147;
text-decoration: none;
}

#leftnavadd a:hover
{
text-decoration: none;
background-color: #f1e3bb;
color: #002147;
}

#leftnavadd a:visited
{
color: #002147;
}

li#leftnavaddtitle 
{
display: block;
color: #002147;
border-bottom: 1px solid #002147;
/*margin-top: 0;*/
background-color: #FFFFFF; 
padding: .5em .8em;
font-weight: bold;
}


div#lnav
{
border-bottom: 0/*1px #333366 solid*/;
padding: 0;
margin: 0 0 5px 0;
width: 11em;
}

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

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

#lnav a
{
display: block;
background-color: #FFFFFF;
border-bottom: 1px #002147 dotted;
padding: 0.3em 0.2em 0.3em 0.8em; 
color: #002147;
text-decoration: none;
}

#lnavemph a
{
display: block;
background-color: #e5e5ed;
padding: 0.3em 0.2em 0.3em 0.8em; 
color: #002147;
text-decoration: none;
font-weight: bold;
}

#lnav a:hover
{
text-decoration: none;
background-color: #f1e3bb;
color: #002147;
}

#lnav a:visited
{
color: #002147;
}


li#lnavinactive {
display: block;
/*background-image: url(../images/arrow1.jpg);
background-repeat: no-repeat;
background-position: 0.5em; */
color: #002147;
border-bottom: 1px #002147 dotted;
background-color: #ffffff; 
padding: 0.3em 0.2em 0.3em 0.8em;
font-weight: bold;
}

li#lnavactive a {
display: block;
/*background-image: url(../images/arrow1.jpg);
background-repeat: no-repeat;
background-position: 0.5em; */
color: #002147;
border-bottom: 1px #002147 dotted;
background-color: #ffffff; 
padding: 0.3em 0.2em 0.3em 0.8em;
font-weight: bold;
}


/*li#lnavinactive a:hover {
display: block;
background-image: url(../images/arrow2.jpg); 
background-repeat: no-repeat;
background-position: 0.5em;
color: #002147;
border-bottom: 1px #002147 dotted;
background-color: #f1e3bb; 
padding: 0.3em 0.2em 0.3em 1.5em;
font-weight: bold;
}*/


#lnav li li a
{
display: block;
background-image: none;
color: #002147;
border-bottom: 1px #002147 dotted;
margin: 0;
padding: 0.3em 0.8em 0.3em 2em;
text-decoration: none;
font-size: 120%;
font-weight: normal;
}

li li#lnavactive {
display: block;
/*background-image: url(../images/arrow1.jpg);
background-repeat: no-repeat;
background-position: 0.5em;*/
color: #002147;
background-color: #ffffff; 
padding: 0em 0.2em 0.3em 0em;
font-weight: bold;
}


li#lnavcurrent 
{
display: block;
/*background-image: url(../images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0.5em;*/
border: 0;
background-color: #ffffff;
color: #002147;
margin: 0.4em 0em 0.4em 0em;
padding: 0 0 0 2em;
text-decoration: none;
font-size: 120%;
font-weight: bold;
border-bottom: 1px dotted #002147;
}

li li#lnavcurrent a
{
display: block;
/*background-image: none;
background-repeat: no-repeat;
background-position: 0.5em; */
border: 0;
background-color: #ffffff;
color: #002147;
padding: 0.0em 0.0em 0.0em 0em;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}

li li#lnavcurrent a:hover
{
display: block;
/*background-image: none;
background-repeat: no-repeat;
background-position: 0.5em; */
border: 0;
background-color: #f1e3bb;
color: #002147;
padding: 0.0em 0.0em 0.0em 0em;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}



/* 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 */

.textimagecaption-wide {
	width: auto;
	list-style: none;
	margin: 0 100px 0 2em;
	padding: 0;
	float: right;
}

.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: 70%;
 	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: 70%;
 	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: 70%;
	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: 70%;
	padding: 3px;
	text-align: center;
}

.imagesmallcaption img {
    /* display: block; */ 
 	margin-left: auto;
	margin-right: auto;
	border: 0;
}
	
.imagecaptionright {
	float: right;
	margin: 0px 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: 70%;
	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: 70%;
	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: 70%;
	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;
}

div.indentless {
	margin-left: 2em;
}

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

p.indentdata {
	margin-left: 7em;
	margin-top: 1em;
}

p.indentfurther {
	font-size: 90%;
	font-weight: bold;
	margin-left: 10em;
	margin-top: 1em;
}

p.indentfunding {
	font-size: 90%;
	font-weight: bold;
	margin-left: 19em;
	margin-top: 1em;
	margin-bottom: -0.2em;	
}
p.indentfunding a:link {text-decoration: none;}
p.indentfunding a:hover {text-decoration: underline;}
p.indentfunding a:visted {text-decoration: underline;}
p.indentfunding a:active {text-decoration: none;}


.clearright {
clear: right;
}

.imagegallery {
	float: left;
	border: 1px ;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	height: 230px;
	width: 190px;
	overflow: hidden;
}

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

.imagegallery p {
	text-align: center;
	width: 180px;

	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;}


/* gems table */
table.gems {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #FFFFFF;
	margin-top: 1em;
    border: 0.1em solid #002147;
}
table.gems th {
    text-align: center;
	font-size: 90%;
    font-weight: bold;
	color: #FFFFFF;
	background-color:#002147;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #002147;
}
table.gems td {
    text-align: center;
	font-size: 80%;
    border: 0px;
    border-bottom: 1px dashed #002147;
    padding: 0.1em 0.5em;
}
table.gems thead th {
    text-align: center;
    font-weight: bold;
    background-color: #AA0000;
    color: #FFFFFF;
}
table.gems th.date {
    text-align: left;
}
table.gems td.alternate {
    background: #f8f1dd;
	font-weight: bold;
	border-right: 1px solid #002147;
}

table.gems th.alternate {
    background: #CCCCCC;
}

table.gems td.arundel {
	font-weight: bold;
	border-right: 1px solid #002147;
}


.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;
}

li#lnavtitle 
{
display: block;
color: #002147;
/*margin-top: 0;*/
background-color: #FFFFFF; 
border-bottom: 1px #002147 solid;
padding: .5em .8em;
font-weight: bold;
font-size: 120%;
}

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: 75%;
}

#rightnav li 
{ 
margin: 0; 
border-bottom: 1px dotted #002147;
}

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

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

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

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

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

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

li#rightnavtitle a:hover
{background-color: #ffffff;
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: 75%;
}

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

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

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

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

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

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


/* Styles for dictionary */


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

#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 #002147;
   background: #f1e3bb;
	font-weight: bold;	
	text-align: center;
	width: 1em;
}

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

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

#dictionary li a:hover {
	color: #002147;
	background: #D9CCA8;
	border-color: #002147;
	text-decoration: underline;
}

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

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

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


div.buttonplain {
	border: 1px dotted #002147;
	width: 11em;
	float: left;
	margin: 0px 0px 0px 0;
	text-align: center;
}

.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: #002147;
	background-color: #ffffff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	text-decoration: none;
	}
	
.buttonplain li a:hover {
	display: block;
	color: #002147;
	background-color: #ffffff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	text-decoration: underline;
	}	

div.button {
	border: 1px solid #002147;
	width: 12em;
	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: #002147;
	background-color: #f8f1dd;
	padding: 0.3em 0.8em 0.3em 0.8em;
	text-decoration: none;
	}


.button a:hover {
	background-color: #f8f1dd;
	text-decoration: underline;
	color: #002147;
	font-weight: normal;
}
	
li.buttontitle {
	display: block;
	color: #002147;
	border-bottom: 1px solid #002147;
	background-color:#f1e3bb; 
	padding: 0.5em 0.2em 0.5em 0.8em;
	font-weight: bold;	
}

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

li.buttontitle a:hover {
	background-color: #f1e3bb;
	font-weight: bold;
}
	
/* timeline table */
table.timelinetable {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #f8f8f8;
	margin-top: 1em;
    border: 0.1em solid #002147;
}
table.timelinetable th {
    text-align: center;
    font-weight: bold;
	color: #002147;
	background-color:#f1e3bb;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #002147;
}
table.timelinetable td {
    text-align: left;
    border: 0px;
    border-bottom: 1px dashed #002147;
    padding: 0.1em 0.5em;
}
table.timelinetable thead th {
    text-align: center;
    font-weight: bold;
    background-color: #AA0000;
    color: #FFFFFF;
}
table.timelinetable th.date {
    text-align: left;
}
table.timelinetable td.alternate {
    background: #e7e7e7;
}

table.timelinetable th.alternate {
    background: #CCCCCC;
}

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

.textField {
	font-size: 0.8em;
}

.textFieldError {
	font-size: 0.8em;
	color: red;
}
.divleft {
	FONT-SIZE: 80%; FLOAT: left; MARGIN-BOTTOM: 1em; MARGIN-LEFT: auto; WIDTH: 170px; MARGIN-RIGHT: auto
}
.divright {
	FONT-SIZE: 80%; FLOAT: right; MARGIN-BOTTOM: 1em; MARGIN-LEFT: auto; WIDTH: 170px; MARGIN-RIGHT: auto
}
.divleftlargerfont {
	FONT-SIZE: 100%; FLOAT: left; MARGIN-BOTTOM: 1em; MARGIN-LEFT: auto; WIDTH: 170px; MARGIN-RIGHT: auto
}
.divrightlargerfont {
	FONT-SIZE: 100%; FLOAT: right; MARGIN-BOTTOM: 1em; MARGIN-LEFT: auto; WIDTH: 170px; MARGIN-RIGHT: auto
}
.divrightlargerfontwider {
	FONT-SIZE: 100%; FLOAT: right; MARGIN-BOTTOM: 1em; MARGIN-LEFT: auto; WIDTH: 200px; MARGIN-RIGHT: auto
}
.nounderline {
text-decoration: none;
}



.cookies {
display:block; 
position:absolute; 
left: 50%;
margin-left: -32em;
bottom: 0;
border: 3px solid #d18f10;
width: 61em;
font-size: 90%;	
padding: 0.5em 1em 0.5em 1em;
background-color: #FFFFFF;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
}


.cookies h3 {font-size: 140%;
font-weight: bold;
color: #002147;
}

.cookiesleft {float: left; width: 60em}
.cookiesright {float: right; width: 16em; padding-top:0.5em;}


.cookies1 {
display:block; 
position:absolute; 
color: #FFFFFF;
bottom: 0;
border: none;
width: 98%;
font-size: 110%;	
padding: 0.5em 1em 0.5em 1em;
background-color: #4b4c4e;
text-align:center;
opacity: 0.95;
}

.cookies1 a:link {color: #FFFFFF;}
.cookies1 a:visited {color: #FFFFFF;}
.cookies1 a:hover {color: #FFFFFF;}


.cookies1 h3 {font-size: 140%;
font-weight: bold;
color: #FFFFFF;
}

.cookiesleft {float: left; width: 60em}
.cookiesright {float: right; width: 16em; padding-top:0.5em;}


.slideshow { height: 272px; width: 362px; float: left; }
.slideshow img { padding: 15px; border: 0px solid #ccc; background-color: #fff; margin-left: 2em; margin-top: 1em; }
.slideshow div { width: 300px; height: 362px; padding: 15px; color: #333; text-align: left; font-size: 16px; }


table.stripy {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #FFFFFF;
	margin-top: 1em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
    border-bottom: 2px solid #d7d7de;
}
table.stripy th {
    text-align: center;
	font-size: 110%;
    font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	padding: 0.5em 0.7em;
    border-bottom: 2px solid #d7d7de;
	
}
table.stripy td {
    text-align: left;
	font-size: 100%;
    border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px dashed #d7d7de;
    padding: 0.1em 0.2em 0.1em 0.5em;
	
}

table.stripy tr:nth-child(odd)    { background-color:#f8f1dd; }
table.stripy tr:nth-child(even)    { background-color:#fff; } 





#lnavLevel3 li {
  font-size: 130%;
  border-bottom: 0px #002147 dotted;
  padding: 0px 0px 0px 15px;
}


.bibliographyCategory, .toggleSectionTitle {
  font-weight: bold;
  cursor: pointer;
  padding-top: 12px;
  color: #000080;
}

.toggleSectionSubSectionTitle {
 padding-bottom: 12px; text-decoration: underline;
}

.toggleSectionVideoTitle {
  font-weight: bold;
}

.toggleSectionContributorName {
  display: inline-block;
}

.toggleSectionContributorName::after { 
  content: ", ";
}

.toggleSectionContributorTitle {
  display: inline-block;
  text-decoration: italic;
}

.toggleSectionContributor{
}

.toggleSectionVideoLink {
  cursor: pointer;
  padding-bottom: 12px;
}

.bibliographySubCategory {
  font-weight: bold;
  font-size: 90%;
  cursor: pointer;
  padding-top: 12px;
  padding-left: 12px;
  color: #000080;
}

.carcButton {
	background-color: #f1e3bb;
	border: 1px solid #002147;
    border-radius: 0px;
	padding: 6px 10px 6px 10px;
	cursor: pointer;
}

.carcButton:hover {
	background-color: #d9cca8;	
}

.navbar {
	width: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.navbarleft {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: left;
	align-items: left;
}
.navbarright {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: left;
	align-items: left;
}