/* Body
-------------------------------------------------------------- */

body {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
line-height: 1.5em;
}

.mask {
  -webkit-mask-image: radial-gradient(ellipse, rgba(0, 0, 0, 1) 0%, transparent 80%);
  mask-image: radial-gradient(ellipse, rgba(0, 0, 0, 1) 0%, transparent 80%);
  z-index: 20;
  text-align: center;
}


.sec1 {
  position: relative;
}

.svg-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.crop {
  width: 300px;
  height: 216px;
  overflow: hidden;
  position: relative;
  float: right;
}
.crop img {
  width: 480px;
  height: 216px;
  margin: 0 -90px 0 -90px;
}

/* Text elements
-------------------------------------------------------------- */

tr.odd td, tr.even td {
padding: 0.5em;
}

a {
text-decoration: none;
}

a:link {
color: #005a8c;/*#e87e17*/
text-decoration: none;
}

a:visited {
color: #005a8c;/*#e87e17*/
text-decoration: none;
}

a:hover {
color:#cc6600;
}

/* Headings
-------------------------------------------------------------- */

h1 {
font-size: 20pt;
}

h2 {
font-size: 18pt;
  
}

h3 {
font-size: 16pt;
}

h4 {
font-size: 16pt;
}

h5 {
font-size: 14pt;
}

h6 {
font-size: 14pt;
}

/*------------------------------------------------*/

/* This affects top (row) menu entries */

.topmenu {
    list-style: none;
	vertical-align: middle;
	text-align: right;
    height: 24px;
    background: #ffffff;
    font: 15pt sans-serif ;
    z-index:100;
    padding: 0;
    margin: 0;
    margin-right: 1em;
}​

.topmenu ul {
    height:24px;
    position:relative;
    z-index:100;
    padding: 2px 4px;
    text-align: left;
}

.topmenu li {
    float: left;
    z-index:100;
    padding: 2px 10px;
    position: relative;
    color: #e0e0e0;
    text-align: left;
}

.topmenu a:hover {
    z-index:100;
    background: #e0e0e0;
    transition: all 1s ease;	/* this makes the transition to "hover" of the main menu items smooth */
}

/*	This displays the first child (dropdown1) menu, and smooths the associated display of the first (dropdown1) second (dropdown2) menus */

.topmenu li > ul {
	top: 10px;
    z-index:90;
	display: inline;
	opacity: 0;
    visibility: hidden;
}

.topmenu li:hover > ul {
	top: 25px;
	opacity: 1;
    visibility: visible;
	transition: all 0.5s ease;	/* This smooths display of the first (dropdown1) menu */
}

.topmenu a {
    color: #000000;
    display: block;
    padding: 2px 10px;
    text-align: left;
    text-decoration: none;
}

.topmenu a:hover {
    background: #e0e0e0;
}

/*	This affects the immediate (column) dropdown menu */

.dropdown1 {
    list-style: none;
    z-index:90;
	position: absolute;	/* absolute means relative to ancestor. Isn't that a bit silly? */
    left: 10px;			/* to align with top menu */
	width: auto !important;
	min-width: unset !important;
    padding: 0;
    margin: 0;
    display: none;
}

.dropdown1 li {
    background: #e0e0e0;
	width: auto !important;
	min-width: unset !important;
}

.dropdown1 li ul {
    background: none;
	float: left;
    text-align: left;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 90;
    background: #e0e0e0;
}

.dropdown1 ul ul {
	width: auto !important;
	min-width: unset !important;
}

.dropdown1 li > ul {
	top: 0px;
	left: 107px;
	display: inline;
	opacity: 0;
    visibility: hidden;
}

.dropdown1 li:hover > ul {
	opacity: 1;
	top: 0px;
	left: 127px;
    visibility: visible;
    background: #707070;
	transition: all 0.5s ease;	/* This smooths display of the first (dropdown1) menu */
}

.dropdown1 li a:hover {
    background: #707070;
}

#content {
width:1280px;
margin-left: auto;
margin-right: auto;
}

dl dd {
margin: 0 0 .5em 1em;
}

th {
text-align:left;
background: #E6E6E6;
}

tr td, tr th {
border:0px solid #bbb;
padding: 0 6px;
}

/* Submit button */

input[type=submit] {
    background:#ffd800; 
    border:0 none;
    cursor:pointer;
    background-image: linear-gradient(90deg, #ffd800, #c09800);
    border-radius: 10px;
    border: 2px solid #4a5032;
    box-shadow: #c09800 0px 0px 10px;
    color: #000000;
    display: inline-block;
    font-size: 1.6em;
    margin: auto;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: #000000 5px 5px 15px;
    transition: all 0.5s ease;
}

input[type=button] {
    background:#ffd800; 
    border:0 none;
    cursor:pointer;
    background-image: linear-gradient(90deg, #ffd800, #c09800);
    border-radius: 10px;
    border: 2px solid #4a5032;
    box-shadow: #c09800 0px 0px 10px;
    color: #000000;
    display: inline-block;
    font-size: 1.6em;
    margin: auto;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: #000000 5px 5px 15px;
    transition: all 0.5s ease;
}