/*Consolidation of various CSS files*/
/*Last updated 31st March 2021*/
/*General styles*/
html
{
	height: auto;
	max-width: 1260px;
	min-width: 319px;
	margin: 0 auto;
}
body
{
	margin: 20px auto;
	background: #fff;
	border: 1px solid #efefef;
	color:  #000305;
	font-size:  87.5%;
	font-family: Verdana, Helvetica, sans-serif;
	margin:  0;
	padding:  0 2em;
	text-align:  left;
}
h1
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	/*font-style: italic;*/
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}
.h1banner, #h1banner
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	/*font-style: italic;*/
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	text-align: center;
	color: #0cf;
	text-shadow:
		-1px -1px 0 #000,
		0 -1px 0 #000,
		1px -1px 0 #000,
		1px 0 0 #000,
		1px 1px 0 #000,
		0 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0 0 #000;
}
h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	/*font-style: italic;*/
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}
h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}
h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}
iframe
{
	clear: both;
}
span.FieldName
{
	font-weight: bold;
}
table
{
	font-size: 10pt;
	border: solid 1px #dbdbdb;
}
thead
{
	font-weight: bold;
}
th
{
	background: #ebebeb;
	border-bottom: solid 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
}
td
{
	border-top: dotted 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
}
tr first-child td
{
	border-top: none
}
table.interests
{
	text-align: left;
	border-spacing: 0px;
	padding: 5px;
	width: 70%;
	border: solid 1px #dbdbdb;
	border-collapse: collapse;
}
.interests th, td
{
	border: solid 1px #dbdbdb;
}
table.memlist
{
	text-align: left;
	border-spacing: 0px;
	padding: 5px;
	width: 70%;
}
table.memdata
{
	margin-left: 30px;
	empty-cells: show;
	padding: 2px;
	border-spacing: 0px;
	border: 2px;
}
table.xlsdata
{
	text-align: left;
	border-spacing: 0px;
	padding: 5px;
	width: 70%;
	border-collapse: collapse;
}
table.evelist
{
	text-align: left;
	border-spacing: 0px;
	padding: 5px;
	width: auto;
}
table.evedata
{
	margin-left: 30px;
	empty-cells: show;
	padding: 2px;
	border-spacing: 0px;
	border: 2px;
}
tr.head
{
	background-color: #EBEBEB;
	color: #000000;
}
tr.light
{
	text-align: left;
	background-color: #ffffff;
}
tr.dark
{
	text-align: left;
	background-color: #ffffcc;
}
a: link
{
	text-decoration: underline;
	color: #0000CC;
	font-weight: bold;
}
a: visited
{
	color: #003366;
}
a: active
{
	text-decoration: none;
	color: #333399;
}
a:hover
{
	text-decoration: underline;
	color: #3333cc;
}
blockquote, pre
{
	font-family: 'Courier New', monospace;
}
img
{
	border: none;
}
ul li
{
	list-style-type: square ;
}
ul li li
{
	list-style-type: disc;
}
ul li li li
{
	list-style-type: circle;
}
ol li
{
	list-style-type: decimal;
}
ol ol li
{
	list-style-type: lower-alpha;
}
ol ol ol li
{
	list-style-type: lower-roman;
}
ul p, ol p
{
	margin: 0px;
}
.book
{
	clear: both;
	margin-top: 20px;
	min-height: 110px;
}
.book img
{
	border-style: none;
	float: left;
	margin: 5px;
	height: 110px;
}
.book h4
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
}
.book p
{
	margin: 5pt;
}
.book .comment
{
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 10pt;
}
.gallery
{
	float: left;
	width: 75%;
}
.imagecontainer
{
	margin: auto;
}
.imagecontainer img
{
	width: 100%
}
.thumbnail
{
	float: left;
	width: 100px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}
.clearboth
{
	clear: both;
}
.thumbnail .imagecontainer
{
	width: 80px;
}
.link
{
	margin-bottom: 12pt;
	margin-top: 12pt;
}
.link a
{
	margin: 0px;
}
.link p
{
	margin-top: 0;
}
.spacer
{
	clear: both;
	width: 75%;
}
img.floatLeft
{
	float: left;
	margin: 0 6px 4px 0;
}
.sitemap
{
	float: left;
}
.sitemap a
{
	margin-left: 30px;
}
.wide ul
{
	list-style-type: none;
	padding: 0;
	margin-left: 3em;
}
.wide li
{
	margin: 0 0 6px 0;
}
.wide p
{
	margin-left: 30px;
}
figure img
{
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
	justify-content: center;
}
figcaption 
{
	font: 1.1em Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 10px 0;
}
figure 
{
	display: inline-block;
	vertical-align: top;
	height: 225px;
	margin: 10px 10px 10px 10px;
}
.rTable 
{
	display: table;
	width: 33%;
	margin-bottom: 10px;
}
.rTableRow 
{
	display: table-row;
	border: 1px solid #999999;
}
.rTableCell, .rTableHead 
{
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #999999;
}
.rTableHeading 
{
	display: table-header-group;
	background-color: #ddd;
	font-weight: bold;
}
.rTableHead, .rTableFoot
{
	background-color: #DDD;
	font-weight: bold;
}
.rTableFoot 
{
	display: table-footer-group;
	font-weight: bold;
	background-color: #ddd;
}
.rTableBody 
{
	display: table-row-group;
	font-weight: normal;
	background-color: #fff;
}
.topbanner
{
	display: flex;
	flex-direction: column;
	/*background-color: #e0e8f5;*/
	width:100%;
	height:400px;
	/*background-image: url('/photos/BardiCastle.png');*/
	background-image: url('/photos/AIFHSheader3.png');
	/*background-image: url('/photos/AIFHSheader4.png');*/
	/*background-image: url('/photos/venice-2089283_1920.jpg');*/
	background-size: cover;/*contain;/*100%,100%;*/
	background-repeat: no-repeat;
}
.topbanner .div:last-child
{
	color:green;
}
.topbar
{
	/*display: flex;
	flex-direction: row;*/
	/*background-color: #e0e8f5;*/
	text-align: center;
}
.botbar
{
	/*display: flex;
	flex-direction: row;
	vertical-align: bottom;*/
	text-align:left;
	content-align:left;
}
.gridsursearch
{
	display:grid;
	grid-template-columns:repeat(8, auto);
	grid-auto-rows: minmax(0px, min-content);
	border-top: 1px solid black;
	border-left: 1px solid black;
	font-size:10pt;
}
.gridsursearch > div
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.gridsursearch > grid-item-centre
{
	width:auto;/*1fr;*/
	text-align:center;
}

