table, th, td {
   border: 1px solid var(--table-border-colour);
   padding:1px;
   margin:6px 0;
   margin-left:auto;
   margin-right:auto;
}

ul.middleIndexButtons,
ul.middleIndexButtons>li{
	text-align:center;
}

figure {
	margin: 10px 10px;
}
figcaption {
	font-size:12px;
	bargin-bottom:1px;
	color:#888;
}


div.middleMainBlock {
	display:inline-block;
	text-align:center;
	max-width:950px;
	width:99%; /*having a 100% width here makes end-of-line words hard to read*/
	padding:5px;
}

div.middleMainBlockText {
	float:right;
	max-width:725px;
	min-width:450px;
	width:75%;
	padding:0px 10px 5px 5px;
}

div.middleMainBlockSide {
	float:left;
	max-width:190px;
	width:20%;
	padding:15px 5px 5px 10px;
}

.middleMainBlockTitle {
	margin: 40px 10px 0px;
	text-align:center;
	font-weight:bold;
	color:maroon;
	font-size:135%;
	clear:both;
}

.middleMainBlockTitle a {
	color:maroon;
}

.middleMainBlockSubtitle {
	margin: 40px 10px 0px;
	text-align:center;
	font-weight:bold;
	color:maroon;
	font-size:100%;
	clear:both;
	text-align:left;
	padding: 0 20px;
}

div.middleMainBlockPicture {
	font-size:80%;
	text-align:center;
	display:inline-block;
	color:#888888;
	margin:10px 0;
}

div.middleMainBlockQuicklink {
	text-align:center;
	font-size:120%;
	margin:0.5em 0 1em;
	display:inline-block;
	
}

div.middleMainBlockQuicklink a {
	margin:2px 111px 18px;
	padding:10px;
	border:solid 2px blue;
	color: blue;
	text-decoration:none;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

div.middleMainBlockQuicklink a:hover {
	border:blue 3px solid;
	color:blue;
	color: deepskyblue;
	border: 4px solid deepskyblue;
	margin:0 109px 16px;
}

div.middleMainBlockArrowLeft, div.middleMainBlockArrowRight {
	text-align:center;
	font-size:120%;
	margin:0.5em 0 1em;
	display:inline-block;
}

div.middleMainBlockArrowLeft {
	float:left;
	margin-right:35px;
}

div.middleMainBlockArrowRight {
	float:right;
	margin-left:35px;
}

div.middleMainBlockArrowLeft a, div.middleMainBlockArrowRight a {
	margin:0 0 1em;
	padding:10px;
	color:maroon;
	border:darkred 3px solid;
	text-decoration:none;
}

div.middleMainBlockArrowLeft a {
	-moz-border-radius: 25px 0 0 25px;
	-khtml-border-radius: 25px 0 0 25px;
	-webkit-border-radius: 25px 0 0 25px;
	-o-border-radius: 25px 0 0 25px;
	border-radius: 25px 0 0 25px;
}
	
div.middleMainBlockArrowRight a {
	-moz-border-radius: 0 25px 25px 0;
	-khtml-border-radius: 0 25px 25px 0;
	-webkit-border-radius: 0 25px 25px 0;
	-o-border-radius: 0 25px 25px 0;
	border-radius:  0 25px 25px 0;
}
	
div.middleMainBlockArrowLeft a:hover, div.middleMainBlockArrowRight a:hover {
	border:blue 3px solid;
	color:blue;
	background:#CDE9FC;
}
/*
div.middleMainBlockArrowLeft a:before {
	content:"";
	position: absolute;
	right: 100%;
	top: 26px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid red;
	border-bottom: 13px solid transparent;
}

div.middleMainBlockArrowRight a:before {
	content:"";
	position: absolute;
	left: 100%;
	top: 26px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid red;
	border-bottom: 13px solid transparent;
}
*/

div.middleMainBlockSideNext {
	border:darkred 3px solid;
	color:maroon;
	text-align:center;
	font-size:200%;
	margin: 0 0 12px 12px;	
	padding: 6px;	
	float:right;
	width:222px;
	-moz-border-radius: 25px;
	-khtml-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}

.borderless {
	border:none;
}

table.borderless td {
	border:none;
}


.floatLeft {
	margin-right:5px;
	padding-left: 0;
	float:left;
	font-size:80%;
	text-align:center;
	color:#888888;
}	

.floatLeft img {
	padding:0;
}

.floatRight {
	margin-left:5px;padding-right: 0;
	float:right;
	font-size:80%;
	text-align:center;
	color:#888888;
}	

.floatRight img {
	padding:0;
}
button.control {
	background:none;
}

div.guideNavBar, button.control {
	display:inline-block;
	text-align:center;
	margin:2px;
}

div.guideNavBar a, button.control {
	padding:2px;
	border:solid 2px blue;
	color: blue;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

div.guideNavBar a:hover, button.control:hover {
	color:blue;
	border:blue 2px solid;
	color: deepskyblue;
	border: 2px solid deepskyblue;
	/*background:#CDE9FC;*/
}

div.guideNavBarMaroon {
	margin:2px;
	padding:2px;
	display:inline-block;
	text-align:center;
	border:solid 2px maroon;
	color:maroon;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

/* style for research pages */

ul.researchIndex {
	list-style-type:none;
	text-align:center;
}

ul.researchIndex li{
	text-align: center;
	display:inline;
	margin:3px;
}

ul.researchIndex li a{
	border: 2px solid blue;
	color:blue;
	padding:2px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

ul.researchIndex li a:hover{
	border-color:deepskyblue;
	color:deepskyblue;
}

ul.researchIndex li.selected{
	border: 2px solid maroon;
	color:maroon;
	padding:2px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

div.filmPic {
	width:45%;
	text-align:center;
	font-size:90%;
	padding:1%;
	display:inline-block;
}
div.filmPic>img {
	width:100%;
}