body {
	background-color:#FFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
	line-height:1.5;
	color:#666;
}
#page {
	background-color:#FFF;
	position:relative;
	width:98%;
	margin:auto;
}
header {
	position:relative;
	margin:.5%;
	padding:.5%;
	width:95%;
	min-height:5em;
	background-image:url('images/new-logo.svg');
	background-repeat:no-repeat;
	background-size:50%;
	background-position:right;
}
#home {
	position:relative;
	width:100%;
	height:7em;
	background-image:url('images/back.jpg');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	-moz-border-radius:1.5em;
	border-radius:1.5em;
}
main {
	float:left;
	font-size:100%;
	width:70%;
	margin:.5%;
}
aside {
	float:right;
	padding-left:1em;
	width:25%;
	text-align:center;
}
footer {
	clear:both;
	margin:.5%;
	text-align:center;
}
header a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none;
	z-index:10;
	background-color:#FFF;
	opacity:0;
	filter:alpha(opacity=1);
}
#button{
	border:none;
	background-color:#FFF;
	color:#0000EE;
	font-size:80%;
	margin:-2%;
}
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip:focus {
  position: static;
  width: auto;
  height: auto;
}
div {
	float:left;
	width:98%;
	margin:.5em;
}
.about {
	margin:.5%;
}
.box {
	text-align:center;
	width:98%;
}
.list {
	width:98%;
	margin-top:.5em;
	margin-bottom:.5em;
	padding-top:2%;
	padding-bottom:3%;
}
.listg {
	margin:auto;
	min-width:95%;
	min-height:350px;
	background-color:none;
	background-image:none;
	box-shadow:none;
	padding-top:1%;
	padding-bottom:3%;
}
.g {
	margin:auto;
	min-width:95%;
	min-height:450px;
	padding-top:5%;
	padding-bottom:2%;
}
.floatrh {
	float:right;
	width:85%;
	text-align:center;
	font-size:85%;
	margin-top:5%;
	padding:1%;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:hsla(359,0%,30%,.3);
	background-image:-moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,0) 15px);
	background-image:-webkit-gradient(linear, 0 0, 0 45%, from(hsla(0,0%,100%,.6)), to(hsla(0,0%,100%,0)));
	-moz-box-shadow:2px 2px 5px hsla(0,0%,0%,.7);
	-webkit-box-shadow:2px 2px 5px hsla(0,0%,0%,.7);
	box-shadow:2px 2px 5px hsla(0,0%,0%,.7); /* Opera, IE 9 */
}
.floatrh:hover {
	background-color:hsla(359,0%,60%,.5);
	-moz-box-shadow:0px 0px 9px hsla(0,0%,0%,1);
	-webkit-box-shadow:0px 0px 9px hsla(0,0%,0%,1);
	box-shadow:0px 0px 9px hsla(0,0%,0%,1); /* Opera, IE 9 */
	-moz-transform:translate(.1em, -.1em);
	-o-transform:translate(.1em, -.1em);
	-webkit-transform:translate(.1em, -.1em);
	transform:translate(.1em, -.1em);
}
.dropn {
  	width:95%;
	text-align:center;
	text-decoration:underline;
	font-size:85%;
	margin-top:5%;
	margin-left:5%;
	padding:1%;
	-moz-border-radius:.3em;
	border-radius:.3em;
	background-color:hsla(359,0%,30%,.3);
	background-image:-moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,0) 15px);
	background-image:-webkit-gradient(linear, 0 0, 0 45%, from(hsla(0,0%,100%,.6)), to(hsla(0,0%,100%,0)));
	-moz-box-shadow:2px 2px 5px hsla(0,0%,0%,.7);
	-webkit-box-shadow:2px 2px 5px hsla(0,0%,0%,.7);
	box-shadow:2px 2px 5px hsla(0,0%,0%,.7); /* Opera, IE 9 */
}
.drop {
  position: relative;
  display: inline-block;
}
.drop-content {
  display: none;
  position: absolute;
  margin-top:-1%;
  background-color: #F5F5F5;
  -moz-border-radius:1em;
  border-radius:1em;
  min-width: 75%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,2);
  z-index: 1;
}
.drop-content a {
  color:#3366FF;
  font-size:80%;
  text-align:left;
  padding: .5em 1em;
  text-decoration:underline;
  display: block;
}
.drop-content a:hover {
	background-color:#F5F5F5;
	font-size:85%;
}
.drop:hover .drop-content {
	display: block;
}
.drop:hover .dropn {
	background-color:hsla(359,0%,60%,.5);
	-moz-box-shadow:0px 0px 9px hsla(0,0%,0%,1);
	-webkit-box-shadow:0px 0px 9px hsla(0,0%,0%,1);
	box-shadow:0px 0px 9px hsla(0,0%,0%,1); /* Opera, IE 9 */
	-moz-transform:translate(.1em, -.1em);
	-o-transform:translate(.1em, -.1em);
	-webkit-transform:translate(.1em, -.1em);
	transform:translate(.1em, -.1em);

}
.related {
	display:block;
	padding-top:10%;
	padding-bottom:10%;
	font-size:90%;
}
.search {
	display:block;
	margin-top:5%;
	margin-bottom:10%;
	font-size:90%;
}
.video {
    position:relative;
    width:auto;
    padding-bottom:56.25%;
    padding-top:30px;
    overflow:hidden;
}
.video object,
.video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
h1 {
	margin-left:auto;
	margin-right:auto;
	width:95%;
	text-align:left;
	font-size:200%;
	font-weight:normal;
	font-style:italic;
	color:#4D4D4D;
	-moz-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	-webkit-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	text-shadow:2px 2px 5px hsla(0,0%,0%,.5); /* Opera, IE 9 */

}
h1.h {
	text-align:center;
	width:auto;
	font-weight:normal;
}
h2 {
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	width:90%;
	font-size:150%;
	font-weight:normal;
	font-style:italic;
	color:#4D4D4D;
	-moz-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	-webkit-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	text-shadow:2px 2px 5px hsla(0,0%,0%,.5); /* Opera, IE 9 */

}
h2.h {
	margin-top:10%;
	margin-bottom:1%;
}
h2.center {
	margin-top:3%;
	text-align:center;
}
h2.map {
	margin-left:1%;
	margin-right:auto;
	margin-top:1%;
	width:90%;
	font-size:95%;
	font-weight:normal;
	color:#4D4D4D;
}
h3 {
	margin-top:2%;
	margin-left:2%;
	font-size:120%;
	font-weight:normal;
	font-style:italic;
	color:#4D4D4D;
	-moz-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	-webkit-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	text-shadow:2px 2px 5px hsla(0,0%,0%,.5); /* Opera, IE 9 */
}
h3.side {
	text-align:center;
}
h3.m {
	margin-left:auto;
	margin-right:auto;
	margin-top:.3em;
	margin-bottom:.1em;
	width:85%;
	font-size:110%;
	color:#4D4D4D;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	-moz-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	-webkit-text-shadow:2px 2px 5px hsla(0,0%,0%,.5);
	text-shadow:2px 2px 5px hsla(0,0%,0%,.5); /* Opera, IE 9 */
}
p {
	margin:.5em;
}
p.side {
	padding-left:3%;
	text-align:left;
}
p.footer {
	font-size:70%;
}
p.e {
	text-align:left;
	font-size:70%;
	color:blue;
}
p.about {
	text-align:left;
	font-size:60%;
	margin:.1%;
}
dt {
	margin-left:.5em;
	font-size:85%;
	font-weight:bold;
}
ol {
	text-align:left;
}
ol li {
	list-style-type:disc;
	margin:1em;
	padding-left:1em;
	font-size:85%;
	font-style:italic;
}
ul {
	text-align:left;
}
.small {
	text-align:center;
	line-height:2.5;
}
.b {
	text-align:right;
}
.footer {
	text-align:center;
}
ul li {
	list-style-type:none;
	font-size:85%;
	padding:.3em;
}
.small {
	display:inline;
}
.b li {
	display:inline;
}
.footer li {
	display:inline;
	font-size:70%;
	margin:1em 1em 1em 1em;
}
.bottom li {
	display:inline;
	font-size:75%;
	padding-left:2%;
	margin-bottom:4em;
}
.side li {
	font-size:100%;
}
a {
	color:#3366FF;
	text-decoration:underline;
}
a:hover {
	font-size:102%;
	color:#9900FF;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a.links {
	font-size:90%;
	font-weight:bold;
	padding-left:1%;
}
a.small {
	font-weight:normal;
	font-size:100%;
	padding:1em;
}
a.s {
	font-size:90%;
	color:blue;
	padding-left:1%;
}
a.h {
	padding-top:25%;
	text-decoration:none;
}
a.about {
	color:blue;
}
a.about:visited {
	color:blue;
}
img {
	padding:2%;
	margin:1%;
	-moz-box-shadow:.3em .3em .5em #999;
	webkit-box-shadow:.3em .3em .5em #999;
	box-shadow:.3em .3em .5em #999;
}
img.h {
	width:auto;
	height:auto;
	display:block;
	margin: 0 auto;
	-moz-box-shadow:none;
	webkit-box-shadow:none;
	box-shadow:none;
	
}
img.t {
	float:left;
	clear:left;
	-moz-box-shadow:none;
	webkit-box-shadow:none;
	box-shadow:none;
}
img.tr {
	float:right;
	clear:left;
	-moz-box-shadow:none;
	webkit-box-shadow:none;
	box-shadow:none;
}
img.tc {
	width:98%;
	height:auto;
	display:block;
	margin: 0 auto;
	-moz-box-shadow:none;
	webkit-box-shadow:none;
	box-shadow:none;
}
img.odd {
	float:left;
	clear:left;
}
img.even {
	float:right;
}
form {
	text-align:center;
	font-size:85%;
	margin:1em;
	padding:.3em;
}
input.placeholder {
	text-align:center;
}
form.contact {
	font-size:90%;
	margin:1em;
	padding:.3em;
}
.contact textarea {
	width:90%;
}
.contact input {
	width:auto;
	-moz-border-radius:1em;
	border-radius:1em;
	background-color:hsla(0,0%,80%,.5);
	background-image:-moz-linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,100%,0) 15px);
	background-image:-webkit-gradient(linear, 0 0, 0 45%, from(hsla(0,0%,100%,.1)), to(hsla(0,0%,100%,0)));
	-moz-box-shadow:2px 2px 5px hsla(0,0%,0%,.2);
	-webkit-box-shadow:2px 2px 5px hsla(0,0%,0%,.2);
	box-shadow:2px 2px 5px hsla(0,0%,0%,.2); /* Opera, IE 9 */
}
form.back {
	width:95%;
	text-align:left;
	background-color:#FFF;
	
}
.back input {
	-moz-border-radius:.5em;
	border-radius:.5em;
}
input:hover {
	background-color:hsla(0,0%,80%,.5);
	-moz-box-shadow:0px 0px 9px hsla(0,0%,0%,.1);
	-webkit-box-shadow:0px 0px 9px hsla(0,0%,0%,.1);
	box-shadow:0px 0px 9px hsla(0,0%,0%,.1); /* Opera, IE 9 */
	-moz-transform:translate(.1em, -.1em);
	-o-transform:translate(.1em, -.1em);
	-webkit-transform:translate(.1em, -.1em);
	transform:translate(.1em, -.1em);
}
@media print {
	body {
	font-size:14px;
	color:#000;
	background-color:#FFF;
}
	header,
	aside,
	footer,
	.small,
	.listg,
	.g,
	.video {
	display:none;
}
	#page,
	main,
	.list {
	width:100%;
	margin:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
	img {
	page-break-inside:avoid;
}

	}
@media screen and (min-width:830px) {
	.small {
	display:none;
}

	}
@media screen and (max-width:830px) {
	header {
	height:5em;
	background-size:75%;
	background-position:center;
}
	#home {
	background-image:none;
	margin-top:-1em;
	margin-bottom:-1em;
}
	main {
	width:98%;
}
	aside {
	float: left;
	width: 90%;
}
	.desktop {
	display:none;
}
	.related {
	font-size:100%;
}
	.small {
	width:100%;
	margin:0;
}
	.drop {
	display:none;
}
	.search {
	display:none;
}
	.box {
	display:none;
}
	.floatrh {
	font-size:100%;
	margin:2em 2em 2em 2em;
}
	.listg {
	margin:auto;
	padding-top:5em;
	padding-bottom:5em;
}
	.g {
	display:none;
}
	.h {
	width:90%;
	margin-top:1em;
	margin-bottom:1em;
	padding-top:1em;
	padding-bottom:1em;
}
	h1 {
	text-align:center;
	font-size:200%;
}
	.footer li {
	display:block;
	font-size:95%;
}
	a {
	padding:2%;
}
	img {
	max-width:100%;
}
	ul li {
	font-size:100%;
	padding-top:2%;
}

	}
@media screen and (max-width:640px) {
	header {
	background-size:90%;
}
	h1,
	h2,
	h3,
	p {
	clear:both;
}
	ol li {
	font-size:80%;
}
	list.g {
	display:none;
}

	}
@media screen and (max-width:480px) {
	header {
	background-size:100%;
}
	main {
	width:auto;
}
	}