.grid-r
{
	grid-column:auto;/*1fr;*/
}
.grid-item
{
	width:auto;/*1fr;*/
	padding:5px;
}
.gridsursearch > .gchead
{
	text-align:center;
	font-weight:bold;
	background:#ebebeb;
	padding:3px;
}
.gridsursearch > .gchead.first
{
	text-align:center;
	font-weight:bold;
	background:#ebebeb;
	padding:3px;
}
.gridsursearch > .tickbox.dark
{
	text-align:center;
	background:#ffffcc;
	padding:5px;
}
.gridsursearch > .tickbox.light
{
	text-align:center;
	background:#ffffff;
	padding:5px;
}
.gridsursearch > .gitem
{
	padding:5px;
}
.gridsursearch > .gitem.dark
{
	background:#ffffcc;
	padding:5px;
}
.gridsursearch > .gitem.light
{
	background:#ffffff;
	padding:5px;
}
.gridsursearch > .gfetch
{
	grid-column: 1 /span 8;
	background:#ebebeb;
}
div.gridtransrecm
{
	display:grid;
	width:100%;
	grid-auto-rows: minmax(0px, min-content);
	grid-auto-columns: minmax(min-content, 1fr);
	border-top: 1px solid black;
	border-left: 1px solid black;
	font-size: 9pt;
}
.gridtransrecm > div
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.grid-r
{
	grid-column:auto;/*1fr;*/
}
.grid-item
{
	width:auto;/*1fr;*/
	padding:5px;
}
.gridtransrecm > .gchead
{
	/*text-align:center;*/
	font-weight:bold;
	background:#ebebeb;
	padding:3px;
}
.gridtransrecm > .gchead.first
{
	text-align:center;
	font-weight:bold;
	background:#ebebeb;
	padding:3px;
}
.gridtransrecm > .tickbox.dark
{
	text-align:center;
	background:#ffffcc;
	padding:5px;
}
.gridtransrecm > .tickbox.light
{
	text-align:center;
	background:#ffffff;
	padding:5px;
}
.gridtransrecm > .gitem
{
	padding:5px;
}
.gridtransrecm > .gitem.dark
{
	background:#ffffcc;
	padding:5px;
}
.gridtransrecm > .gitem.light
{
	background:#ffffff;
	padding:5px;
}
.gridtransrecm > .gfetch
{
	grid-column: 1 /span 8;
	background:#ebebeb;
}

