@font-face {
    font-family: 'uglyquaregular';
    src: url('UglyQua-webfont.eot');
    src: url('UglyQua-webfont.eot?#iefix') format('embedded-opentype'),
         url('UglyQua-webfont.woff') format('woff'),
         url('UglyQua-webfont.ttf') format('truetype'),
         url('UglyQua-webfont.svg#uglyquaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p,li {
	font-size: 0.9em;
	color: black;
}

.grid-container {
	margin: 0 auto;
	max-width: 62.5rem;
	width: 100%;
}

h1.surname {
		font-family: 'uglyquaregular', serif;
		font-size:4em;
		margin-top:0.2em;
		color:black;
}

ul.flatlist {
	list-style: none;
}

li.flatlist {
	display: inline;
}

.crumble {
	display: block;
	padding: 0.5625rem 0.875rem 0.5625rem;
	overflow: hidden;
	margin-left: 0;
	list-style: none;
	border-style: solid;
	border-width: 1px;
	background-color: #f4f4f4;
	border-color: #dcdcdc;
	border-radius: 3px;
}

.title-bar {
      width: 100%;
      z-index: 10;
      padding-top:0;
      height: 3em;
      background: #333333;
    }
.title-bar .title-bar-right, .title-bar .title-bar-left {
      transition: padding-top .25s ease;
      padding-top: 0.4em;
    }
.title-bar.shrink .title-bar-right, .title-bar.shrink .title-bar-left {
      padding-top: 0em;
    }
.title-bar .dropdown.menu li {
      float: left;
}

.title-bar .dropdown.menu a {
	color: white;
}

.title-bar .dropdown.menu .is-dropdown-submenu {
      border: none;
      background-color: #333333;
    }

img.title {
	margin: 10px;
	max-height: 6em;
}

.title {
	color:orange;
}

.homeicon {
	padding:0 !important;
	font-size:1.2em;
}

.offsite {
	background: url(/images/Icon_External_Link.png)     center right no-repeat;
	padding-right: 13px;
}

img.mapicon {
	padding-right:10px;
}

.spaced {
	margin: 10px 0 10px 0;
}

.small {
	font-size: 0.8em;
	padding-top:0;
	
}

.related {
	font-size: 1em;
	line-height: 95%;
	padding-bottom:10px;
}

p.close {
	line-height:1.2em;
	margin-bottom:5px;
}

.nopad {
	padding-bottom:0;
}

.flat {
	margin-bottom:0;
}

.infotitle {
	color: #510000;
	font-weight: bold;
	margin-bottom:0;
}

table.datatable {
	width: auto;
	align-self: center;
	margin-left: auto;
	margin-right:auto;
	font-size:0.9em;
}
td.datatable {
	border:1px solid silver;
}

th.level-0 {
	font-weight:normal;
	text-align:left;
}
th.level-1 {
	font-weight:normal;
	text-align:left;
	padding-left: 2em;
}
th.level-2 {
	font-weight:normal;
	text-align:left;
	padding-left: 4em;
}
th.level-3 {
	font-weight:normal;
	text-align:left;
	padding-left: 6em;
}
th.level-4 {
	font-weight:normal;
	padding-left: 8em;
}
th.level-5 {
	font-weight:normal;
	text-align:left;
	padding-left: 10em;
}

.comparecell {
	border-right:1px solid silver;
}

.icon {
	max-height: 20px;
}

p.oa_popup {
	font-size: 1em !important;
}
li.oa_popup {
	font-size: 1em !important;
}
a.oa_title {
	color: white !important;
}


.gaz {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: 300px;
     -moz-column-width: 300px;
          column-width: 300px;
}

.alpha {
	font-family: monospace, monospace;
}

.subfooter {
	text-align:center;
	width: 100%;
	margin-top:10px;
}

#footer-top-block {
	background-color: #333333;
	padding: 10px 0 10px 0;
	text-align:center;	
}

#footer-block p {
	color:#eeeeee;
}

#footer-block {
	background-color: #333333;
	color:#ffffff;
	padding: 20px;
	margin:0 ;
}

#footer-block a {
	color:#ffffff;
	text-decoration:none;	
}
#footer-block a:hover {
	text-decoration:underline;	
}

div.tophead {
	background:url(/images/headerusa.png);
	height: 90px;
	border:1px solid black;
	padding:0;
	width:100%;
	
}

h1.tophead {
	font-size:3em;
	color:#ffffff; 
	margin-bottom:20px;
}

a.tophead {
	color:#001100; 
}

h3.tophead {
	font-size:1.5em;
	color:#001100; 
	margin-top:20px;
}
span.tophead {
	background-image:url(/images/75p_white.png);
}

.blob {
	color: white;
	background-color:blue;
	border: 1px solid blue;
	padding: 2px;
	border-radius: 20px;
}


table.datatable {
	font-size:0.8em;
  width: 100%;
  background-color: #ffffff;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }

td.datatable {
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  text-align:right;
  }
tr.datatable {
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }
td.datatableheader {
  color: #ffffff;
  background-color: #99ADD3;
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }
th.datatableheader {
  color: #ffffff;
  background-color: #99ADD3;
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }table.datatable {
	font-size:0.8em;
  width: 100%;
  background-color: #ffffff;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }

td.datatable {
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  text-align:right;
  }
tr.datatable {
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }
td.datatableheader {
  color: #ffffff;
  background-color: #99ADD3;
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }
th.datatableheader {
  color: #ffffff;
  background-color: #99ADD3;
  border-width: 1px;
  border-style: solid;
  border-color: #99ADD3;
  border-collapse: collapse;
  padding: 4px;
  }

.clist {
	column-rule: 4px double silver;
	column-width: 200px;
}