.field :link:focus h3,
.field :link:hover h3,
.field :visited:focus h3,
.field :visited:hover h3,
.page :link:focus h1,
.page :link:hover h1,
.page :visited:focus h1,
.page :visited:hover h1,
:link:focus h2,
:link:hover h2,
:visited:focus h2,
:visited:hover h2,
:link:focus .label,
:link:hover .label,
:visited:focus .label,
:visited:hover .label,
#header .browse :link:focus,
#header .browse :link:hover,
#header .browse :visited:focus,
#header .browse :visited:hover,
#navigation li:hover :link:focus,
#navigation li:hover :link:hover,
#navigation li:hover :visited:focus,
#navigation li:hover :visited:hover,
#navigation .active :link:focus,
#navigation .active :visited:focus,
#navigation :link:focus,
#navigation :visited:focus
{
  background-color: #036;
  color: #fff;
  text-decoration: none;
}

thead th,
.actions,
.label,
a.currentTextNode,
#content .search
{
  background: #def;
}

.actions :link,
.actions :visited,
.form-submit
{
  background: #036;
}

#header
{
  background: #069 url(../images/header_km.jpg) no-repeat; 
  background-size: cover;
}

/* Avoid collapsing margins with clearfix,
 * http://www.w3.org/TR/CSS2/box.html#collapsing-margins */

#header > :before
{
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

#header .browse
{
  background: #069;

  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;

  box-shadow: 2px 2px .5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px .5em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px .5em rgba(0, 0, 0, 0.5);

  float: right;
  padding: .5em 2px 1em;
  text-align: center;
}

#header .browse,
#logo,
#name-and-slogan
{
  margin: 1em 0 0 0;
}

#name-and-slogan,
#site-name
{
  text-align: center;
}

#page .browse
{
  margin: 0;
  width: auto;
  border: 0;
}

#header .browse h2
{
  color: #fff;
  height: auto;
  position: static;
}

#header .browse li
{
  background: #fff;
  display: block;
  margin: 0;
  padding: 0;
}

#header .browse li + li
{
  border-top: 2px dotted #069;
}

#header .browse :link,
#header .browse :visited
{
  color: inherit;
  display: block;
  padding: 2px 1em;
}

#header .search
{
  float: none;
  margin-top: 200px;
  padding: 4px 0 12px 0;
  width: 540px;
  margin-left: 0;
  background: #069;
  border-top: 0;
}

#header .search > *
{
  position: relative;
}

#header .search .form-submit
{
  background: #bcd url(../images/search.png) no-repeat center;
  border: 0;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  height: 27px;
  margin: 4px;
  position: absolute;
  right: 0;
  text-indent: -32767px;
  width: 27px;
}

#header .search .form-submit:focus,
#header .search .form-submit:hover
{
  background-color: #abc;
}

#header [name=query]
{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  /* Use consistent box model if possible */

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  font-size: 24px;
  margin: 0; /* Only needed in WebKit */
  width: 100%;
}

#page .search .advanced-search a
{
  color: #def;
}

#languageMenu,
#userMenu
{
  background: #036;
}

#languageMenu :link,
#languageMenu :visited,
#userMenu :link,
#userMenu :visited
{
  color: #def;
}

#languageMenu :link:focus,
#languageMenu :link:hover,
#languageMenu :visited:focus,
#languageMenu :visited:hover,
#userMenu :link:focus,
#userMenu :link:hover,
#userMenu :visited:focus,
#userMenu :visited:hover
{
  background: transparent;
}

#navigation
{
  background: #def;
  margin-top: 0;
  padding-top: .5em;
  border: 0;
}

#navigation li,
#navigation ul:first-child
{
  border: 0;
}

#navigation li:hover :link,
#navigation li:hover :visited,
#navigation .active :link,
#navigation .active :visited,
#navigation .links .links
{
  background-color: #f6f9fc;
}

#navigation .links .links :link,
#navigation .links .links :visited
{
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#navigation .links .links :link:focus,
#navigation .links .links :link:hover,
#navigation .links .links :visited:focus,
#navigation .links .links :visited:hover
{
  background-image: none;
}

#navigation :link,
#navigation :visited
{
  background-image: url(../images/arrow.png);

  border-top-left-radius: 1em;
  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  -moz-border-radius-topright: 1em;
  -webkit-border-top-right-radius: 1em;

  color: #036;
}

#navigation :link:focus,
#navigation :link:hover,
#navigation :visited:focus,
#navigation :visited:hover
{
  background-image: url(../../sfCaribouPlugin/images/arrow.png);
}

#site-name,
#site-slogan
{
  background: #fff;
  border: 2px solid #036;

  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;

  color: #c30;
  opacity: 0.8;
  padding: 0 0.4em;
  text-align: center;
}

#site-slogan
{
  color: #036;
  margin: 1em 0;
}