.aifhslogo
{
	width:  144px;
	height:  79px;
	margin-left: 5px;
	margin-top: 5px;
	padding-top: 200px
}
.mtitle
{
	text-align: center;
	width: 100%;
}
.innerflex
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
}
.tight
{
	height:30px;
}
.cse-branding-bottom, .cse-branding-right
{
	margin:  0;
	padding:  0;
	/*background-color:  #e0e8f5;*/
	color:  #000000;
	/*padding-top:  2.5em;
	width:  144px;
	height:  79px;
	margin-left: 5px;*/
	margin-top: 5px;
	padding-top: 200px
}
}
.cse-branding-bottom: after, .cse-branding-right: after
{
	content:  ".";
	display:  block;
	height:  0;
	clear:  both;
	visibility:  hidden;
}
.cse-branding-text
{
	font:  10px Arial;
}
.cse-branding-form form
{
	margin-bottom:  0;
	padding-bottom:  0;
}
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text
{
	display:  block;
	float:  left;
}
.cse-branding-bottom .cse-branding-form
{
	margin-bottom:  3px;
}
.cse-branding-bottom .cse-branding-logo
{
	padding:  0 0 0 15px;
}
.cse-branding-bottom .cse-branding-text
{
	padding-top:  4px;
}
.cse-branding-right .cse-branding-form
{
	float:  left;
}
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text
{
	margin-left:  4px;
}
.cse-branding-right .cse-branding-form
{
	float:  left;
	margin-right:  4px;
}
.cse-branding-right .cse-branding-logo
{
	padding:  0;
}
.cse-branding-right .cse-branding-text
{
	margin-top:  -4px;
}
.google
{
	margin-left: auto;
	padding-right: 10px;

}
#googlex
{
	float:  right;
	width:  auto;
	padding:  0 10px 0 0;
}
#google input
{
	vertical-align:  middle;
}
#googleadsbox
{
	clear:  both;
	width:  auto;
	padding:  2em 0 0 0;
	position:  relative;
	margin-left:  auto;
	margin-right:  auto;
}
#googleadsboxr
{
	clear:  both;
	float:  right;
	width:  170px;
	padding:  0 0 0 1em;
	position:  relative;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http: //www.dynamicdrive.com/style/ */
.breadcrumz
{
	clear: both;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;
	float: left;
}
.breadcrumz a
{
	text-decoration: none;
	padding-right: 0em;
	color: navy;
}
.breadcrumz a: visited, .breadcrumz a: active
{
	color: navy;
}
.breadcrumz a:hover
{
	text-decoration: underline;
background-color: #ff0;
}
.topcontent
{
	background-color:  #FFF;
	border-radius:  5px;
	padding:  1em 2em 3% 2em;
	margin-bottom:  3%;
}
#motd
{
	clear: both;
	color: #f50;
	padding-left: 2em;
	padding-right: 2em;
}
img.floatRight
{
	margin:  0 0 4px 5px;
}
table.excel
{
	display: table;
	border-style: solid;
	border-width: 1px;
	border-spacing: 1px;
	border-collapse: separate;
	font-family: sans-serif;
	font-size: 12px;
	min-width: 40em;
}
table.excel thead th, table.excel tbody th
{
	background: #CCCCCC;
	border: solid 1px #0077ff;
	border-width: 1px;
	text-align: center;
	vertical-align: bottom;
}
table.excel th
{
	text-align: center;
	border: solid 1px #0077ff;
}
table.excel tbody
{
	vertical-align: bottom;
	padding: 0 3px;
	border: solid 1px #0000ff;
}
table.excel td
{
	vertical-align: bottom;
	padding: 20px 3px;
	border: solid 1px #0000ff;
}
table.imille thead th, table.imille tbody th
{
	background: #CCCCCC;
	border-style: ridge;
	border-width: 1px;
	text-align: center;
	vertical-align: bottom;
}
table.imille th
{
	text-align: center;
	border: solid 1px #0077ff;
}
table.imille tbody
{
	vertical-align: bottom;
	padding: 0 3px;
	border: solid 1px #0000ff;
}
table.imille td
{
	vertical-align: bottom;
	padding: 10px 3px;
	border: solid 1px #0000ff;
}
table.goods
{
	text-align: left;
	border-spacing: 0px;
	padding: 5px;
	width: 70%;
}
td.data
{
	width: 550px;
}
table.trans
{
}
fieldset
{
	background-color: #CCCCCC;
	padding: 12px;
	border: medium double #666;
}
legend
{
	padding: 0.2em 0.5em;
	border: 1px solid;
	color: #000000;
	font-size: 120%;
	text-align: right;
}
fieldset.fgr
{
	background-color: #CCFFCC;
	padding: 12px;
	border: medium double #666;
	width: auto;
}
label
{
	width: 10em;
	float: left;
	text-align: right;
	margin: .5em 1em;
	clear: both;
}
label.emc
{
	width: 15em;
	float: left;
	text-align: right;
	margin: .5em 1em;
	clear: both;
}
#memdet input, #memdet textarea
{
	float: left;
	margin: .5em 0;
}
#srchcrit
{
	background-color: #CCCCCC;
	padding: 12px;
	border: medium double #666;
	max-width: 75em;
	min-width: 40em;
}
#subbutton
{
	float: none;
	width: auto;
	margin-bottom: 1em;
	margin-left: 7em;
	clear: both;
}
br
{
	clear: both;
}
#cookiesWarning
{
	width: 95%;
}
#cookiesWarningActive
{
	background: #FFFF69;
	margin: 5px;
	padding: 5px;
}
#cookiesWarningActive smalls
{
	background: #FA5528;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	color: #fff;
	border: none;
}
#readMoreURL a: link
{
	text-decoration: underline;
	color: #000;
}
#readMoreURL a: visited
{
	text-decoration: underline;
	color: #000;
}
#readMoreURL a:hover
{
	text-decoration: none;
	color: #FA5528;
}
#text
{
}
#warning
{
}
.checkbox
{
}
.button
{
}
#xmas
{
	text-align: center;
}
p.imille
{
	text-indent: 20px;
}
h2.imille
{
	text-align: center;
}
h3.imille
{
	text-align: center;
	font-style: italic;
	color: #b22222;
}
h4.imille
{
	text-align: center;
	font-style: italic;
	color: #0066cc;
}
span.imillei
{
	font-style: italic;
}
span.imilleb
{
	font-weight: bold;
}
span.imiller
{
	color: #ff0000;
}
span.imillebr
{
	font-weight: bold;
	color: #ff0000;
}
#cookie-law
{
	max-width: 940px;
	background: #FFFF69;
	margin: 10px auto 0;
}
#cookie-law p
{
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
/*Floating photos below from http: //www.radford.edu/~rstepno/326/css-exercises/floaters.html*/
div.photocap-l
{
	float: left;
	width: 220px;
	margin: 0 1em 0 0;
	padding: 10px;
	border: 1px dotted;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
div.photocap-r
{
	float: right;
	width: 320px;
	margin: 0 1em 0 1em;
	padding: 10px;
	border: 1px dotted;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
div .photocam
{
	float: left;
	width: 150px;
	margin: 0 2em 0 0;
	padding: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
p.right
{
	text-align: right;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http: //www.dynamicdrive.com/style/ */
.gallerycontainer
{
	position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
div.gallerycontainer_sl
{
	position: relative;
	float: left;
	width: 250px;
}
.thumbnails img
{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}
.thumbnails:hover
{
	background-color: transparent;
}
.thumbnails:hover img
{
	border: 1px solid blue;
}
.thumbnails span
{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffcc;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 50;
}
.thumbnails span img
{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnails:hover span
{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 500px;
	z-index: 50;
	position: fixed;
	display: block;
}
tr.head
{
	background-color: #EBEBEB;
	color: #000000;
}
tr.light
{
	text-align: left;
	background-color: #ffffff;
}
tr.dark
{
	text-align: left;
	background-color: #ffffcc;
}
td
{
	font-family: arial;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
}
.bold
{
	font-weight: bold;
}
.colInterestsSurname
{
	width: 125px
}
.colInterestsDates
{
	text-align: center;
	width: 100px
}
.colInterestsLocation
{
	width: 250px
}
.colInterestsMemberNo
{
	text-align: center;
	width: 100px
}
.colMemberSurname
{
	width: 150px
}
.colMemberRegion
{
	width: 125px
}
.colMemberCountry
{
	text-align: center;
	width: 100px
}
.colMemberYearFrom
{
	text-align: center;
	width: 100px
}
.colMemberYearTo
{
	text-align: center;
	width: 100px
}
.colMemberTick
{
	text-align: center;
	width: 50px;
}
.colMemberItem
{
	width: 450px
}
.colMemberPrice
{
	width: 20px;
}
.celMemberTotal
{
	font-weight: bold;
	padding-right: 3px;
	text-align: right;
}
.doc
{
	list-style-image: url("../images/doc.gif");
	padding-left: 5px;
}

.fieldTitle	
{
	font-weight: bold;
}

.group
{
	border: solid 1px #EBEBEB;
	margin-top: 5px;
}
.group *
{
	margin-left: 5px;
}
.group h3
{
	background: #EBEBEB;
	font-size: 12pt;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	padding: 2px 0px 2px 2px;
}
.group span, .group table
{
	margin-left: 0px;
}
.group span.FieldName
{
	margin-left: 5px;
}
.group span.item
{
	display: block;
}
p.italic
{
	font-style: italic;
}
.pic
{
	list-style-image: url("../images/pic.gif");
	padding-left: 7px;
}
.pdf
{
	list-style-image: url("../images/pdf.gif");
	padding-left: 7px;
}
.xls
{
	list-style-image: url("../images/xls.gif");
	padding-left: 7px;
}
.print
{
	display: none;
}
.small
{
	font-size: 8pt;
}
.web
{
	list-style-image: url("../images/web.gif");
	padding-left: 7px;
}
ul.menuyr
{
	margin: 0px;
	padding: 0px;
}
ul.menuyr li
{
	list-style: none;
	margin-top: 1px;
}
ul.menuyr li a
{
	font-family: verdana;
	font-size: 16px;
	color: #00f;
}
ul.menuyr span
{
	padding-left: 1em;
}
ul.links
{
	margin: 0px;
	padding: 0px;
}
ul.links li
{
	background-color: #f1f1f1;
	padding-left: 20px;
	margin: 0px;
}
ul.links li li
{
	list-style-type: circle;
}
a.orig: link
{
	text-decoration: underline;
	color: 	#0000cc;
	font-weight: bold;
}
* html .clearfix
{
	zoom: 1;
}
* first-child+html .clearfix
{
	zoom: 1;
}
.cleaner
{
	height: 0;
	line-height: 0;
	clear: both;
}
.wrapper
{
	display: inline-block;
	vertical-align: bottom;
	margin-left: 2px;
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
	position: relative;
}
.main
{
}
.sbdy
{
}
.sbdn
{
}
#leftcolumn
{
	display: none;/*Hide left sidebar on request of committee 14/3/2020*/
	float: left;
	padding-top: 1em;
	width: 182px; /*Width of left column in pixels*/
}
#contentwrapper
{
	float: left;
	width: 100%;
	min-width: 320px;
	vertical-align: top;
	margin-left: -182px;
}
#contentwrapper.sbdn
{
	border-left: 0;
	margin-left: 0;
}
#contentcolumn
{
	margin-left: 182px; /*Set left margin to RightColumnWidth*/
	padding-left: 1em;
}
#contentcolumn.sbdn
{
	border-left: 0;
	margin-left: 0;
}
#sidebar.sbdn,
#leftcolumn.sbdn
{
	display: none;
}
.innertube
{
	margin: 2px;/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
#xmas
{
	text-align: center;
}
#footer
{
	zoom: 1;
	background: #fff;
	text-align: center;
	padding-bottom: 2em;
	width: 100%;
}
.namefind
{
	display:inline;
	vertical-align: bottom;
}
.rform
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 1px solid black;
	background: #CCDFEF;
	overflow: auto;
	margin-right: 0px;
	overflow: hidden;
}
.rform ul
{
	/*display: inline;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style-type: none;
	padding-right: 20px;
}
.rform li
{
	list-style-type: none;
}
.rformdiv
{
	margin: 0 0 0 10px;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
#rf1
{
	padding-top: 3px;
}
#rf2
{
}
#rf3
{
}
#rf4
{
}
ul.backhill 
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	list-style: none;
	border-top-style: solid;
	border-top-width: 2px;
}
ul.backhill li
{
	list-style-type: none;
}
.guidapage
{
	display: inline-block;
	vertical-align: bottom;
	margin-left: 2px;
	margin: 0 auto;
	position: relative;
	max-width: 100%;
	max-height: 100%;
}
div .crumbline
{
	border: 3px solid #4CAF50;
	padding: 5px;
}
.clearfix::  after
{
	content: "";
	clear: both;
	display: table;
}
.whoami
{
	float: right;
	text-align: right;
}
.arrow
{
	margin-left: 8px;
	color: #eee;
	font-size: 12px;
}
/*Small screen*/
.dropdowns-m nav, .dropdowns-m ul, .dropdowns-m li, .dropdowns-m a
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.dropdowns-m
{
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: auto;
	text-shadow:
		-1px -1px 0 #000,
		0 -1px 0 #000,
		1px -1px 0 #000,
		1px 0 0 #000,
		1px 1px 0 #000,
		0 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0 0 #000;
}
.dropdowns-m a
{
	text-decoration: none;
}
.toggleMenu
{
	display: none;
	background: #4B61D1;/*#090df0;/*#666;*/
	color: #fff;
}
.nav
{
	list-style: none;
/* general navigation background colors */
	/*background: #686bd6;*?/*REMOVE temporarily to test background*/
	border: none;
	display: flex;
	justify-content: space-around;
	width: 100%;
	font-weight: bold;
}
.nav: before,
.nav: after
{
	content: "";
	display: table;
}
.nav: after
{
	clear: both;
}
.nav ul
{
	list-style: none;
	width: 9em;
}
.nav a
{
	padding: 10px 15px;
	color: #fff;
	padding: 5px 10px;
}
/* navigation hover colors */
.nav a:hover
{
	background-color: #0cf;
}
.nav li
{
	position: relative;
}
.nav > li
{
	float: left;
/* first level items borders */
	border-top: none;
	border-bottom: none;
}
/* parents that have submenus */
.nav > li > .parent
{
	/*background-image: url("/images/downArrowY.png");*//*NAO*/
	background-repeat: no-repeat;
	background-position: right;
	background-position: 90% 50%;
	padding-right: 0em;
}
.nav > li > ul > li > .parent
{
	/*background-image: url("/images/downArrowY.png");*/
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > ul > li > .parent .active
{
	/*background-image: url("/images/upArrowY.png");*/
}
.nav > li > ul > li > ul > li .parent
{
	/*background-image: url("/images/downArrowY.png");*/
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > ul > li > ul > li .parent .active
{
	/*background-image: url("/images/upArrowY.png");*/
}
.nav > li > ul > li > ul > li > ul > li .parent
{
	/*background-image: url("/images/downArrowY.png");*/
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > ul > li > ul > li > ul > li .parent .active
{
	/*background-image: url("/images/upArrowY.png");*/
}
.nav > li > ul > li > ul > li > ul > li:hover > ul
{
	/*background-image: url("/images/upArrowY.png");*/
	left: 100%;
	top: 0;
}
.nav > li > a
{
	display: block;
}
.nav li ul
{
	position: absolute;
	left: -9999px;
	width: max-content;
}
.nav > li:hover > ul
{
	left: 0;
}
.nav li li:hover ul
{
	left: 100%;
	top: 0;
}
.nav li li a
{
	display: block;
	position: relative;
	z-index: 100;
/* second level navigation colors */
	background: transparent;/*#686bd6;/*background: #60a1c8;*/
	border-top: none;
	border-bottom: none;
	width: max-content;/* fit-content;*/ /* max-content;*/
}
.nav > li > li:hover > ul
{
	left: 0;
}
.nav li li li:hover ul
{
	left: 100%;
	top: 0;
}
.nav > li > li > li > a
{
/* third level navigation colors */
	z-index: 200;
	display: block;
	position: relative;
	z-index: 100;
/* second level navigation colors */
	background: transparent;/*#686bd6;/*background: #60a1c8;*/
	border-top: none;
	border-bottom: none;
	width: max-content;/* fit-content;*/ /* max-content;*/
}
.nav > li > li > li > li > a /*NAO 20210104*/
{
/* fourth level navigation colors */
	z-index: 300;
	display: block;
	position: relative;
	z-index: 100;
/* second level navigation colors */
	background: transparent;/*#686bd6;/*background: #60a1c8;*/
	border-top: none;
	border-bottom: none;
	width: max-content;/* fit-content;*/ /* max-content;*/
}
.nav li > li > li > li:hover ul
{
	left: 100%;
	top: 0;
}
.nav ul li:hover > ul /*NAO 20210104*/
{
	display:inherit;
}
/* fonts */
/* small screens menu button */
a.toggleMenu
{
	padding: 10px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	/*padding: 10px 15px;*/
}
/*====== END OF DROPDOWNS.CSS =======*/
video
{
	width: 100% !important;
	height: auto !important;
}
@media screen and (max-width: 935px)
{
	/*.google
	{
		display: none;
	}*/
}
/*======================= PC screen ==================*/
@media screen and (min-width: 769px) 
{
	.menu
	{
		flex-direction: row;
		justify-content: space-around;
		visibility: visible;
	}
	a.toggleMenu
	{
		display: none;
	}
	button#menushow
	{/*Hide button on full screen*/
		display: none;
	}
	.nav
	{
		/*flex-direction: row;
		justify-content: space-between;
		visibility: visible;
		list-style: none;
		width: auto;*/
	}
	.nav: before, 
	.nav: after 
	{
		content: " ";
		display: table;
	}
	.nav: after 
	{
		clear: both;
	}
	.nav ul
	{
		list-style: none;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: max-content;/*BODGE NAO*/
	}
	#ddm
	{
		list-style: none;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: max-content;/*BODGE NAO*/
	}
	#ddmd
	{
		width:auto;
	}
	.nav a
	{
		padding: 5px 5px 5px 5px;
	}
	.nav > li/*20210110 added*/
	{
		position: relative;
	}
	.nav > li
	{
		float: left;
	}
	.nav > li > .parent
	{
		background-repeat: no-repeat;
		background-position: right;
	}
	.nav > li > .parent .active
	{
		/*background-image: url("/images/upArrowY.png");*/
	}
	.nav > li > ul > li > .parent
	{/*NAO*/
		/*background-image: url("/images/downArrowY.png");*/
		background-repeat: no-repeat;
		background-position: right;
	}
	.nav > li > ul > li > .parent .active
	{
		/*background-image: url("images/upArrowY.png");*/
	}
	.dropdown-icon: after
	{
		transform: rotate(180deg);
	}
	.nav > li > a/*20210110 added*/
	{
		display: block;
	}
	.nav > li > ul/*20210110 added*/
	{
		position: absolute;
		left: -9999px;
		width: max-content;/*BODGE*/
	}
	.nav > li:hover > ul/*20210110 added*/
	{
		left: 0;
	}
	.nav > li > li:hover ul/*20210110 added*/
	{
		left: 100%;
		top: 0;
	}
	.nav > li > li a/*20210110 added*/
	{
		display: block;
		position: relative;
		z-index: 100;
		width: auto; /*fit-content;*/ /* max-content;*/
		transition: .3s;
	}
	.nav > ul > li > ul > li
	{
		display: block;
		position: relative;
		z-index: 100;
	}
	.nav > li > li > li > a /*20210110 added*/
	{
		z-index: 200;
	}
	.sub-menu-0/*20210110 added*/
	{
		display: none;
	}
	.sub-menu-1
	{
		display: none;/*20210110 added*/
	}
	.sub-menu-2
	{
		display: none;
	}
	.sub-menu-2a
	{
		display: none;
	}
	:hover-me2:hover .sub-menu-2,
	:hover-me2:hover  .sub-menu-2a/*20210110 added*/
	{
		position: absolute;
		display: block;
		margin-top: -40px;
		margin-left: 140px;
		background: color rgb(0,100,0);
	}
	.sub-menu-3
	{
		display: none;
	}
	#hover-me3a: .sub-menu-3
	{
		position: absolute;
		display: block;
		margin-top: -40px;
		margin-left: 140px;
		background: color rgb(0,100,0);
	}
	#hover-me3b: .sub-menu-3
	{
		position: absolute;
		display: block;
		margin-top: -40px;
		margin-left: 140px;
		background: color rgb(0,100,0);
	}
	.minilogo
	{
		display: none;
	}
	div.aifhsgrid
	{/* Dont show vertical table */
		display:none;
	}
	div.aifhsflex
	{
		display:none;
	}
}
/* small screen adjustments*/
@media screen and (max-width: 768px)
{
	div.aifhsexcel
	{
		display:none;
	}
	div.aifhsflex
	{
		display: flex; 
		flex-flow: row wrap;
		text-align: center;
	}
	.topbanner
	{
	display: flex;
	flex-direction: column;
	background-color: #4B61D1;/*#e0e8f5;*/
	width:100%;
	height:auto;
	}
	.breadcrumz
	{
		display: none;
	}
	.rformdiv
	{
		margin: 0 0 0 0;
		float: none;
		padding: 0;
	}
	.namefind
	{
		display:none;
	}
	.rform ul
	{
		display: flex;
		flex-direction: column;
		width: 100%;
		list-style-type: none;
	}
	#rf1
	{
		margin: 0 0 10px 0;
		width: 100%;
		justify-content: center;
	}
	#rf2
	{
		margin: 0 0 10px 0;
	}
	#rf3
	{
		margin: 0 0 10px 0;
	}
	#rf4
	{
	}
	.mtitle
	{
		display: none;
	}
	#leftcolumn
	{
		display: none;
	}
	#contentcolumn
	{
		margin-left: 0px;
	}
	#contentwrapper
	{
		margin-left: 0;
	}
	#awards
	{
		display: none;
	}
	.google
	{
		display: none;
	}
	.active
	{
		display: block;
		/*if activated rotate the arrow*/
		/*background-image: url("images/upArrowY.png");*/
	}
	.nav
	{/*NAO*/
		flex-direction: column;
	}
	.nav > li
	{
		float: none;
	}
	.nav > li > .parent
	{
		background-position: 95% 50%;
	}
	.nav li li .parent
	{
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav li li .parent .active
	{
	}
	.nav li li a
	{
		padding-left: 25px;
	}
	.nav li > ul > li > ul > li a
	{/*Level 3 menu item*/
		padding-left: 50px;
	}
	.nav li > ul > li > ul > li > ul > li a
	{/*Level 4 menu item*/
		padding-left: 75px;
	}
	.nav ul
	{
		display: block;
		width: 100%;
	}
	.nav > li:hover > ul , .nav li li:hover ul
	{
		position: static;
	}
	.h1banner , #h1banner
	{
		font-size: 18pt;
		color: #0cf;
		display:none;
	}
	.minilogo
	{
		max-height: 30px; 
		width: auto;
		float: left;
		padding-left: 5px;
	}
	.aifhslogo
	{
		display: none;
	}
	#burgerbun
	{
		padding-right: 10px;
		float: right; 
		height: 30px; 
	}
	.fa-caret-right
	{
		transform: rotateZ(90deg);
	}
	div.aifhsgrid
	{/*show vertical table */
		display:grid;
		grid-auto-rows: minmax(0px, min-content);
		grid-auto-columns: minmax(75px, 1fr);
		border-top: 1px solid black;
		border-left: 1px solid black;
	}
	.aifhsgrid > div
	{
		border-bottom: 1px solid black;
		border-right: 1px solid black;
	}
	table.excel
	{
		display:none;
	}
}
figure img
{
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
	justify-content: center;
}
figcaption 
{
	font: 1.1em Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 10px 0;
}
figure 
{
	display: inline-block;
	vertical-align: top;
	height: 225px;
	margin: 10px 10px 10px 10px;
}
.sps
{
	display: flex;
}
.sps td
{
	min-width: 100%;
}
.sps label
{
	white-space: nowrap;
	width: 100%;
}
.rTable {
 display: table;
 width: 33%;
 margin-bottom: 20px
}
.rTableRow {
 display: table-row;
}
.rTableCell, .rTableHead {
 display: table-cell;
 padding: 3px 10px;
 border: 1px solid #999999;
 min-width: 115px;
}
.rTableHeading {
 display: table-header-group;
 background-color: #ddd;
 font-weight: bold;
}
.rTableFoot {
 display: table-footer-group;
 font-weight: bold;
 background-color: #ddd;
}
.rTableBody {
 display: table-row-group;
 font-weight: normal;
 background-color: #fff;
}
.photocontainer
{
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-auto-rows: 75px;
	grid-auto-flow: dense;
}
.photocontainer > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #ffeead;
}

.photocontainer > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.horizontal {
	grid-column: span 2;
}
.vertical {
	grid-row: span 2;
}
.big-photo {
	grid-column: span 2;
	grid-row: span 2;
}
.bodycontainer
{
	display: grid;
	grid-template-columns: auto auto auto;
}
.bcid-container
{
	display: grid;
	grid-template-columns: auto auto;
}
.leftcol
{
	max-width: 200px;
}
.rsb
{
	max-width: 200px;
}

.main-body
{
	width: auto;
}
/*  ===== new menu =====  */
.btn{
    display: inline-block;
    padding: .5rem 1.3rem;
    font-size: .8rem;
    border: 2px solid #fff;
    border-radius: 2rem;
    line-height: 1;
    margin: 0 .2rem;
    transition: .3s;
    text-transform: uppercase;
}

.btn.solid, .btn.transparent:hover{
    background-color: #fff;
    color: #69bde7;
}

.btn.transparent, .btn.solid:hover{
    background-color: transparent;
    color: #fff;
}

.nav-links > ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-link{
    position: relative;
}

.nav-link > a{
    line-height: 3rem;
    color: #fff;
    padding: 0 .8rem;
    letter-spacing: 1px;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .5s;
}

.nav-link > a > i{
    margin-left: .2rem;
}

.nav-link:hover > a{
    transform: scale(1.1);
}

.dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    width: 10rem;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}

.dropdown ul{
    position: relative;
}

.dropdown-link > a{
    display: flex;
    background-color: #fff;
    color: #3498db;
    padding: .5rem 1rem;
    font-size: .9rem;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
}

.dropdown-link:hover > a{
    background-color: #3498db;
    color: #fff;
}

.dropdown-link:not(:nth-last-child(2)){
    border-bottom: 1px solid #efefef;
}

.dropdown-link i{
    transform: rotate(-90deg);
}

.arrow{
    position: absolute;
    width: 11px;
    height: 11px;
    top: -5.5px;
    left: 32px;
    background-color: #fff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
    z-index: -1;
}

.dropdown-link:first-child:hover ~ .arrow{
    background-color: #3498db;
}

.dropdown-link{
    position: relative;
}

.dropdown.second{
    top: 0;
    left: 100%;
    padding-left: .8rem;
    cursor: pointer;
    transform: translateX(10px);
}

.dropdown.second .arrow{
    top: 10px;
    left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.hamburger-menu-container{
    flex: 1;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu div{
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: #fff;
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before{
    transform: translateY(-7px);
}

.hamburger-menu div:after{
    transform: translateY(7px);
}

#check{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
    background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
    transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
    transform: translateY(0) rotate(45deg);
}

@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

@media (max-width: 920px){
    .hamburger-menu-container{
        display: flex;
    }

    #check{
        display: block;
    }

    .nav-btn{
        position: fixed;
        height: calc(100vh - 3rem);
        top: 3rem;
        left: 0;
        width: 100%;
        background-color: #69bde7;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .65s;
    }

    #check:checked ~ .nav-btn{
        transform: translateX(0);
    }

    #check:checked ~ .nav-btn .nav-link,
    #check:checked ~ .nav-btn .log-sign{
        animation: animation .5s ease forwards var(--i);
    }

    .nav-links{
        flex: initial;
        width: 100%;
    }

    .nav-links > ul{
        flex-direction: column;
    }

    .nav-link{
        width: 100%;
        opacity: 0;
        transform: translateY(15px);
    }

    .nav-link > a{
        line-height: 1;
        padding: 1.6rem 2rem;
    }

    .nav-link:hover > a{
        transform: scale(1);
        background-color: #50a9d6;
    }

    .dropdown, .dropdown.second{
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        padding: 0;
        background-color: #3183ac;
        display: none;
    }
    
    .nav-link:hover > .dropdown,
    .dropdown-link:hover > .dropdown{
        display: block;
    }

    .nav-link:hover > a > i,
    .dropdown-link:hover > a > i{
        transform: rotate(360deg);
    }

    .dropdown-link > a{
        background-color: transparent;
        color: #fff;
        padding: 1.2rem 2rem;
        line-height: 1;
    }

    .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 3rem;
    }

    .dropdown.second .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 4rem;
    }

    .dropdown-link:not(:nth-last-child(2)){
        border-bottom: none;
    }

    .arrow{
        z-index: 1;
        background-color: #69bde7;
        left: 10%;
        transform: scale(1.1) rotate(45deg);
        transition: .5s;
    }

    .nav-link:hover .arrow{
        background-color: #50a9d6;
    }

    .dropdown .dropdown .arrow{
        display: none;
    }

    .dropdown-link:hover > a{
        background-color: #3a91bd;
    }

    .dropdown-link:first-child:hover ~ .arrow{
        background-color: #50a9d6;
    }

    .nav-link > a > i{
        font-size: 1.1rem;
        transform: rotate(-90deg);
        transition: .7s;
    }

    .dropdown i{
        font-size: 1rem;
        transition: .7s;
    }

    .log-sign{
        flex: initial;
        width: 100%;
        padding: 1.5rem 1.9rem;
        justify-content: flex-start;
        opacity: 0;
        transform: translateY(15px);
    }
}
/* NEW CSS CODE FOR MENU */
.fa, .fas
{
	/*float:right;*/
}
.toggle,
[id^=drop] 
{
	display: none;
}
nav 
{
	margin: 0;
	padding: 0;
	background-color: #515f9c;
}
/*nav
{
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: auto;
	text-shadow:
		-1px -1px 0 #000,
		0 -1px 0 #000,
		1px -1px 0 #000,
		1px 0 0 #000,
		1px 1px 0 #000,
		0 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0 0 #000;
}*/

#logo 
{
	display: none;/*block;NAO*/
	padding: 0 30px;
	float: left;
	font-size: 20px;
	/*line-height: 60px;*/
}
#main-toggle 
{
	cursor: pointer;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}
.nav-icon 
{
	background: white;/*#333;*/
	display: block;
	height: 3px;
	position: relative;
	width: 18px;
}
.nav-icon:before,
.nav-icon:after 
{
	background: white;/*#333;*/#333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}
.nav-icon:before 
{
	top: 5px;
}
.nav-icon:after 
{
	top: -5px;
}
nav:after 
{
	content: "";
	display: table;
	clear: both;
}
nav ul 
{
	/*float: right;NAO*/
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
nav ul
{/*Adds outline to each character*/
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*width: auto;*/
	text-shadow:
		-1px -1px 0 #000,
		0 -1px 0 #000,
		1px -1px 0 #000,
		1px 0 0 #000,
		1px 1px 0 #000,
		0 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0 0 #000;
}
nav ul li 
{
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #515f9c;
}
nav a 
{
	display: block;
	padding: 0 20px;
	color: #FFF;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	border: solid 1px #000;
}
nav ul li ul li:hover, 
nav ul li ul li ul li:hover/*NAO*/ 
{
	background: #7083d8;
}
nav a:hover 
{
	background-color: #7083d8;
}
nav ul ul
{
	display: none;
	position: absolute;
	top: 30px;
}
nav ul ul ul/*NAO*/
{
	display: none;
	position: absolute;
	top: 30px;
}
nav ul ul ul ul/*NAO*/
{
	display: none;
	/*position: absolute;*/
	top: 30px;
}
nav ul li:hover>ul, 
nav ul ul li:hover>ul /*NAO*/
{
	display: inherit;
}
nav ul ul li 
{
	width: 170px;
	float: none;
	display: list-item;
	position: relative;
}
nav ul ul ul li 
{
	position: relative;
	top: -30px;
	left: 170px;
}
li>a:after 
{
	/*content: ' +';/*CHANGE to arrow NAO*/
}
li>a:only-child:after 
{
	content: '';
}
/* Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) 
{/*@33minutes into video*/
	nav 
	{
		margin: 0;
	}
	nav ul
	{
		float:none;
	}
	.toggle+a,
	.menu 
	{
		display: none;
	}
	.toggle 
	{
		display: block;
		background-color: #515f9c;
		padding: 0 20px;
		color: #FFF;
		font-size: 20px;
		line-height: 30px;
		text-decoration: none;
		border: none;
	}
	.toggle:hover 
	{
		background-color: #7083d8;
	}
	[id^=drop]:checked+ul 
	{
		display: block;
	}
	nav ul li 
	{
		display: block;
		width: 100%;
		border: solid 1px #fff;
	}
	nav ul ul .toggle,
	nav ul ul a 
	{
		padding: 0 20px 0 40px;
	}
	nav ul ul ul .toggle,
	nav ul ul ul a 
	{
		padding: 0 20px 0 60px;
		background-color: #141625;
	}
	nav ul ul ul ul a 
	{
		padding: 0 20px 0 80px;
		background-color: #141625;
	}
	nav ul li ul li .toggle,
	nav ul ul a 
	{
		background-color: #1f243b;
	}
	nav ul ul 
	{
		float: none;
		position: static;
		color: #ffffff;
	}
	nav ul ul ul 
	{
		float: none;
		position: static;
		color: #ffffff;
	}
	nav ul ul ul li:hover>ul,
	nav ul ul li:hover>ul,
	nav ul li:hover>ul 
	{
		display: none;
	}
	nav ul ul li 
	{
		display: block;
		width: 100%;
	}
	nav ul ul ul li 
	{
		position: static;
	}
	nav ul ul ul ul li 
	{
		position: static;
	}
}


/* (A) GRID CONTAINER */
#grid-col {
  display: grid;
  grid-template-columns: auto auto auto;

  /* WE CAN ALSO SPECIFY EXACT PIXELS, PERCENTAGE, REPEAT
  grid-template-columns: 200px 40%;
  grid-template-columns: repeat(2, 250px); */
}
 
/* (B) GRID CELLS */
/*div.webcell {
  background: LightBlue;
  border: 1px solid Blue;
  padding: 10px;
}*/
 
/* (C) RESPONSIVE - 1 COLUMN ON SMALL SCREENS */
@media screen and (max-width: 640px) {
  #grid-col { grid-template-columns: 100%; }
}


/* (A) SET CONTAINER TO GRID */
#grid-gap {
  display: grid;
  grid-template-columns: auto auto auto;

  /* SET SPACING IN-BETWEEN CELLS */
  grid-column-gap: 10px;
  grid-row-gap: 30px;

  /* OR SIMPLY SET A UNIFORM SPACING
  grid-gap: 20px; */
}

/* (B) GRID CELLS */
/*div.webcell {
  background: LightBlue;
  border: 1px solid Blue;
  padding: 10px;
}*/
/* (A) GRID CONTAINER */
#webgrid-line {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0px;
}
 
/* (B) GRID CELL */
/*div.webcell {
  background: #feffc4;
  border: 1px solid #aaa;
  padding: 10px;
}*/

/* (C) SPAN MULTIPLE COLUMNS */
.webspancol {
  grid-column-start: 1;
  grid-column-end: 4;
}