.bibliographyCategory {
	font-weight: bold;
	cursor: pointer;
	padding-top: 12px;
	color: #000080;
	font-size: 1.1rem;
	padding-bottom: 6px;
	
}

.bibliographySubCategory {
	font-weight: bold;
	cursor: pointer;
	padding-top: 12px;
	padding-left: 12px;
	color: #000080;
	font-size: 0.9rem;
	padding-bottom: 6px;
}

.breadcrumb {
	display: inline-block;
	border-right: 1px solid #808080;
	margin-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}
.breadcrumb {
	cursor: pointer;
}

.breadcrumbBar {
	display: block;
	padding: 0px 6px 6px 15px;
}

.breadcrumbFinal {
	display: inline-block;
	border-right: 1px solid #808080;
	margin-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}
.breadcrumbFinal {
	border-right: none;
}

.clear {
	clear: both;
}

.clearboth {
	clear: both;
}

.CSIR {
	background-color: rgb(234, 224, 175);
	background-color: rgba(234, 224, 175, .95);
}

.CVA {
	background-color: rgb(194, 207, 174);
	background-color: rgba(194, 207, 174, .95);
}

.departmentBar {
	width: 100%;
	display: flex;
	align-items: stretch;
	font-size: 1.6rem;
	font-weight: 400;
}


.departmentBarDesktopOnly {
	width: 100%;
	display: flex;
	align-items: stretch;
	font-size: 1.6rem;
	font-weight: 400;
}

.departmentBarBackground {
}

