/* MAIN CSS */

header[role="banner"] #logo-main {
  display: block;
  margin: 0px auto;
  max-width=100%; 
}
#navbar-primary.navbar-default {
  background: transparent;
  border: none;
  box-shadow: none;
}
#navbar-primary.navbar-default .navbar-nav {
  width: 100%;
  text-align: center;
}
#navbar-primary.navbar-default .navbar-nav > li {
  display: inline-block;
  float: none;
}
#navbar-primary.navbar-default .navbar-nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
}

#navbar-primary.navbar-default .navbar-nav > li > a:hover {
  color: crimson;
}

#navbar-option-selected {
  color: crimson;
}

body {
  clear: both;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  padding-top: 0px;
  font-family: 'Open Sans', sans-serif;
  background-color: #F8F8F8;
}

html {
  background-color: grey;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
} 

h1, h2, h3, h4, p, div {
  clear: both;
  font-family: 'Open Sans', sans-serif;
  margin-left: 0px;
  margin-right: 0px;
}

h1 {
  color: crimson;
}

h4 {
  line-height: 20px;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

div#body-text {
  margin-left: 5%;
  margin-right: 5%;
}

a{color:dimgray;}
a:hover { color: black; }

#link {
  color:crimson;
}

#link:hover {
  color:slategrey;
  text-decoration: none
}

#footer{
  padding: 0px;
  position: absolute;
  height:22px;
  bottom: 0;
  left: -100;
  width:100%;
  text-align: center;
  clear: both;
  color: white;
}

#language_toggle {
  text-align: center;
  color: black;
  padding-top: 5px;
}

#page_break {
  clear: both;
}