@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
  background-color: white;    
}

* {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
   font-size: 12pt;
   margin: 0;
}

select, input, option {
	font-family: sans-serif;
}


#wrap {
}


#header {
  background-color: white;
  overflow: hidden;
  position: relative;  
}

#header-background {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url("website-background.png");	
}

#ucl-logo {
  position: relative;
  width: 100%;
}

#ucl-logo-image {
  min-width: 100%;
  min-height: 40pt;
  object-fit: cover;
  object-position: right;
  margin-right: 0;
}

#main-heading {
	position: relative;
	top: -30pt;
	width: auto;
	font-family: "Arial", Sans; 
	font-size: 12pt;
	font-weight: bold;
	padding-left: 10pt;
	margin: auto;
	max-width: 800px;
	color: white;
	z-index: 20;
}



#nav {
padding: 20pt 10pt 0pt 10pt;
max-width: 800px;
margin: auto;	
}

#main {
max-width: 800px;
margin: auto;
padding: 10pt 10pt 30pt 10pt;
}


#footer {
max-width: 800px;
margin: auto;	
}


#title-box-outer {
	max-width: 800px;
	margin: auto;
	background-color: white; 
	padding-top: 10px;
	padding-bottom: 25px;
}

#title-box-inner {
	position: relative;
	z-index: 10;
	border: solid gray 1px;
	opacity: 1;
	padding: 10pt;
	display: block;
	background-image: none;
	background-color: white;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}


#sub-heading {
	font-family: 'Arial';
	font-size: 20pt;
	padding-top: 5pt;
	font-weight: bold;
}


a {
	color:blue;
	text-decoration:none;
	overflow-wrap: anywhere;
}

a:visited {
	color:blue;
	text-decoration:none;
}

a:hover {
	color:blue;
	text-decoration:underline;
}

a.menuitem {
	font-size: 14pt; 
	text-decoration:none;
}


.menuitem:hover {
	color:blue;
	text-decoration:underline;
}


td, th {
	padding-right: 10px;
	vertical-align: text-top;
	text-align: left;
}


h1 {
	font-weight: bold;
	font-size: 26pt;
	clear: both;
}

hr {
	clear: both;
}


h2 {
	font-weight: bold;
	font-size: 18pt;
	clear: both;
}

h3 {
	font-weight: bold;
	font-size: 14pt;
	clear: both;
}

h4 {
	font-weight: normal;
	font-style: italic;
	font-size: 14pt;
}


img {
	max-width:100%;
	height: auto;
}



.call-to-action {
	margin-left: 30pt;
	margin-right: 30pt;
}

.notice {
	border-left: solid gray 10pt;
	padding-left: 30pt;
	padding-right: 30pt;
}

.publication {
	clear: both;
	margin-top: 10pt;
	margin-bottom: 10pt;
}

.publication-title > a {
	font-size: 18pt;
	text-decoration:underline;
}

.publication-title > a:hover {
	text-decoration-thickness:3pt;
}

.publication-format {
	color: gray;
	margin-top: 6pt;
}

.publication-image {
	width: 120px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/** Customizations of website for mobile */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {	

body {
	padding-top: 0px;
}

#title {
	font-size: 16pt;
}


}