.departmentBarItem {
	width: 100%;
	flex: 1;
	padding: 3px 6px 3px 20px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.departmentBarItem a {
	text-decoration: none;
	color: #2c2c2c;
}

.departmentMobileItem {
	display: block;
	padding: 9px 10px 9px 10px;
	border-bottom: 1px solid #c0c0c0;
}

.departmentNotSelected {
	border-bottom: 2px solid #ffffff;
}

.departmentSelected {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}

.departmentSelectedFirst {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

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

.divleft {
	FONT-SIZE: 80%; FLOAT: left; 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
}

.divright {
	FONT-SIZE: 80%; FLOAT: right; 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
}

.error {
	color: red;
	font-weight: bold;
}

.GandharaConnections {
	background-color: rgb(197, 217, 228);
	background-color: rgba(197, 217, 228, .95);
}

.gemimages {
	float: left;
	border: 1px solid #999;
	margin: 15px 0px 15px 0px;
	padding: 5px;
	height: 210px;
	width: 35%;
	overflow: hidden;
}
.gemimages p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	font-size: 80%;
}

.gemimageswide {
	border: 1px solid #999;
	margin: 15px 0px 15px 0px;
	padding: 5px;
	height: auto;
	width: 100%;
	overflow: hidden;
}
.gemimageswide img {
	text-align: center;
	padding-top: 10px;
}
.gemimageswide p {
	text-align: center;
	width: 90%;
	font-size: 80%;
}

.gemsCol1 {
	display: inline-block; width: 255px; vertical-align: top;
}

.gemsCol2 {
	display: inline-block; width: 425px; vertical-align: top;
}

.gemsSliderImage {
	width: 100%; max-width:408px; padding: 0px; margin: 0px;padding-left: 25px;
}

.heading {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem;
}

.icoSearch {
	display: inline-block;
	vertical-align: bottom;
}

.imageAndTextBlock {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	clear: both;
}

.imageAndTextBlockBio {
	padding: 0px;
}

.imageAndTextBlockImage {
	width: 130px;
	float: left;
	padding-right: 12px;
	padding-bottom: 6px;
}

.imageAndTextBlockImageHolder {
	display: inline-block;
}

.imageAndTextBlockRole {
	font-weight: bold;
	padding-bottom: 6px;
}

.imageAndTextBlockText {
	display: inline-block;
	vertical-align: top;
}

.imageAndTextBlockTitle {
	font-size: 1.3rem;
	padding-bottom: 6px;
	font-weight: bold;
}

.imagecaption {
	float: left;
	margin: 0px 15px 15px 15px;
}
.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 {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}
.imagecaption {
	float: left;
	margin: 0px 15px 15px 15px;
	text-align: center;
	border: 0;
	font-size: 0.7rem;
	width: 200px;
}

.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 {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.imagecaptionlarge {
	width: 100%;
	max-width: 500px;
}

.imagecaptionright {
	float: right;
	margin: 0px 0 0 0;
	width: 200px;
	padding-left: 10px;
}
.imagecaptionright {
	float: right;
	margin: 0px 15px 15px 15px;
	text-align: center;
	border: 0;
	font-size: 0.7rem;
	width: 200px;
}

.imagecaptionright-c {
	float: right;
	clear: right;
}

.imagecaptiontop {
	float: left;
	margin: 15px 15px 15px 15px;
	padding: 0;
}
.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 {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.imagecaptiontopsmall {
	float: left;
	margin: 5px 15px 15px 15px;
	padding: 0;
}
.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 {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.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;
	border: 0px;
}
.imagegallery p {
	text-align: center;
	width: 180px;
}
.imagegallery a:link {
	text-decoration: none;
}
.imagegallery a:visited {
	text-decoration: none;
}
.imagegallery a:hover {
	text-decoration: underline;
}
.imagegallery a:active {
	text-decoration: underline;
}

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

.imagesmallcaption {
	float: left;
	margin: 5px 15px 15px 15px;
	padding: 0;
}
.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 {
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.link {
	cursor: pointer;
	color: #3333cc;
}
.link:hover {
	text-decoration:underline;
}

.logo {
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}

.logoContainer {
	flex: 1;
	text-align: right;
	vertical-align: top;
	padding-right: 20px;
}

.mainLogo {
	display: inline-block;
	vertical-align: bottom;
}

.mainMenu {
	display: block;
	padding: 0rem 0rem 0.2rem 0rem;
	margin: 0rem;
	border: 0px solid red;
	vertical-align: bottom;
}
.mainMenu a {
	text-decoration: none;
	color: #2c2c2c;
}

.mainMenuHolder {
	display: inline-block;
	width: 100%;
	padding-left: 6px;
}

.MainSite {
	background-color: rgb(224, 224, 224);
	background-color: rgba(224, 224, 224, .95);
}

.marlimages img {
	border: none;
}
.marlimages p {
	text-align: center;
}

.menuBar {
	font-size: 1.2rem;
	font-weight: 500;
	font-style: normal;
	padding: 0.2rem 1rem 0rem 0.5rem;
	border: 0px solid red;
	vertical-align: bottom;
	display: flex;
	justify-content: space-between;
}
.menuBar ul {
	padding: 0px;
	margin: 0rem 0rem 0rem 0rem;
	border: 0px solid blue;
	vertical-align: bottom;
	display: inline-block;
	text-transform: uppercase;
}
.menuBar li {
	list-style: none;
	padding: 0.2rem 0.5rem 0.2rem 0rem;
	margin: 0rem 0rem 0rem 0.5rem;
	vertical-align: bottom;
	display: inline-block;
	border-bottom: 0.2rem solid transparent;
	cursor: pointer;
}
.menuBar li.mainMenuSelected {
	border-bottom: 0.2rem solid black;
}
.menuBar li:hover {
	background-color: #abc0ef;
}

.menuBars {
}

.menuSearchForm {
	display: block;
	text-align: right;
	width: 100%;
}

.mobile {
	display: none;
}

.navbar {
	width: 100%;
	display: flex;
	flex-wrap: nowrap
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.navbarleft {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: left;
	align-items: left;
	padding-left: 40px;
	margin: auto;
}

.navbarright {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: right;
	align-items: right;
	padding-right: 40px;
	margin: auto;
}

.navButtonLeft {
	display: inline-block;
	width: 45%;
	text-align: left;
}

.navButtonRight {
	display: inline-block;
	width: 50%;
	text-align: right;
}

.navButtons {
	display: block;
	width: 100%;
}

.navigationBar {
	clear: both;
	display: block;
	width: 100%;
	vertical-align: top;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #e0e0e0;
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

.navigationElement {
	display: inline-block;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px 12px 5px 12px;
	margin-right: 3px;
	background-color: #ffffff;
	height: 25px;
	vertical-align: middle;
	cursor: pointer;
}
.navigationElement:hover {
	background-color: #f0f0f0;
}

.newsArticle {
	display: inline-block;
	margin: 1rem 1.5rem 2rem 1.5rem;
	cursor: pointer;
	flex: 1 1 30%;
	position: relative;
}
.newsArticle:hover {
	background-color: rgb(199, 194, 188);
}

.newsArticleDivisibleBy2 {
	display: inline-block;
	margin: 1rem 1.5rem 2rem 1.5rem;
	cursor: pointer;
	flex: 1 1 30%;
	position: relative;
}
.newsArticleDivisibleBy2 {
	flex: 1 1 45%;
}
.newsArticleDivisibleBy2:hover {
	background-color: rgb(199, 194, 188);
}

.newsArticleSmall {
	display: inline-block;
	margin: 1rem 1.5rem 2rem 1.5rem;
	cursor: pointer;
	flex: 1 1 30%;
	position: relative;
}
.newsArticleSmall {
	flex: 1 1 20%;
}
.newsArticleSmall:hover {
	background-color: rgb(199, 194, 188);
}

.newsArticleSmallDivisibleBy3 {
	display: inline-block;
	margin: 1rem 1.5rem 2rem 1.5rem;
	cursor: pointer;
	flex: 1 1 30%;
	position: relative;
}
.newsArticleSmallDivisibleBy3 {
	flex: 1 1 28%;
}
.newsArticleSmallDivisibleBy3:hover {
	background-color: rgb(199, 194, 188);
}

.newsBlockTop {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	margin-top: 1rem;
	width: 100%;
	align-content: space-between;
	font-size: 1.3rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #c0c0c0;
	min-height: 420px;
}

.newsBlockTopArticle {
	display: inline-block;
	margin: 1rem 1.5rem 1rem 1.5rem;
	cursor: pointer;
	flex: 1 1 21%;
	position: relative;
}

.newsBlockTopArticleEvent {
	display: flex;
	background: none;
}
.newsBlockTopArticleEvent:hover {
	background-color: rgb(199, 194, 188);
}

.newsBlockTopArticleEventDate {
	font-size: 1rem;
	font-weight: 400;
}

.newsBlockTopArticleEventDateBlock {
	flex: 1;
	margin-bottom: 10px;
}

.newsBlockTopArticleEventDateBlockInner {
	padding: 6px 12px 6px 12px;
	display: inline-block;
	text-align: center;
}

.newsBlockTopArticleEventDay {
	font-size: 2rem;
	padding: 0px;
	margin: 0px;
}

.newsBlockTopArticleEventDescription {
	font-weight: 400;
	font-size: 1.05rem;
}

.newsBlockTopArticleEventDetails {
	flex: 4;
	padding: 6px;
	font-size: 1.2rem;
}

.newsBlockTopArticleEventHeader {
	font-size: 1.8rem;
	display: inline-block;
}

.newsBlockTopArticleEventHeaderContainer {
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
	height: 2.3rem;
	background-color: white;
}

.newsBlockTopArticleEventHeaderContainerCol2 {
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
	height: 2.3rem;
	background-color: white;
}

.newsBlockTopArticleEventHeaderContainerCol3 {
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
	height: 2.3rem;
	background-color: white;
}

.newsBlockTopArticleEventHeaderLink {
	margin-left: 1rem;
	font-size: 1.2rem;
	display: inline-block;
}
.newsBlockTopArticleEventHeaderLink:hover {
	text-decoration: underline;
}

.newsBlockTopArticleEventMonth {
	padding: 0px 0px 8px 0px;
	margin: -8px;
}

.newsBlockTopArticleEvents {
	display: inline-block;
	margin: 1rem 1.5rem 1rem 1.5rem;
	cursor: pointer;
	flex: 1 1 21%;
	position: relative;
}
.newsBlockTopArticleEvents {
	background: none;
}

.newsBlockTopArticleEventTitle {
	font-weight: 400;
}

.newsBlockTopImage {
	display: block;
	width: 100%;
	height: 250px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.newsBlockTopTitle {
	box-sizing: border-box;
	position: absolute;
	display: block;
	padding: 0.5rem 0.6rem 0.5rem 0.6rem;
	width: 100%;
	text-transform: none;
	font-weight: 400;
	overflow-y: hidden;
	max-height: 90px;
}
.newsBlockTopTitle:hover {
	background-color: #c0c0c0;
}

.newsHighlight {
	padding: 1rem 0.6rem 0.1rem 0.8rem;
	font-size: 1rem;
}
.newsHighlight:hover {
	text-decoration: underline;
}

.newsHighlightsContainer {
	box-sizing: border-box;
	position: absolute;
	display: block;
	padding: 0rem;
	background-color: rgb(224, 222, 217, 0.75);
	top: 4rem;
	height: 257px;
	width: 100%;
}

.newsImage {
	display: block;
	width: 100%;
	height: 300px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.newsImageContainer {
	display: block;
	width: 100%;
}

.newslistitem {
	padding-bottom: 12px;
}

.newslistitemfirst {
	padding-bottom: 12px;
}

.newsSubTitle {
	padding: 0rem 0.6rem 0.5rem 0.8rem;
	font-size: 1rem;
}
.newsSubTitle:hover {
	text-decoration: underline;
}

.newsTitle {
	box-sizing: border-box;
	position: absolute;
	display: block;
	padding: 0.9rem;
	background-color: rgb(224, 222, 217);
	background-color: rgba(224, 222, 217, 0.95);
	bottom: 0px;
	width: 100%;
	text-transform: uppercase;
	font-weight: 400;
}
.newsTitle:hover {
	background-color: #c0c0c0;
}

.noborder {
	border: 0px;
}

.nonMobile {
	display: block;
}

.mobileOnly {
	display: none;
}

.nounderline {
	text-decoration: none;
}

.SearchBackground {
	background-color: rgb(197, 185, 170);
	background-color: rgba(197, 185, 170, .95);
	border-bottom: 2px solid #ffffff;
}

.searchBox {
	border: 0px;
	border-bottom: 2px solid black;
	width: 10rem;
	background: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0);
}

.searchButton {
	display: inline-block;
	min-width: 100px;
	cursor: pointer;
	border: 1px solid #808080;
	background-color: #e0e0e0;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
.searchButton:hover {
	background-color: #c0c0c0;
}

.searchContainer {
	display: flex;
}

.searchField {
	display: inline-block;
}

.searchSeparator {
	display: block;
	padding-bottom: 5px;
}

.searchTitle {
	display: inline-block;
	width: 200px;
	clear: both;
}

.sliderButton {
	height: 50px;
	opacity: .5;
	cursor: pointer;
	z-index: 1000;
}
.sliderButton:hover {
	opacity: 1;
}

.sliderLeft {
	display: inline-block;
	padding: 0.4rem 1rem 0.3rem 0.8em;
	position: absolute;
	left: 1rem;
	top: 40%;
	cursor: pointer;
	z-index: 1000;
}

.sliderRight {
	display: inline-block;
	padding: 0.4rem 0.8rem 0.3rem 1em;
	position: absolute;
	right: 1rem;
	top: 40%;
	cursor: pointer;
	z-index: 1000;
}

.sliderRightPanel {
	padding: 0px 10px 10px 30px;
}

.sliderTitle {
	display: inline-block;
	display: none;
	background-color: #e0e0e0;
	font-size: 2rem;
	padding: 1rem 1rem 1rem 1rem;
	text-transform: uppercase;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 1000;
	cursor: pointer;
}

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

.subHeading {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem;
}
.subHeading {
	padding-top: 0rem;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem;
	padding-bottom: 0.5rem;
}

.subMenu {
	display: none;
	position: absolute;
	z-index: 99999;
	background-color: #abc0ef;
	padding-left: 0;
	padding-top: 1rem;
	text-transform: none;
}

.subMenuList {
	display: block;
	padding: 0.2rem 0.5rem 0.2rem 0.2rem;
	margin: 0rem 0.5rem 0.5rem 0.5rem;
	vertical-align: bottom;
	border-bottom: 7px solid white;
	cursor: pointer;
}
.subMenuList:hover {
	background-color: #83a3ed;
}

.textimagecaptionblock {
	width: auto;
	overflow: auto;
	margin-top: 10px;
}

.threeColCol {
	display: inline-block;
	flex: 1;
	vertical-align: top;
}

.threeColContainer {
	display: flex;
	justify-content: space-between;
	vertical-align: top;
}

.threeColMenu {
	display: inline-block;
	flex: 1;
	vertical-align: top;
}

.title {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 3.5rem;
	margin: -0.05em 0em 0em 0.4em;
	font-weight: 400;
}
.title a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.title a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.titlewrapper {
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	align-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
	padding: 0;
}

.toggleSectionContributor {
	display: block;
}

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

.toggleSectionContributorTitle {
	display: inline;
	font-style: italic;
}

.toggleSectionIntroduction {
	display: block;
	padding-bottom: 10px;
}

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

.toggleSectionTitle {
	font-weight: bold;
	cursor: pointer;
	padding-top: 12px;
	color: #000080;
	font-size: 1.1rem;
	padding-bottom: 6px;
}

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

.toggleSectionVideoTitle {
	font-weight: bold;
	display: block;
}

.twoColImage {
	float: right;
}

.twoColText {
}

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

a.newsArticleDivisibleBy2 {
	color: #2C2C2C;
	text-decoration: none;
}
a.newsArticle {
	color: #2C2C2C;
	text-decoration: none;
}
a.breadcrumb {
	color: #2C2C2C;
	text-decoration: none;
}
a.newsArticleSmall {
	color: #2C2C2C;
	text-decoration: none;
}
a.newsArticleSmallDivisibleBy3 {
	color: #2C2C2C;
	text-decoration: none;
}
a {
	text-decoration: none;
}

body {
	font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #2C2C2C;
}

div.space {
	height: 400px;
}
div.imagecaptionright ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.imagecaptionright li {
	font-size: 70%;
	padding: 3px;
	text-align: center;
}
div.imagecaptionright img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
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;
}
div.marlimages {
	border: 1px solid #999;
	padding: 5px;
	width: 15em;
	height: 21em;
	margin: 15px;
	float: left;
}

h1 {
	font-size: 2rem;
	text-transform: uppercase;
	margin-top: 2rem;
}
h1 {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem;
}

h2 {
	padding-top: 0rem;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem;
	padding-bottom: 0.5rem;
}

input {
	font-style: normal;
}

li {
	padding-bottom: 6px;
	
}

p {
	margin-block-start: 0em;
	margin-top: 0em;
}

ul {
	padding-top: 6px;
	margin: 0px;
	padding-left: 1rem;
	list-style: none;
}

ul#nav li#current {
	background-color: #E4E6E9;
	color: #822433;
	border-left: 0px solid #353536;
}
ul#nav li#current a:hover {
	background-color: #E4E6E9; color: #353536;
}

ul#nav1 li#current {
	background-color: #ffffff;
	color: #822433;
	border-left: 0px solid #353536;
}
ul#nav1 li#current a:hover {
	background-color: #E4E6E9; color: #353536;
}

#backToTop {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	border: none;
	outline: none;
}

#content {
	padding: 0rem 2rem 1rem 2rem;
	clear: both;
	font-weight: 400;
}

#contentWithSlider {
	padding: 0rem 1rem 0rem 1rem;
	clear: both;
}

