html {
  margin: 15px;
  background-color: #EDEDED;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

header a.toplogo { 
  display: block; 
  position: absolute; 
  background-position: 0px 0px; 
  background-repeat: no-repeat;  
  width: 170px; 
  height: 113px; 
  top: 135px; 
  right: 30px; 
  background-image: url(79009003_Black.svg); 
}

img.bottomlogo {
  display:none;
}

.wrapper {
  position: relative;
  max-width: 980px;
  margin: 0px auto; 
  border: 1px solid #009390;
  background-color: #d2e9ea; 
}

header {  
  background-image: url(BKA_large_banner.png);
  background-image: url(BKA_large_banner.svg);
  background-repeat: no-repeat; 
  height: 250px;
  position: relative;
}



#content {
  text-align:left;
  float: left;
  width: 45%;
  padding-right: 5%;
  padding-left: 5%;
  background-color: #d2e9ea; 
  height: 370px;
}

#content p {
  font-size: 80%;
}
#content ul {
  font-size: 80%;
  line-height:125%;
}

.top {
	display: block;
}

.bottom {
	display: none;
}

nav {
  background-color: #d2e9ea;
  float: left;
  padding-left: 5%;
  padding-right: 5%;
  width: 35%;
  text-align:center;
  height: 370px;
}

nav ul {
  list-style: none;
  padding: 	0;
  border: none;  
}

nav li {
  font-size: 85%;
  padding-top: 0;
  padding-bottom: 0;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}

nav a:link, nav a:visited {
  color: #009390;
  background-color: transparent;
  display: block;
  text-decoration: none;
  min-height: 23px;
  border: 2px solid #d2e9ea;
  vertical-align:middle;
  padding: 6px 0 0 0;
}

nav a:hover, nav li.cur a:link, nav li.cur a:visited {
  color: #FFFFFF;
  background-color: #009390;
  border: 2px solid #FFFFFF;
  vertical-align:middle;
  padding: 6px 0 0 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
	
footer {
  clear: both;
  font-size: 70%;
  text-align:center;
  color: #58595b;
  background-color: #d2e9ea;
  padding: 0px 0px 10px 0px;
}


/* Medium   _____________________________________________________________________________________________________________________________*/
@media only screen 
  and (min-width: 501px) 
  and (max-width: 768px) {
	  
header {  
  background-image: url(BKA_medium_banner.png);
  background-image: url(BKA_medium_banner.svg);
  background-repeat: no-repeat; 
  height: 196px;
  position: relative;
}

header a.toplogo {
  display:none;
}

img.bottomlogo {
  display: block;
  max-width: 100%;
}

#content {
  width: auto;
  height: auto;
}

nav {
  width: 90%;
  height: auto;
  /*padding: 0px;*/
}

nav li {
  float: left;
  width: 22.5%; /* fallback for non-calc() browsers */
  width: calc(100% / 4);
  box-sizing: border-box;
}

nav li a {
  display: block;
}


}

/* iPad - Landscape    _____________________________________________________________________________________________________________________________*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { 

nav li {
  padding-top: 5px;
  padding-bottom: 5px;
}

}


/* Small    _____________________________________________________________________________________________________________________________*/
@media screen and (max-width: 500px) {
	
html {
  margin: 0;
}

header {  
  background-image: url(BKA_small_banner.png);
  background-image: url(BKA_small_banner.svg);
  background-repeat: no-repeat; 
  height: 188px;
  position: relative;
}

header a.toplogo {
  display:none;
}

img.bottomlogo {
  display: block;
  max-width: 100%;
}

#content {
  width: auto;
  height: auto;
}

.wrapper {
  border: 0;
}

nav {
	width: 100%;
	padding: 0;
  	height: auto;
	display: block;
	background-color: #009390;
}

.top {
	display:none;
}

.bottom {
	display:block;
}

nav a {
	display: block;
	margin: 15px;
	padding: 9px;
	border: 1px solid #a6abc5;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
nav a:link, nav a:visited {
  color: #FFF;
}

nav a:hover { 
	color: #FFF; 
	background-color: rgba(255,255,255,.15); 
}

footer {
  clear: both;
  height: 30px;
  color: #FFF;
  background-color: #009390;
  padding: 0px;
  font-size: 50%;
}

.abn {
	text-decoration: none;
}

}