/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
#page {
  width: 1000px;
  margin: 0 auto;
  background: url(../images/page_bg.jpg) no-repeat; }

#page-inner {
  width: 942px;
  margin: 0 auto; }

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
#content {
  float: left;
  width: 942px;
  margin-right: -100%;
  padding: 0;
  min-height: 450px;
  background: url(../images/content_bg.png) repeat-y; }

#maintop {
  float: left;
  margin-right: -100%;
  width: 942px;
  height: 34px;
  margin-top: -34px;
  background: url(../images/content_top_bg.png) no-repeat; }

#sidebar-first-inner {
  margin: -1px 0 0 30px;
  border-bottom: 1px dotted #bacdda; }

#content-inner {
  padding: 0 43px 20px 32px;
  min-height: 600px; }

.sidebar {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#sidebar-second {
  float: right; }

#sidebar-second-inner {
  padding-top: 57px;
  width: 203px; }

#footer {
  font-size: 7pt; }
  #footer .content {
    width: 874px;
    margin: auto;
    padding-top: 30px; }
    #footer .content a {
      text-decoration: none; }

#footer .content hr {
  border: none;
  border-top: 1px solid #001722;
  border-bottom: 1px solid #4d646f;
  clear: both; }

#footer .content .social_rss, #footer .content .social_linkedin, #footer .content .social_twitter, #footer .content .social_xing, #footer .content .social_facebook, #footer .content .social_flickr, #footer .content .social_plusgoogle {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: url(../images/social_rss.gif) no-repeat;
  margin: 0 5px 5px 0; }
  #footer .content .social_rss:hover, #footer .content .social_linkedin:hover, #footer .content .social_twitter:hover, #footer .content .social_xing:hover, #footer .content .social_facebook:hover, #footer .content .social_flickr:hover, #footer .content .social_plusgoogle:hover {
    background-position: -16px 0px; }

#footer .content .social_linkedin {
  background: url(../images/social_linkedin.gif) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px 5px 0;
  float: left; }
  #footer .content .social_linkedin:hover {
    background-position: -16px 0px; }

#footer .content .social_twitter {
  background: url(../images/social_twitter.gif) no-repeat; }

#footer .content .social_xing {
  background: url(../images/social_xing.gif) no-repeat; }

#footer .content .social_facebook {
  background: url(../images/social_facebook.gif) no-repeat; }

#footer .content .social_flickr {
  background: url(../images/social_flickr.gif) no-repeat; }

#footer .content .social_plusgoogle {
  background: url(../images/social_plusgoogle.gif) no-repeat; }

#footer .social_link_text {
  visibility: hidden; }

/* Layout Helpers */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both; }

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
.two-sidebars .center,
.sidebar-first .center {
  margin-left: 228px; }

#sidebar-first {
  width: 228px;
  margin-right: -228px; }

.two-sidebars .center,
.sidebar-second .center {
  margin-right: 235px; }

#sidebar-second {
  width: 235px; }

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
.inner {
  padding: 0; }

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
#header-region {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  margin-top: 118px;
  padding: 0;
  width: 100%; }

.page #content,
.page .sidebar {
  margin-top: 115px;
  font-size: 10pt; }

#header-region .menu {
  list-style: none;
  padding-top: 16px;
  height: 45px; }
  #header-region .menu li {
    float: left; }
    #header-region .menu li a {
      color: #5c5c5c;
      text-decoration: none;
      text-transform: uppercase;
      margin-left: 14px;
      margin-right: 3px; }
      #header-region .menu li a:hover {
        color: black; }

#header-region .menu .active {
  color: #e97b2a;
  text-decoration: none;
  text-transform: uppercase; }
  #header-region .menu .active:hover {
    color: #c56620; }

#header-region .menu li.active-trail a {
  color: #e97b2a;
  text-decoration: none;
  text-transform: uppercase; }
  #header-region .menu li.active-trail a:hover {
    color: #c56620; }

#secondary {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/*subnavigation
 * ------------ */
#sidebar-first .menu {
  padding: 0;
  margin: 0 0 0 -6px;
  list-style: none; }
  #sidebar-first .menu li {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 5px 0px 5px 10px;
    border-top: 1px dotted #bacdda; }
    #sidebar-first .menu li a {
      color: #015a84;
      text-decoration: none;
      text-transform: uppercase; }
      #sidebar-first .menu li a:hover {
        color: black; }

#sidebar-first .menu li.active-trail a {
  color: #e97b2a;
  text-decoration: none;
  text-transform: uppercase; }
  #sidebar-first .menu li.active-trail a:hover {
    color: #c56620; }

#sidebar-fist .menu .active {
  color: #e97b2a;
  text-decoration: none;
  text-transform: uppercase; }
  #sidebar-fist .menu .active:hover {
    color: #c56620; }

#search-block-form {
  width: 200px;
  height: 23px;
  position: absolute;
  top: 18px;
  left: 708px;
  z-index: 99; }

#edit-search-block-form--2 {
  color: #a1a1a1;
  width: 170px;
  height: 23px;
  margin: 0;
  padding: 0 0 0 7px;
  float: left;
  border: 0;
  background-image: url(../images/searchfield.gif);
  background-repeat: no-repeat; }

#loginbox {
  margin-top: -55px;
  margin-right: 5px;
  width: 200px;
  height: 35px;
  float: right;
  text-align: right;
  font-size: 10pt;
  color: white;
  font-family: Arial, sans-serif; }
  #loginbox a {
    color: white;
    font-family: "PTSansRegular", Arial, sans-serif; }

.language-switcher-locale-url {
  width: 42px;
  margin-top: -72px;
  margin-right: 5px;
  float: right; }
  .language-switcher-locale-url img {
    float: left;
    padding-left: 5px; }

.field-type-taxonomy-term-reference .field-items {
  width: 640px;
  float: left; }
  .field-type-taxonomy-term-reference .field-items a {
    font-size: 0.8em;
    background-color: #e97b2a;
    text-decoration: none;
    padding: 2px 4px;
    margin: 2px 2px 2px 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left; }
    .field-type-taxonomy-term-reference .field-items a:link {
      color: white; }
    .field-type-taxonomy-term-reference .field-items a:visited {
      color: white; }
    .field-type-taxonomy-term-reference .field-items a:hover {
      text-decoration: none;
      background-color: #c56620; }

.field-items {
  margin: 5px 0px 10px 0; }

.field-label,
.breadcrumb,
.form-type-item {
  display: none; }