#contentWithSliderHolder {
	width: 100%;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
	position: absolute;
	top: 660px;
}

#contentXDB {
	padding: 0rem 2rem 1rem 2rem;
	clear: both;
	font-weight: 400;
}
#contentXDB {
	padding-top: 1rem;
}

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

#footerBar {
	width: 100%;
	background-color: #cececc;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
	text-align: center;
	font-weight: 400;
}
#footerBar a {
	flex: 1;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
#footerBar a:hover {
	text-decoration: underline;
}

.footerBarInner {
	width: 90%;
	display: flex;
	padding: 2rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
	text-align: center;
}

.footerBarSocialMedia {
	display: flex;
	padding: 1rem 1rem 1rem 1rem;
	margin: 0rem 0rem 0rem 0rem;
	text-align: center;
}


.socialMediaGroup {
	flex: 1; display:inline-block; text-align:center;  margin: 10px 10px 0px 10px; padding: 5px 10px 5px 10px; border: 1px solid #e0e0e0;
}

.socialMediaElement, .socialMediaElementHeading {
	display:inline-block;
	vertical-align: middle;
	padding-right: 6px;
}


@media (max-width: 600px) {
	.footerBarSocialMedia {
		display: block;
	}
}


@media (max-width: 900px) {
	.socialMediaElementHeading {
		display: block;
		clear: both;
	}
}

