@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400);
/**
 * @file
 * Navigation Styling
 */
/*
 * Markup generated by theme_menu_tree().
 */
/* line 13, ../sass/navigation.scss */
ul li.expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpi9PMLmM/AwJDAgB8sYL5588ZGdXUNBSDHAJeiTZs2JDKDWHgUgxWBGMwwESyK4YqwApCboe5GAQABBgDSAhruJMnREwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

/* line 20, ../sass/navigation.scss */
ul li.collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpi8PMLmM+ABpiAOAFdgglKo0gwISmASzACGf/RjFzAxIAFsKCr2rRpQyITugCyRXABMMDmeIAAAwDknxSztNk/6AAAAABJRU5ErkJggg==');
  /* LTR */
  list-style-type: disc;
}

/* line 27, ../sass/navigation.scss */
ul li.leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpiZAACP7+AACBVD8QGQHwBiBs3bdqwgREkwcnJuT4gwJ/BzMyU4dSp0wwbNmxk+P79eyCzurrG9NDQEAWQBAhIS0sz8PLyMly5ckWDCSQgJCTEgAygCg1Akh+ePn2KIgkyGmQ3yNiXN27cTADay/Dnzx+GO3fugu0EsjMZoa51AFL5QCwA1TwR5FqAAAMALVozYa76L3YAAAAASUVORK5CYII=');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */
/* line 39, ../sass/navigation.scss */
li a.active {
  color: #000;
}

/* line 45, ../sass/navigation.scss */
#navigation {
  /* overflow: hidden; */
  /* Sometimes you want to prevent overlapping with main div. */
 
  
  background: #478EA5; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#478EA5', endColorstr='#346F83'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#478EA5), to(#346F83)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #478EA5,  #346F83); /* for firefox 3.6+ */
    height: 40px;
    width: 100%;
    padding: 0.5%;
}
/* line 52, ../sass/navigation.scss */
#navigation .block {
  margin-bottom: 0;
}
/* line 57, ../sass/navigation.scss */
#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 62, ../sass/navigation.scss */
#navigation ul.links,
#navigation ul.menu {
  /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left;
  /* LTR */
}
/* line 67, ../sass/navigation.scss */
#navigation ul.links li,
#navigation ul.menu li {
  /* A simple method to get navigation links to appear in one line. */
  float: left;
  /* LTR */
  padding: 0 10px;
  margin: 0 1%;
  list-style-type: none;
  list-style-image: none;
}
@media all and (min-width: 481px) {
  /* line 75, ../sass/navigation.scss */
  #navigation ul.links li:hover, #navigation ul.links li.active,
  #navigation ul.menu li:hover,
  #navigation ul.menu li.active {
    background: #858585;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}
/* line 82, ../sass/navigation.scss */
#navigation ul.links a,
#navigation ul.menu a {
  color: white;
  font-family: "Open Sans Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 1.4em;
  display: inline;
}
@media all and (min-width: 481px) and (max-width: 720px) {
  /* line 82, ../sass/navigation.scss */
  #navigation ul.links a,
  #navigation ul.menu a {
    font-size: 1.1em;
  }
}

@media all and (max-width: 480px) {
  /* line 100, ../sass/navigation.scss */
  #navigation {
    margin-bottom: 20px;
    height: auto;
    background: none;
    width: 100%;
  }

  /* line 107, ../sass/navigation.scss */
  #navigation ul.links li, #navigation ul.menu li {
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    padding: 0;
  }
  /* line 113, ../sass/navigation.scss */
  #navigation ul.links li a, #navigation ul.menu li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #858585;
    display: block;
    font-size: 1.5em;
    margin: 0;
    padding: 5px 0;
    position: relative;
    text-transform: uppercase;
  }
  /* line 123, ../sass/navigation.scss */
  #navigation ul.links li a:focus, #navigation ul.menu li a:focus {
    background: #525252;
  }
}
/*
 * Main menu and Secondary menu links
 */
/* line 142, ../sass/navigation.scss */
#header {
  position: relative;
}

/* line 146, ../sass/navigation.scss */
#secondary-menu {
  float: right;
  /* LTR */
}

/* line 150, ../sass/navigation.scss */
#toggle-wrapper {
  float: left;
  /* LTR */
}

/*
 * Menu blocks
 */
