@charset "utf-8";
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/signika-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Signika Regular'), local('Signika-Regular'),
       url('../fonts/signika-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v8-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
}

* {box-sizing:border-box;}

body {
	text-align:center;
	background:#EAEAEA;
}

body>div {
	width:960px;
	margin: 50px auto;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	text-align:left;
	background:#fff;
	box-shadow:0px 0px 6px #CCC;
	-moz-box-shadow:0px 0px 6px  #CCC;
	-webkit-box-shadow:0px 0px 6px #CCC;
}

#metanavi {
	text-align:right;
	position:relative;
	top:-40px;
}

#metanavi ul {
	padding:0;
	list-style-type:none;
}

#metanavi li {
	display:inline;	
}

#metanavi li a:link,
#metanavi li a:active,
#metanavi li a:visited {
	text-decoration:none;
	color:#000;
	font-size:11px;
	padding:5px;
	border:none;
}

#metanavi li a:hover,
#metanavi li.active a:link,
#metanavi li.active a:active,
#metanavi li.active a:visited {
	color:#00519E;
}

#metanavi li a img {
	opacity:0.7;
	padding-top:3px;
	border:none;
}

#metanavi li a img:hover{
	opacity:1;	
}

#logo{
	margin:25px 0 10px 25px
}

#logo img {
	border:none;	
}

#navigation {text-align:right;}

#navigation ul {
	padding:0;
	list-style-type:none;	
}

#navigation li {
	display:inline;	
}

#navigation li a:link,
#navigation li a:active,
#navigation li a:visited {
	text-decoration:none;
	color:#000;
	font-size:15px;
	padding:5px 15px;
}

#navigation li a:hover,
#navigation li.active a:link,
#navigation li.active a:active,
#navigation li.active a:visited {
	color:#00519E;
}

#header {
   position:relative;
   z-index:1;
   background:url(header1.jpg) #00519E top right no-repeat;
   height:137px;
   padding-left:25px;
   margin-bottom:40px;
   margin-left: -15px;
   box-shadow: 0 3px 3px #CCCCCC;
   -moz-box-shadow: 0 3px 3px #CCCCCC;
   -webkit-box-shadow: 0 3px 3px #CCCCCC;

}

#header:before {
   content:"";
   position:absolute;
   z-index:-1;
   top:0;
   bottom:0;
   left:0;
   right:0;
   background:url(headermask.png) top left no-repeat;
}

h2 {
   font-size:15px;
   font-weight:500;
   color:#fff;
   padding-top:10px;
   margin:5px 0 10px 0;
}

#header p {
	color:#fff;	
	font: 12px/14px "Signika", Arial Narrow, Helvetica, Trebuchet MS, sans-serif;
	margin-top:10px;
}

#header p a {
	text-decoration:none;
	color:#fff;
}

#contentmain {
	width:960px;
	background:url(background-signet.gif) no-repeat bottom right;
	min-height:400px;
}

#leftbar {
	width:210px;
	float:left;
}

#sidebar {
	width:200px;
	float:right;
	text-align:right;
	padding:0 10px;
}

#content {
	 margin: 0 0 0 250px;
	 padding:0 10px;
	 width: 490px;
}

#content.onecol {
	padding: 20px;
	width: 920px;
	margin: 0px;
}

.white {
	background:#fff;	
}

#subnavi {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;	
}

#subnavi li {
	padding:0;
	margin:5px 0;	
}

#subnavi li:first-child {
	margin-top:0;	
}

#subnavi li a:link,
#subnavi li a:active,
#subnavi li a:visited {
	color:#000;
	text-decoration:none;
	font: 12px "Signika", Arial Narrow, Helvetica, Trebuchet MS, sans-serif;
}
#subnavi li a:hover,
#subnavi li.active a:link,
#subnavi li.active a:active,
#subnavi li.active a:visited  {
	color:#00519E;
}

h1,
div.onecol h2,
h3 {
	font: 17px/21px "Signika", Arial Narrow, Helvetica, Trebuchet MS, sans-serif;
	color:#00519E;
	font-weight:normal;
	margin-top:0;
}
h2 {font-size:100%;letter-spacing:1px;}
h3 {font-size:90%;}

#content p,
#maintenance p {
	font: 14px/20px "Signika", Arial Narrow, Helvetica, Trebuchet MS, sans-serif;
}

#maintenance a {
	color:#00519E;
}

#content a {
	color:#000;	
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#sidebar p {
	font: 14px/20px "Signika", Arial Narrow, Helvetica, Trebuchet MS, sans-serif;
}

table{
	width:400px;
}
tr {
	vertical-align:baseline;
}

.small {
	font-size:85%
}

#footer {
	padding-left:250px;
	margin-top:10px;
	font-size:12px;
	line-height:25px;
	color:#cccccc;
	box-shadow: 0 0 3px #CCCCCC;
   -moz-box-shadow: 0 0 3px #CCCCCC;
   -webkit-box-shadow: 0 0 3px #CCCCCC;
}

.breaker {
	clear:both;
	height:0.1px;
}

@media only screen and (max-width: 600px) {
	body>div {width: 90%;}
	#logo{margin-bottom:25px;}
	#navigation {text-align: right;}
	#navigation ul {margin: 0;}
	#contentmain {width: 100%;}
	#content.onecol {width:100%;}
	#leftbar {width: 100%; margin-bottom:30px;}
	#content {clear: left;margin: 0; width: calc(100% - 20px);}
	table {width: 100%;}
	#footer {padding-left:10px;}
	img{max-width: 100%;height:auto;}
}