.csirFunders {
	display: flex;
}

@media (max-width: 1000px) {
	.csirFunders {
		display: block;
	}
}


.popupContainer {
	position: fixed; 
	top: 20%; 
	left: 10%; 
	width: 80%; 
	z-index: 999999; 
	background-color: #f0f0f0; 
	border: 2px solid #202020; 
	padding: 20px;
}

.popupButton {
	font-size: 2rem;
	width: 90%; 
	background-color: #c0c0c0; 
	border: 1px solid #808080; 
	padding: 10px;
	cursor: pointer;
	margin-bottom: 2rem;
	margin-left: 2rem;
}

.popupHeader{
	font-size: 2rem;
	margin-bottom: 2rem;
}

.popupTextarea {
	width: 90%; 
	font-size: 1rem;
	margin-bottom: 2rem;
	margin-left: 2rem;
}

#header {
	width: 100%;
	background-color: #002147;
	display: block;
	padding: 20px 0px 10px 0px;
}

#mobileMenu {
	display: none;
	position: absolute;
	right: 1rem;
	padding-top: 0.5rem;
	cursor: pointer;
	color: #2c2c2c;
	font-size: 1.6rem;
	background-color: rgb(197, 185, 170);
	background-color: rgba(197, 185, 170, .95);
	padding: 0px;
	z-index: 99999;
	min-width: 300px;
}
#mobileMenu a {
	color: #2c2c2c;
}
#mobileMenu li {
	padding-bottom: 20px;
	padding-left: 15px;
}

