* {
	font-family:"Droid Sans", "Helvetica Neue", sans-serif;
}
html{
	overflow-x: auto;
	overflow-y:	scroll;
}
body {
	background: url(data:image/gif;base64,R0lGODlhBQAFAKECAO3t7fT09B1Aih1AiiH5BAEKAAIALAAAAAAFAAUAAAIHRG6YsH1RAAA7) repeat scroll 0 0 #f2f2f2;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: 'ITCAvantGardeGothicMedium',sans-serif;
	color: #064c85;
	font-weight: inherit;
	font-size:175%;
	margin:0;
}
p{
	margin-top: 0;
	margin-bottom: 1.625em;
}
@media (min-width: 801px) {
	body{
		padding: 0 2em;
	}
	#page{
		margin: 2em auto;
		max-width:1000px;
	}
}

#banner{
	max-width:1000px;
	height:228px;
	text-align:center;
	background: none repeat scroll 0 0 #fff;
	border-radius: 15px 15px 0 0;
}
section{
	font-size: 100%;
	font-weight: 300;
	line-height: 1.625;
	padding: 10px 30px;
	background-color: white;
	color: #373737;
}
footer{
	font-size: 75%;
	line-height: 2.2em;
	padding: 0.5em;
	background: none repeat scroll 0 0 #0c5c9f;
	border-radius: 0 0 15px 15px;
	border-top: 1px solid #dddddd;
	color: white;
	text-align: center;
}
#banner h1,#banner h2{
	width:0;
	height:0;
	display:none;
}
#access{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0) linear-gradient(#064c85, #0c5c9f) repeat scroll 0 0;
}
#menu{
	text-align:left;
	padding: 0 5px;
}
#menu span{
	display:inline-block;
}
#menu span a{
	cursor:pointer;
	text-align:center;
	width:70px;
	display:inline-block;
	color: #ddd;
	padding:15px;
	text-decoration: none;
	text-shadow: 0 0 1px #aae;
}
#menu span.current-menu-item a{
	color: #fff;
}
#menu span a:hover,#menu span.current-menu-item a:hover{
	background: rgba(249, 249, 249, 249) linear-gradient(#f9f9f9, #e5e5e5) repeat scroll 0 0;
	color: #373737;
	text-shadow: 0 0 1px #777;
}
@media (min-width: 1000px) {
	section{
		padding: 30px 60px;
	}
	#menu{
		text-align:left;
		padding: 0 35px;
	}
}

@media (min-width: 641px) {
	#banner a.u-url.url {
		height:176px;
		display: inline-block;
		padding-bottom: 3px;
	}

}

@media (max-width: 640px) {
	body{
		padding: 0 0;
		margin: 0;
	}
	#page{
		margin: 0;
		max-width:1000px;
	}
	#banner{
		border-radius: 0;
		height:auto;
	}
	#banner img{
		margin-left:20%;
		margin-right:20%;
		width:60%;
		height:auto;
	}
	footer{
		border-radius: 0;
	}
}
@media (max-width: 340px) {
	#menu span a{
		padding:15px 5px;
	}
}
@media (max-width: 280px) {
	#menu{
		padding:0;
	}
	#access{
		height:auto;
	}
	#menu span{
		display:block;

	}
	#menu span a{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}
@media (prefers-color-scheme: dark){
	body {
		background: url(data:image/gif;base64,R0lGODlhBQAFAKECAAsLCxISEh1Aih1AiiH5BAEKAAIALAAAAAAFAAUAAAIHDG6YsX1QAAA7) repeat scroll 0 0 #0b0b0b;
	}

	#banner {
		background-color: #888;
	}

	section {
		background-color: #333;
		color: #ccc;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #aaa;
	}

	a {
		color:#ccc;
	}

	footer {
		border-top: 1px solid #333;
		color:#ccc;
	}
	#menu span a{
		color: #aaa;
		text-shadow: 0 0 1px #77c;
	}
	#menu span.current-menu-item a{
		color: #ccc;
	}

	#menu span a:hover,#menu span.current-menu-item a:hover{
		background: rgba(200, 200, 200, 200) linear-gradient(#c9c9c9, #b5b5b5) repeat scroll 0 0;
		color: #373737;
		text-shadow: 0 0 1px #777;
	}
}