/* line 160, ../sass/navigation.scss */
.block-menu menu, .block-menu ol, .block-menu ul, .block-menu .item-list ul {
  padding: 0 0 0 10px;
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
/* line 223, ../sass/navigation.scss */
.item-list .pager {
  text-align: left;
}
/* line 181, ../sass/navigation.scss */
.item-list .pager li {
  margin-right: 5px;
  padding: 0;
}
/* line 185, ../sass/navigation.scss */
.item-list .pager li.last {
  margin-right: 0;
}
/* line 191, ../sass/navigation.scss */
.item-list .pager li.last a, .item-list .pager li.first a, .item-list .pager li.pager-previous a, .item-list .pager li.pager-next a {
  padding: 3px 1%;
}
/* line 198, ../sass/navigation.scss */
.item-list .pager a {
  padding: 3px 1%;
  border: 1px solid #c6c6c6;
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(50%, #ececec), color-stop(100%, #f8f8f8));
  background-image: -webkit-linear-gradient(#f8f8f8, #ececec, #f8f8f8);
  background-image: -moz-linear-gradient(#f8f8f8, #ececec, #f8f8f8);
  background-image: -o-linear-gradient(#f8f8f8, #ececec, #f8f8f8);
  background-image: linear-gradient(#f8f8f8, #ececec, #f8f8f8);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
/* line 209, ../sass/navigation.scss */
.item-list .pager a:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ececec), color-stop(50%, #f8f8f8), color-stop(100%, #ececec));
  background-image: -webkit-linear-gradient(#ececec, #f8f8f8, #ececec);
  background-image: -moz-linear-gradient(#ececec, #f8f8f8, #ececec);
  background-image: -o-linear-gradient(#ececec, #f8f8f8, #ececec);
  background-image: linear-gradient(#ececec, #f8f8f8, #ececec);
  color: #0088cc;
  border: 1px solid #c6c6c6;
  text-decoration: none;
}
/* line 216, ../sass/navigation.scss */
.item-list .pager a:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfdfdf), color-stop(50%, #f8f8f8), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(#dfdfdf, #f8f8f8, #f0f0f0);
  background-image: -moz-linear-gradient(#dfdfdf, #f8f8f8, #f0f0f0);
  background-image: -o-linear-gradient(#dfdfdf, #f8f8f8, #f0f0f0);
  background-image: linear-gradient(#dfdfdf, #f8f8f8, #f0f0f0);
}

/* line 228, ../sass/navigation.scss */
#secondary-menu {
  margin: 1em 0;
  float: right;
}
/* line 232, ../sass/navigation.scss */
#secondary-menu a {
  color: #ff9900;
  font-size: .75em;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
/* line 237, ../sass/navigation.scss */
#secondary-menu a:hover {
  color: white;
}
/* line 242, ../sass/navigation.scss */
#secondary-menu li.last a {
  color: #c5c5c5;
}

/* line 249, ../sass/navigation.scss */
#secondary-wrapper #secondary-menu {
  margin: .1em 0;
}
@media all and (max-width: 720px) {
  /* line 247, ../sass/navigation.scss */
  #secondary-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    width: 100%;
  }
}
@media all and (min-width: 720px) {
  /* line 262, ../sass/navigation.scss */
  #secondary-wrapper #secondary-wrapper {
    width: 25%;
    float: left;
  }
}

@media all and (max-width: 480px) {
  /* line 269, ../sass/navigation.scss */
  #name-and-slogan {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
@media all and (min-width: 481px) and (max-width: 720px) {
  /* line 269, ../sass/navigation.scss */
  #name-and-slogan {
    margin: 30px 0 0 10px;
  }
}

/* line 279, ../sass/navigation.scss */
#logo {
  float: left;
}
@media all and (max-width: 480px) {
  /* line 279, ../sass/navigation.scss */
  #logo {
    float: none;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 481px) and (max-width: 720px) {
  /* line 279, ../sass/navigation.scss */
  #logo {
    margin: 25px 0 20px 0;
  }
}

/* line 296, ../sass/navigation.scss */
#site-name {
  float: left;
}

/* line 300, ../sass/navigation.scss */
nav#secondary-menu {
  margin-top: 1em;
}
/* line 303, ../sass/navigation.scss */
nav#secondary-menu a {
  color: #fff;
  font-weight:bold;
  font-size: .75em;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
/* line 308, ../sass/navigation.scss */
nav#secondary-menu a:hover {
  color: white;
}
/* line 313, ../sass/navigation.scss */
nav#secondary-menu li.last a {
  color: #f0fea9;
  font-weight:bold;
}