#nav {
	width: 100%;
	float: left;
	margin: -0.3em 0 0em 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #822453;
	border-top: 0px solid #7D7F81;
}
#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: #000000;
	border-left: 0px solid #353536;
}
#nav li:first-child a {
	border-left: 0px solid #353536;
}
#nav li a:hover {
	color: #822453;
	background-color: #E4E6E9;
}

#nav1 {
	width: 100%;
	float: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 0px solid #353536;
	border-top: none;
}
#nav1 ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#nav1 li {
	list-style:none;
	float: left;
}
#nav1 li a {
	display: block;
	padding: 6px 7px;
	text-decoration: none;
	font-weight: normal;
	color: #353536;
	border-left: 0px solid #353536;
}
#nav1 li:first-child a {
	border-left: 0px solid #353536;
}
#nav1 li a:hover {
	color: #353536;
	background-color: #E4E6E9;
	text-decoration: none;
}

.cvaTable {
	max-width: 1000px;
}

.cvaTable a {
	white-space: nowrap;
	padding-bottom: 28px;
	display: inline-block;
	clear: both;
}

.recordContainer a, .siteMap a {
	padding-bottom: 28px;
	display: inline-block;
	clear: both;
}

.recordContainer li a {
	padding-bottom: 0px;
}

.recordText ul li ul {
padding-left: 20px
}

