/* 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 */
/* line 15, ../sass/layout.sass */
#page {
  width: 960px;
  margin: 0 auto; }

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 20, ../sass/layout.sass */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0; }

/* line 26, ../sass/layout.sass */
.sidebar {
  float: left; }

/* line 29, ../sass/layout.sass */
#sidebar-second {
  float: right; }

/* line 32, ../sass/layout.sass */
#footer {
  float: none;
  clear: both; }

/* Layout Helpers */
/* line 37, ../sass/layout.sass */
#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'. */
/* line 55, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-first .center {
  margin-left: 190px; }

/* line 59, ../sass/layout.sass */
#sidebar-first {
  width: 190px;
  margin-right: -190px; }

/* line 65, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-second .center {
  margin-right: 200px; }

/* line 69, ../sass/layout.sass */
#sidebar-second {
  width: 200px; }

/* 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 */
/* line 76, ../sass/layout.sass */
.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. */
/* line 84, ../sass/layout.sass */
#navigation {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  padding: 0;
  width: 100%;
  height: 40px; }

/* line 94, ../sass/layout.sass */
.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 40px; }
  
#logo{float:left;}
div.clear{clear: both;}


/*-- custom -- */

div a:hover, div a:active {
  color: #000000;
}
span.submitted {
  display:none;
}
div#content-inner{
  padding-left: 15px;
  padding-right: 15px;
}
div#content-header .title{
  font-weight: bold;
  font-size: 2em;
  padding: 0px;
  border-bottom: 1px solid #000000;
}

div#home .panel-col-first{
  width: 30%;
}
  div#home-menu .pane-title{
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0px;
  }
  div#home-menu .menu li{
    list-style:none;
  }
  div#home-menu .menu li.first{
    display:none;
  }
  .menu li a:hover, .menu li a:active {
    color: #000000;
  }
  
.panel-2col-stacked .panel-col-first .pane-title{
  margin-bottom: 5px;
}

.pane-keywords .pane-content .view-content div {
  display: inline;
  /*padding-left: 20px;*/
}
  
.fixed {
  position: fixed;
  top: 0;
}
  .panel-col-first .fixed {
    width: 310px;
  }
/* -- footer -- */  
#footer{
  padding-top: 20px;
}
  #footer .block-title{
    display:none;
  }
  #footer .menu {
    width: 800px;
    margin:auto;
  }
    #footer .menu li{
      width: 10%;
      padding: 0px;
      margin:0px;
      text-align: center;
      border-left: 1px solid #000000;
      float:left;
      list-style:none;
    }
    #footer .menu li.first{
      border:none;
    }
    
    
/* -- panel content -- */
.not-front .views-row{
  overflow-x: hidden;
  /*width: 96%; */
}

.panel-2col-stacked {
  /*padding-top: 20px;*/
}
  .panel-2col-stacked .panel-col-first{
    padding-left: 1%;
    margin-right: 1%;
    width: 30%;
    border-right: 1px solid #666666;
  }
    .panel-col-first .panel-pane h2.pane-title{
      font-weight: bold;
      font-size: 1.2em;
    }
    .panel-col-first .panel-pane .view-content{
      padding-left: 10px;
    }
    
      .panel-col-first .panel-pane .view-content h3{
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0px; 
      }
      .panel-col-first .panel-pane .view-content div{
        /*padding-left: 20px; 
        text-indent: -10px;*/
      }
      
      #content .panel-col-first .pane-keywords .view-content div{
        /*text-indent: 0px;
        margin-left: -9px;*/
      }
      .view-content .views-row {
        /*float: left;*/
        padding: 0px 15px 0px 0px; 
      }

      .panel-col-first .panel-pane .view-content .views-row div{
        padding: 0px;
      }
    .panel-col-first .panel-pane .view-content div.active-area span{
      background: none repeat scroll 0 0 #37A4FA;
      border: 1px solid #277799;
      
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px; /* future proofing */
      -khtml-border-radius: 5px; /* for old Konqueror browsers */
     
    }
      .panel-col-first .panel-pane .view-content div.active-area span a{
        color: #ffffff;
      }
    
  .panel-2col-stacked .panel-col-last{
    width: 65%;
    float: right;
  }
    .panel-2col-stacked .panel-col-last .panel-pane .pane-title{
      display:none;
    }
    .panel-2col-stacked .panel-col-last .panel-pane .views-row{
      margin-bottom: 10px;
      padding: 10px; 
      border: 1px solid #ffffff;
    }
    .panel-2col-stacked .panel-col-last .panel-pane .views-row:hover,.panel-2col-stacked .panel-col-last .panel-pane .active-area {
      background: #f1f1f1;
      border: 1px solid #000000;
      padding: 10px; 
      box-shadow: 0 0 .5em rgba(0,0,0,0.7);
      -moz-box-shadow: 0 0 .5em rgba(0,0,0,0.7);
      -webkit-box-shadow: 0 0 .5em rgba(0,0,0,0.7);
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; /* future proofing */
      -khtml-border-radius: 10px; /* for old Konqueror browsers */
    }
    
      .panel-2col-stacked .panel-col-last .panel-pane .views-row .views-field-title-1{
        font-weight: bold;
      }
      .panel-2col-stacked .panel-col-last .panel-pane .views-row .views-field-body{
        padding-left: 10px;
      }



#page-nav .view-content{
  padding-left: 0px;
}

.nav-icon{
  float: left;
  background-position: -64px 0;
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.off .nav-icon{
  background-position: -32px 0;
}