body
{
  background: url('../background.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
  background-size: cover;
  margin: 2%;
}


.w3-animate-fading{-webkit-animation:fading 5s infinite;animation:fading 5s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}



.w3-animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}


.navigation 
{
  text-align: center;
  font-family: Arial;
  font-size: 30px;
  font-weight: 500;
}

.navigation A:link
{
  text-align: center;
  color: #000000;
  font-family: Arial;
  font-size: 1.0em;
  font-weight: 700;
  text-decoration: none;
}

.navigation A:visited
{
  text-align: center;
  color: #000000;
  font-family: Arial;
  font-size: 1.0em;
  font-weight: 700;
  text-decoration: none;
}

.navigation A:hover
{
  text-align: center;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 1.0em;
  font-weight: 700;
  text-decoration: none;
}

.standard
{
  font-family: Arial;
  font-size: 40px;
  line-height: 1.2;
  margin-top: 0;
  text-align: left;
}

.standarddelayedentry
{
  color: #808080;
  background-color: #E0E0E0;
  font-family: Arial;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 0;
  text-align: left;
}

.footer
{
  font-family: Arial;
  font-size: 36px;
  line-height: 1.2;
  margin-top: 0px;
  text-align: center;
}

.footer a:link
{
  font-family: Arial;
  font-size: 36px;
  line-height: 1.2;
  margin-top: 0px;
  text-align: center;
}

.footer a:visited
{
  font-family: Arial;
  font-size: 36px;
  line-height: 1.2;
  margin-top: 0px;
  text-align: center;
}

.footer a:hover
{
  font-family: Arial;
  font-size: 36px;
  line-height: 1.2;
  margin-top: 0px;
  text-align: center;
  text-decoration: underline;
}

h1
{
  font-family: Arial;
  color: #000060;
  font-size: 72px;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 12px;
  font-weight: 500;
}

h2
{
  font-family: "Arial";
  color: #000000;
  font-size: 60px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 12px;
}

h3
{
  font-family: Arial;
  color: #000000;
  font-style: italic;
  font-size: 48px;
  line-height: 1.2;
  margin-top: 0px;
  margin-bottom: 12px;
  font-weight: 500;
}

A:link
{
  font-family: Arial;
  font-size: 40px;
  color: #000060;
  font-weight: 700;
  text-decoration: none;
}

A:visited
{
  font-family: Arial;
  font-size: 40px;
  color: #000060;
  font-weight: 700;
  text-decoration: none;
}

A:hover
{
  font-family: Arial;
  font-size: 40px;
  color: #000060;
  font-weight: 700;
  text-decoration: underline;
}


.tabbed
{
  float : left;
  width : 100%;
  text-decoration: none;
}

.tabbed > input
{
  display : none;
  text-decoration: none;
}

.tabbed > section > h3
{
  float: left;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-decoration: none;
}

.tabbed > input:first-child + section > h3
{
  padding-left : 10px;
  text-decoration: none;
}

.tabbed > section > h3 > label
{
  display: block;
  padding: 10px;
  border: 1px solid #808080;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
  color: #000080;
  background: #EDEDED;
  cursor: pointer;
     -moz-user-select: none;
      -ms-user-select: none;
  -webkit-user-select: none;
  text-decoration: none;
}

.tabbed > section > div
{
  position: relative;
  z-index: 1;
  float: right;
  box-sizing: border-box;
  width: 100%;
  margin: 2.7em 0 0 -100%;
  padding: 0.75em;
  border: 1px solid #808080;
  border-radius: 4px;
  box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
  background: #EDEDED;
  text-decoration: none;
}

.tabbed > input:checked + section > h3
{
  position : relative;
  z-index  : 2;
  text-decoration: none;
}


.tabbed > input:not(:checked) + section > h3 > label
{
  background: #aDaDaD;
  text-decoration: none;
}



.tabbed > input:not(:checked) + section > div
{
  display : none;
  text-decoration: none;
}









article.tabs
{
	position: relative;
	display: block;
	margin: 2em auto;
  text-decoration: none;
}

article.tabs section
{
	position: absolute;
	display: block;
	top: 1.8em;
	left: 0;
	height: 12em;
	padding: 10px 20px;
	background-color: #ddd;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 0;
  text-decoration: none;
}

article.tabs section:first-child
{
	z-index: 1;
  text-decoration: none;
}

article.tabs section h2
{
	position: absolute;
	top: -40px;
	left: 10px;
	padding: 0;
	margin: 0;
	color: #999;
	background-color: #ddd;
	border-radius: 5px 5px 0 0;
  text-decoration: none;
}

articlex.tabs section:nth-child(2) h2
{
//	left: 132px;
}

articlex.tabs section:nth-child(3) h2
{
//	left: 254px;
}

article.tabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
  text-decoration: none;
}

article.tabs section,
article.tabs section h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
  text-decoration: none;
}

article.tabs section:target,
article.tabs section:target h2
{
	color: #333;
	background-color: #fff;
	z-index: 2;
  text-decoration: none;
}

#collapse{
display:none;
}

#collapse:target{
display:block;
}


.accordiancontainer
{
  color: #000000;
  background-color: #F0F0F0;
  cursor: pointer;
  padding: 0px;
  border: none;
  text-align: left;
  outline: none;
}

.accordiancontainer:hover
{
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
}

.accordian
{
  color: #000000;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
}

.accordian:hover
{
}