.siteMap a {
	padding-bottom: 18px;
	display: inline-block;
	clear: both;
}

.cvaTable td {
	vertical-align: top;
}

@media (max-width: 600px) {
	.cvaSeparator {
		display: none;
	}
}


#newsBlock {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	margin-top: 0rem;
	width: 100%;
	align-content: space-between;
	font-size: 1.3rem;
}

#sideMenu {
	font-size: 1rem;
	font-style: normal;
	padding: 0.9rem 1rem 0rem 1rem;
	border: 0px solid red;
	vertical-align: bottom;
	display: flex;
	justify-content: space-between;
}
#sideMenu ul {
	padding: 0px;
	margin: 0rem 0rem 0rem 0rem;
	border: 0px solid blue;
	vertical-align: bottom;
	display: block;
	text-transform: uppercase;
}
#sideMenu li {
	list-style: none;
	padding: 0.1rem 0.1rem 0.3rem 0.1rem;
	margin: 0rem 0rem 0rem 0rem;
	vertical-align: bottom;
	display: block;
	border-bottom: 2px solid white;
	cursor: pointer;
}
#sideMenu li.sideMenuSelected {
	border-bottom: 2px solid black;
}
#sideMenu li:hover {
	background-color: #abc0ef;
}

#slider {
	width: 100%;
	height: 500px;
	text-align: center;
	display: block;
	position: absolute;
	top: 70px;
	z-index: -1;
}

#sliderImage {
	height: 500px;
	/*cursor: pointer;*/
	display: block;
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

#sliderImage2 {
	height: 500px;
	/*cursor: pointer; */
	display: block;
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#sliderImage2 {
	opacity: 0;
}

#topBar {
	background-color: #ededee;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0px 0px 0px 0px;
	text-align: right;
	border: 0px solid red;
	width: 100%;
}
#topBar li {
	list-style: none;
}

#topBarInner {
	padding: 0.1rem 1rem 0.1rem 1rem;
}


@media (max-width: 1199px) {
	
	.departmentNotSelected {
		border-bottom: 0px;
	}
	
	.SearchBackground {
		border-bottom: 0px;
	}
	
}


@media (max-width: 1200px) {
	
	.mainMenu {
		display: none;
		width: 20rem;
		position: absolute;
		right: 0rem;
		top: 3rem;
		z-index: 99999;
		background-color: #ffffff;
	}
	
	.mainMenuHolder {
		position: absolute;
		padding: 0px;
	}
	
	.menuBar {
		padding: 0px;
	}
	.menuBar ul {
		display: block;
		position: static;
	}
	.menuBar li {
		display: block;
	}
	
	.menuSearchForm {
		position: absolute;
		right: 5rem;
	}
	
	.mobile {
		display: block;
	}
	
	.mobileMenu {
		display: block;
	}
	
	.nonMobile {
		display: none;
	}
	
	.mobileOnly {
		display: block;
	}

	.searchBox {
		width: 5rem;
	}
	
	.subMenu {
		display: none;
		padding-left: 0;
		padding-top: 1rem;
		padding-bottom: 0.5rem;
		text-transform: none;
		position: static;
		margin: 0rem 0.5rem 0.5rem 0.0rem;
	}
	
	.subMenuList {
		display: block;
		padding: 0.2rem 0.5rem 0.2rem 0.2rem;
		margin: 0rem 0.5rem 0.5rem 0.5rem;
		vertical-align: bottom;
		border-bottom: 7px solid white;
		cursor: pointer;
	}
	
	.threeColMenu {
		display: none;
	}
	
	body {
		font-size: 100%;
	}
	
	html {
		font-size: 80%;
	}
	
	#footerBar a {
		display: block;
		padding: 14px 0.2rem 14px 0.2rem;
		white-space: nowrap;
		display: block;
		clear: both;
	}
	
	.footerBarInner {
		display: block;
	}
}


@media (max-width: 1340px) {
	
	.title {
		font-size: 3rem;
	}
	
}


@media (max-width: 1400px) {
	
	.newsBlockTop {
		padding-bottom: 0rem;
	}
	
	.newsBlockTopArticle {
		display: inline-block;
		margin: 1rem 1.5rem 4rem 1.5rem;
		cursor: pointer;
		flex: 1 1 45%;
	}
	
	.newsBlockTopArticleEventHeaderContainerCol3 {
		height: 0.2rem;
	}
	
	.newsBlockTopArticleEvents {
		display: inline-block;
		margin: 1rem 1.5rem 4rem 1.5rem;
		cursor: pointer;
		flex: 1 1 45%;
	}
	
}


@media (max-width: 500px) {
	
	.menuSearchForm {
		position: absolute;
		top: 7rem;
		right: 1rem;
	}
	
	.newsArticle {
		display: block;
		margin-bottom: 0.5rem;
	}
	
	.newsArticleDivisibleBy2 {
		display: block;
		margin-bottom: 0.5rem;
	}
	
	.newsArticleSmall {
		display: block;
		margin-bottom: 0.5rem;
	}
	
	.newsArticleSmallDivisibleBy3 {
		display: block;
		margin-bottom: 0.5rem;
	}
	
	.newsImage {
		height: 250px;
	}
	
	.newsTitle {
		font-size: 0.8rem;
	}
	
	.searchBox {
		width: 3rem;
	}
	
	.sliderRightPanel {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#newsBlock {
		/*display: block;*/
	}
	
}


@media (max-width: 600px) {
	
	#contentWithSliderHolder {
		top: 600px;
	}
	
	.departmentNotSelected {
		display: none;
	}
	
	.imageAndTextBlockImage {
		display: block;
		float: none;
	}
	
	.logo {
		display: block;
	}
	
	.logoContainer {
		display: block;
	}
	
	.titlewrapper {
		display: block;
	}
	
}


@media (max-width: 800px) {
	
	.newsTitle {
		font-size: 1rem;
	}
	
	.newsArticle {
		display: inline-block;
		margin: 0rem 0.5rem 0.5rem 0.5rem;
		cursor: pointer;
		flex: 1 1 47%;
	}
	
	.newsArticleDivisibleBy2 {
		display: inline-block;
		margin: 0rem 0.5rem 0.5rem 0.5rem;
		cursor: pointer;
		flex: 1 1 47%;
	}
	
	.newsArticleSmall {
		display: inline-block;
		margin: 0rem 0.5rem 0rem 0.5rem;
		cursor: pointer;
		flex: 1 1 47%;
	}
	
	.newsArticleSmallDivisibleBy3 {
		display: inline-block;
		margin: 0rem 0.5rem 0rem 0.5rem;
		cursor: pointer;
		flex: 1 1 47%;
	}
	
	.threeColCol {
		display: inline-block;
		vertical-align: top;
	}
	
	.threeColContainer {
		display: block;
		vertical-align: top;
	}
	
	.twoColImage {
		float: none;
	}
	
	.twoColText {
	}
	
	html {
		font-size: 100%;
	}
	
}


@media (max-width: 930px) {
	
	.slideshow {
		width: 100%; float: none;
	}
	.slideshow img {
		padding: 0px; border: 0px solid #ccc; background-color: #fff; margin:0px;
	}
	.slideshow div {
		width: 100%; padding: 0px; color: #333; text-align: left; font-size: 16px;
	}
	
	.title {
		font-size: 2.5rem;
	}
	
}