body {
  color:#595959;
  font-weight:300;
  font-family: 'Roboto Slab', serif;
  background: url(/images/starfield-tile.jpg) repeat #060605;
}
.body-inner {
  background: url(/images/background-earth.gif) no-repeat bottom left;
}
h1, .home h2, .h1, .home .h2 {
  font-family: 'Fjalla One', sans-serif;
}
h1, .h1 {
  font-size: 24px;
  color: #446596;
}
h2, .h2 {
  font-size: 20px;
}
h3, .h3 {
  font-size: 18px;
}
h4, .h4 {
  font-size: 16px;
}
h5, .h5 {
  font-size: 14px;
  margin-bottom: 5px;
}
h6, .h6 {
  font-size: 14px;
}
a {
  color:#d22b06;
}
a:hover, a:focus {
  color:#d22b06;
  text-decoration:underline;
}
hr {
  border-top: 2px solid #dcdcdc;
}
.sidebar hr {
  margin-top: 40px;
  margin-bottom: 40px;
}
.tight {
  padding-left:0;
  padding-right:0;
}
.clear {
clear: both;
}
.red {
  color:red;
}
.red-text {
  color:#d22b06;
}
#logout, #edit-profile {
display: none;
}
.bottom-right {
  position: absolute;
  right: 16px;
  bottom: -6px;
}
/*.container-inner a:hover, .container-inner a:focus {
  border-bottom: 1px solid #d22b06;
}*/
.btn-color {
  color: #ffffff;
  background-color: #d22b06;
  border-color: #d22b06;
}
.btn-color:hover,
.btn-color:focus,
.btn-color:active,
.btn-color.active,
.open .dropdown-toggle.btn-color {
  color: #ffffff;
  background-color: #446596;
  border-color: #446596;
}
.btn-color:active,
.btn-color.active,
.open .dropdown-toggle.btn-color {
  background-image: none;
}
.btn-color.disabled,
.btn-color[disabled],
fieldset[disabled] .btn-color,
.btn-color.disabled:hover,
.btn-color[disabled]:hover,
fieldset[disabled] .btn-color:hover,
.btn-color.disabled:focus,
.btn-color[disabled]:focus,
fieldset[disabled] .btn-color:focus,
.btn-color.disabled:active,
.btn-color[disabled]:active,
fieldset[disabled] .btn-color:active,
.btn-color.disabled.active,
.btn-color[disabled].active,
fieldset[disabled] .btn-color.active {
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}
.btn-secondary {
  color: #ffffff;
  background-color: #446596;
  border-color: #446596;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #d22b06;
  border-color: #d22b06;
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}

table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.body-main table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.body-main table > thead > tr > th,
.body-main table > tbody > tr > th,
.body-main table > tfoot > tr > th,
.body-main table > thead > tr > td,
.body-main table > tbody > tr > td,
.body-main table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.body-main table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.body-main table > caption + thead > tr:first-child > th,
.body-main table > colgroup + thead > tr:first-child > th,
.body-main table > thead:first-child > tr:first-child > th,
.body-main table > caption + thead > tr:first-child > td,
.body-main table > colgroup + thead > tr:first-child > td,
.body-main table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.body-main table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.body-main table table {
  background-color: #fff;
}
.breadcrumb {
padding: 8px 0px 0px;
background-color: transparent;
  color:#d22b06;
}
.breadcrumb>.active {
  color: #595959;
}
.breadcrumb>li+li:before {
  content: "|";
  padding: 0 5px;
  color:#d22b06;
}
label {
font-weight: normal;
}
label.error {
  color: red;
  padding-top: 3px;
}
.sysmsg {
  color: #f00;
  margin-bottom:25px;
}
#email2 {     
  display: none;
}
iframe, object, embed{
  max-width: 100%;
}
/*iframe {
  height:250px;
}*/
.sidebar iframe {
  height:150px;
}

.container-main {
  background:#d8dde9;
  background:rgba(216, 221, 233,.9);
  padding-bottom:26px;
  line-height: 1.8;
  padding-top: 20px;
}
.home .container-main {
  /*padding-top: 0px;*/
}
.container-padded {
  padding-left:16px;
  padding-right:16px;
}

.container-inner {
  padding-left: 22px; /*match to body-intro */
  padding-right: 22px; /*match to body-intro */
  background: white;
  box-shadow: 0 0 3px #aaa;
  box-shadow: 0 0 2px rgba(0,0,0,.4);
}
.container-inner.body-hero {
  margin-bottom: 47px;
  padding:0;
}
.header.shootstars {
  overflow:hidden;
  position:relative;
}
.header {
  padding-top:5px;
  padding-bottom:5px;
}
.home .header {
  background: url(/images/home-header.png) no-repeat;
  background-size: cover;
  padding-bottom:10px;
}
.header {
  background: url(/images/keck-header.png) no-repeat 32% center;
}
.about .header {
  background: url(/images/campbell-hall-header.png) no-repeat 32% center;
}
.people .header {
  /*background: url(/images/stargazer-header.png) no-repeat 32% center;*/
  background: url(/images/tmt-header.png) no-repeat 32% center;
}
.news .header {
  background: url(/images/planetary-disk-header.png) no-repeat 32% center;
}
.programs .header {
  background: url(/images/keck-header.png) no-repeat 32% center;
}
.prospective-students .header {
  background: url(/images/crab-nebula-header.png) no-repeat 32% center;
}
.research-facilities .header {
  background: url(/images/lick-header.png) no-repeat 32% center;
}
.department-resources .header {
  background: url(/images/tmt-header.png) no-repeat 32% center;
}
.astronomy-fans .header {
  /*background: url(/images/ufo-header.png) no-repeat 32% center;*/
  background: url(/images/lick-header.png) no-repeat 32% center;
}

.header .form-control {
  color:white;
  background-color: rgba(255,255,255,.3);
  border-radius: 4px;
}
.header .btn-link {
color: white;
}
.header .btn-link:hover, .header .btn-link:focus {
color: #929cbc;
}
.header .input-group .form-control:first-child {
  border-radius: 4px;
}
.header h1 {
  margin:15px 0 0 0;
}
.header h2 {
  margin:0px 0 0 0;
}
.header h2 img {
  width: 270px;
}

.body-hero strong {
  color: #446596;
}

.body-intro {
font-size: 1.1em;
padding-left: 22px;
padding-right: 22px;
padding-top: 25px;
padding-bottom: 15px;
}
.container .flexslider {
  margin-bottom:0;
  line-height: 1;
}
.body-slideshow {
  max-width:539px;
}
.body-slideshow .flex-caption {
  position: absolute;
  bottom: 0;
  background: rgba(255,255,255,.8);
  padding: 5px 25px;
  color: #000000;
  line-height: 1.3;
  text-align:left;
  width:100%;
}
.project-detail .flex-caption {
  margin-bottom: 20px;
  font-style:italic;
}
.project-detail .flex-control-thumbs ol {
  margin-left:-.5%;
  margin-right:-.5%;
}
.project-detail .flex-control-thumbs li {
  width: 24.5%;
  float: left;
  margin: .25%;
}
.left-shadow {
    display:block;
    position:relative;
}
.left-shadow img {
    display:block;
}
.left-shadow::before {
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 2px 0px 3px -1px rgba(0,0,0,0.2);
    -webkit-box-shadow:inset 2px 0px 3px -1px rgba(0,0,0,0.2);
    box-shadow:inset 2px 0px 3px -1px rgba(0,0,0,0.2);
}
.body-boxes, .container-curved {
  border-radius: 50% / 30px;
}
.container-curved {
  padding-top: 30px;
  padding-bottom: 50px;
}

.body-boxes {
  padding-top: 60px;
  padding-bottom: 40px;
}
h2.box-home-head {
  position: absolute;
  color: white;
  text-shadow: 0px 0px 2px #111;
  text-shadow: 0px 0px 2px rgba(0,0,0,.5);
  padding: 0 9%;
  font-size: 23px;
  letter-spacing: 1px;
}
.body-box a:hover h2.box-home-head {
color: #dce5fd;
}
/* .body-box1 h2.box-home-head {
  color: #182c45;
  text-shadow: 0px 0px 1px #8fbeff;
  text-shadow: 0px 0px 2px rgba(255,255,255,.65);
} 
.body-box1 a:hover h2.box-home-head {
color: #75467f;
}*/
.nav-area {
  min-height:44px;
  position:relative;
  z-index: 1030;
}
.nav-container {
  margin-right: auto;
  margin-left: auto;
}
.navbar {
  font-family: 'Fjalla One', sans-serif;
  margin-bottom:0;
  border-radius: 0px;
  border: 1px solid #192d46;
  min-height:initial;
  background: #192d46; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiMxOTJkNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDkxMDE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #192d46 14%, #091017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#192d46), color-stop(100%,#091017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #192d46 14%,#091017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #192d46 14%,#091017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #192d46 14%,#091017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #192d46 14%,#091017 100%); /* W3C */

box-shadow: 0px 3px 9px -2px #333;
position: relative;
z-index: 10;
}

.lt-ie7 .navbar {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192d46', endColorstr='#091017',GradientType=0 ); /* IE6-8 */
}
.navbar-toggle {
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.nav-dot {
  display:none !important;
  padding:15px 0;
  margin:0;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: transparent;
border-color: transparent;
}
.navbar a {
  color: #ffffff;
}

.nav>li>a:hover, .nav>li>a:focus {
  color: #cf2d18;
  background-color: transparent;
}
.navbar .nav>li {
  /*background: url(/images/dot.png) no-repeat center right;*/
}
.navbar .nav>li.last-li {
  background: transparent;
}
.navbar .nav>li>a {
  text-transform:uppercase;
}

.navbar .form-group {
  margin-bottom:5px;
}
.navbar .form-group {
  margin-bottom:5px;
}
.dropdown-menu>li>a {
color: #ffffff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #cf2d18;
  background-color: transparent;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: #cf2d18;
}
.navbar-nav .open .sub-menu>li>a {
  padding-left: 40px;
}
/*.dropdown-menu>li.active-submenu>a {
color: #ffffff;
background: #446596;
}*/
.active-submenu>ul{
  display:block;
}
.footer {
  color:#ffffff;
  background:#2d4161;
  padding: 40px 0;
  line-height:2;
  font-size:13px;
  box-shadow: inset 0px 16px 14px -14px black;
}
.footer-col.map {
  margin-top: 25px;
  margin-bottom: 35px;
}
.footer a {
  color:#ffffff;
}
.footer .map iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
.footer .social li {
  padding-top:10px;
  padding-left:0;
}
.body-head h1, .body-head .h1 {
  margin-top: 0;
}
/*
.sidenav {
  text-align:center;
  padding-bottom: 10px;
  margin-top:0px;
  margin-bottom:0px;
}
.sidenav ul {
  padding-bottom: 0px;
}
.sidenav .extra-padding {
  padding-bottom: 26px;
}
.sidenav a {
  background: #e8e9eb;
  display:block;
  padding:8px 3px;
}
.sidenav a.active {
  background:#cbcbcb;
}
.sidenav a:hover, .sidenav a:focus {
  background:#cbcbcb;
}
*/

.side-outer {
  font-family: 'Fjalla One', sans-serif;
  font-size:16px;
  padding-top:20px;
  text-align:center;
  
}
.sidenav {
    text-transform:uppercase;
    color:#446596;
}
  .sidenav li>a {
    color:#446596;
    background:transparent;
    display:inline;
    padding:0;
  }
  .sidenav li>a:hover, .sidenav li>a:focus {
    /*color:#d22b06;*/
  }
  .sidenav.active-sidenav .subnav a {
    border-bottom: 0px solid #333;
  }
  .sidenav .subnav a {
    color:#d22b06;
  }
  .sidenav .subnav a:hover, .sidenav .subnav a:focus {
    border-bottom: 1px solid #d22b06;
  }
  .sidenav a.active, .sidenav .subnav a.active:hover, .sidenav .subnav a.active:focus, .sidenav li>a:hover, .sidenav li>a:focus {
    background:transparent;
    border-bottom:1px solid #446596;
    text-decoration:none;
  }
  .sidenav .subnav a.active {
    border-bottom:1px solid #d22b06;
    text-decoration:none;
  }
  .sidenav a:hover, .sidenav a:focus {
    background:transparent;
  }
.sidenav li {
  line-height: 1.5;
  padding: 5px 0;
}

  .sidenav ul {
    padding-top: 3px;
    padding-bottom: 0px;
  }
  .subnav {
    display:none;
    text-transform:none;
  }
  .subnav li {
    display: inline-block;
    padding-right:10px;
    padding-left:10px;
  }
.subnav.active-subnav {
  display:block;
}
.divided-list .row {
  position:relative;
}
.divided-list h3 /*, .divided-list h2*/ {
  margin-top:0;
}
.faculty-list {
  font-family: Arial, sans-serif;
}
.faculty-list h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}
.faculty-list h4 {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.3;
}
.student-list h3 {
  margin-top: 0;
}
.student-list hr  {
  margin-top:10px;
}
.student-list img {
  margin-bottom:10px;
}
.award-list p, .award-list h4, .award-list h5 {
margin: 0;
  line-height:1.5;
}
.award-list hr {
border-top: 1px solid #dcdcdc;
}
.facility-list img {
  margin-bottom:15px;
}
.facility-list hr {
  margin-top:25px;
  margin-bottom:25px;
}
.facility-list .bottom-right, .project-list .bottom-right, .news-list .bottom-right, .event-list .bottom-right  {
  bottom: -20px;
}
.project-list img {
  margin-bottom:15px;
}
.news-list .tags {
  margin-bottom:0px;
}
.body-main, .body-main-inner {
  min-height:500px;
}
.body-main img, .sidebar img {
  max-width: 100%;
  margin-bottom: 10px;
  height: auto;
}
.sidebar {
  line-height: 1.4;
}

.detail-side h1, .detail-side h1 {
  font-family: 'Roboto Slab', serif;
  color:#595959;
  margin-top:0;
}
.detail-side h2, .detail-side .h2 {
  font-size:15px;
  margin-top:10px;
}
.detail-side h3, .detail-side .h3 {
}
.detail-side .headshot {
  margin-bottom:18px;
}
.detail-body h2 {
  margin-top: 0px;
  padding-top: 2px;
}
.detail-body h3 {
  margin-top: 0px;
  padding-top: 5px;
}
.detail-body h4, .detail-body .h4, .detail-side h4, .detail-side .h4, .detail-side p {
  color:#767676;
  font-size:14px;
}
.detail-side h4, .detail-side .h4, .detail-side h4, .detail-side .h4 {
  margin-top:17px;
  margin-bottom:4px;
}

.detail-side {
  line-height:1.5;
}

.person-detail .detail-body, .course-list .detail-body, .project-detail .detail-body {
  padding-top:30px;
}

.course-list .detail-side h4 {
  display:inline;
  font-size: 14px;
  padding: 0 5px 0 0;
}
.course-list .detail-side h4:after {
}
.course-list .detail-side h4:first-child:after {
  content: " \00a0\00a0 |";
}
.course-list .detail-side h3 {
  padding: 0px 0 0px;
  font-size:20px;
  line-height:1.2;
}
.course-list .detail-side h3 a {
  color: #595959;
}
.course-list .detail-body {
  padding-bottom: 5px;
  padding-top: 5px;
}
.course-list .detail-side p.times {
  line-height: 1.9;
  margin-top: -5px;
}
.course-list .course-detail {
  font-weight: bold;
}
.course-list .course-location:before {
  font-weight: 300;
  content: "Location: ";
}

.course-detail {
  display: inline;
}
.course-detail:after {
  content: " \00a0 | \00a0 ";
}
.course-detail.course-location:after {
content: "";
}
fieldset {
  padding-bottom:10px;
}
fieldset fieldset {
  padding-bottom:00px;
}
.form-control:focus {
  border-color: #929cbc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
ul.columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
ul.columns li{
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
column-break-inside:avoid;
  font-weight: normal;
}
form {
  line-height: 1.42857143;
}
input[type=radio], input[type=checkbox] {
  margin: 10px 0 0;
}
.help-block {
font-size: 12px;
}
.help-slim {
  margin-bottom:0;
}
.help-inline {
  display: inline-block;
  padding-left: 5px;
  margin-top: 9px;
}
legend + .help-block, .help-tight {
  margin-top: -15px;
  margin-bottom: 10px;
}
p.image-caption {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 25px;
  margin-top: -4px;
  line-height:1.7;
}
.home .header {
  position:relative;
}
.home .bannerRow {
  position:relative;
  bottom:0;
}









/********** MEDIA QUERRIES **************/
@media (max-width: 767px) {
.breadcrumb {
  font-size:11px;
}
.navbar-nav .dropdown.active>a {
  color:#589aec;
}
	.to-sticky{
     	-webkit-overflow-scrolling: touch; 
    }
  .body-main table.table-stacked,
    tbody {
        display: block;
        width: 100%;
    }
  .body-main table.table-stacked thead { display: none; }
  .body-main table.table-stacked tr,
  .body-main table.table-stacked th,
  .body-main table.table-stacked td {
        display: block;
        padding: 0px;
        text-align: left;
        white-space: normal;
    }
    .body-main table.table-stacked td {
        padding: 3px 0px;
    }
  .body-main table.table-stacked td p {
    margin-bottom:3px;
  }
  .body-main table.table-stacked tr {
        border-top: 2px solid #446596;
        padding-bottom: 11px;
        margin-bottom: 0;
    }
} @media (max-width: 500px) {
.col-xxs-12 {
  width:100%;
}
.col-xxs-6 {
  width:50%;
}
.tight-xxs {
  padding-left:0 !important;
  padding-right:0 !important;
}

.header h2 img {
  width: 233px;
}
.subnav li {
  display:block;
}
  .clean-columns-6-3-4-3-3:nth-child(4n+1) {
  clear:none;
} 
  .clean-columns-6-3-4-3-3:nth-child(odd) {
  clear:left;
} 

} @media (min-width: 501px) and (max-width: 767px) {
.tight-xs {
  padding-left:0 !important;
  padding-right:0 !important;
}
} @media (min-width: 768px) {
.header {
  padding-top:10px;
  padding-bottom:10px;
}
.container-main {
  padding-bottom:56px;
}
.header .container-padded {
padding-left: 46px;
}
.header h1 {
  margin-top:45px;
}

.header h2 img {
  width: 233px;
}

  .caret {
    display:none;
  }
.nav-area {
  min-height:82px;
}

.navbar-collapse {
padding-right: 5px;
}
.navbar-fixed-top {
  -webkit-transition: all 10s ease-in-out;
  -moz-transition: all 10s ease-in-out;
  -o-transition: all 10s ease-in-out;
  transition: all 10s ease-in-out;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  padding-left: 15px;
  padding-right: 5px;
}
.dropdown-menu {
  border-radius:0;
  background:#192b44;
  margin-top:1px;
  border: 1px solid #192d46;
  padding-top:10px;
  padding-bottom:10px;
}

.dropdown-menu>li>a {
padding: 8px 13px;
font-size: 16px;
}
.navbar .dropdown:hover >.dropdown-menu {
  display: block;           /* allows for main menu dropdowns to display on hover as well as on click (Bootstrap's Default is click only) */
}
.body-boxes .row {
  background:url(/images/box-veritcal-line.gif) repeat-y center center;
}
.body-box-odd {
margin-right: 12px;
}
.body-box-even {
margin-left: 12px;
}
.body-box3, .body-box4 {
border-top: 2px solid #dadada;
margin-top: 10px;
padding-top: 30px;
}
.footer-col.map {
  margin-top: 0px;
  margin-bottom: 0px;
}

.footer .map iframe { 
  float:right;
}
.side-outer {
  text-align: right;
  padding-top: 78px;
}
ul.sidenav {
    width:auto;
    text-align:right;
    float: none;
}
  .sidenav li {
    padding: 10px 0;
  }
  .subnav li {
    display: block;
      padding-right:0px;
    padding-left:0px;

  }
.inner-sidebar-left .body-main-inner {
  padding-left:30px;
}
.inner-sidebar-right .body-main-inner {
padding-right: 30px;
}
.inner-sidebar-right .body-main-inner {
  border-right: 2px solid #dcdcdc;
}
.inner-sidebar-left .body-main-inner {
  border-left: 2px solid #dcdcdc;
}

.person-detail .detail-body, .course-list .detail-body, .project-detail .detail-body {
  border-left: 2px solid #dcdcdc;
  padding-left:30px;
  padding-top:0px;
  padding-bottom:30px;
}
.person-detail .detail-body, .project-detail .detail-body {
  min-height:400px;
}
.course-list .detail-body {
  min-height: 242px;
}
.course-list .detail-side h3 {
  padding-bottom: 4px;
}

.course-list .detail-side h4 {
  display:block;
  margin-top:6px;
  margin-bottom:14px;
}
.course-list .detail-side h4:first-child:after {
  content:"";
}
.detail-side {
  text-align: right;
}
.course-detail {
  display: block;
}
.course-detail:after {
  content: "";
}
.job-list img, .opportunity-list img {
  float:right;
  margin-bottom:10px;
}
.float-left {
  float:left;
  margin:0 10px 5px;
}
.float-right {
  float:right;
  margin:0 0 5px 10px;
}

  
  
  
  
  
  
  
  
  
  
} @media (min-width: 768px) and (max-width: 991px) {
.container {
  width: 100%;
}
  .tight-sm {
    padding-left:0;
    padding-right:0;
  }

  .side-outer {
    padding-right:0;
  }
.home .header {
min-height: 205px;
background-size: cover;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-nav {
text-align: center;
}
.navbar-nav>li {
float: none;
display: inline-block;
}
.nav>li>a {
padding-left: 13px;
padding-right: 13px;
  font-size:15px;
}

} @media (min-width: 992px) {

.container-padded {
  padding-left:26px;
  padding-right:26px;
}
.container-inner {
  padding-left: 37px;
  padding-right: 37px;
}
.header {
  background-size:contain !important;
  padding-top:10px;
  min-height:116px;
}
.home .header {
  padding-top:20px;
  min-height:239px;
}
.header h2 img {
  width: 221px;
}
.nav-area {
  min-height:52px;
}
.nav-container {
  width:940px;
}
.nav>li>a {
padding-left: 8px;
padding-right: 8px;
}
.navbar a {
    font-size:15px;
  }

.body-intro {
  padding-top: 42px;
  padding-bottom: 20px;
  padding-left: 37px;
}
.body-slideshow {
  padding-left:0;
}
.body-box-odd {
margin-right: 22px;
}
.body-box-even {
margin-left: 22px;
}
.col-md-6 iframe {
  height:auto;
}

} @media (min-width: 992px) and (max-width: 1199px) {
  .tight-md {
    padding-left:0;
    padding-right:0;
  }
.nav>.nav-home {
  display:none;
}
.dropdown-menu {
left: -6px;
}
.last-li ul.dropdown-menu {
left: auto;
right: -16px;
}

} @media (min-width: 1200px) {
  .tight-lg {
    padding-left:0;
    padding-right:0;
  }

  .container {
    width: 1200px;
  }
.container-padded {
  padding-left:46px;
  padding-right:46px;
}
.container-inner {
  padding-left: 60px;
  padding-right: 60px;
}
.header {
  min-height:145px;
  padding-top:15px;
}
.header h2 img {
  width: 270px;
}
.home .header {
  padding-top:20px;
  min-height:298px;
}
.nav-container {
  width:1170px;
}

.nav-dot {
  display:block !important;
}
.nav-home {
  display:block !important;
}
.nav>li>a {
padding-left: 13px;
padding-right: 13px;
}
.navbar a {
    font-size:16px;
  }


.body-intro {
  padding-left: 60px;
}
  .home .slider {
    height:437px;
  }
.body-box-odd {
margin-right: 32px;
}
.body-box-even {
margin-left: 32px;
}
}
/* column clearing ** additional section*/

.clear-columns-2-1:nth-child(odd) {
  clear:left;
}
.clear-columns-3-2-1:nth-child(odd) {
  clear:left;
}
.clear-columns-4-3-2-1:nth-child(odd) {
  clear:left;
} 
.clean-columns-6-3-4-3-3:nth-child(4n+1) {
  clear:left;
} 
@media (min-width: 768px) {
  .clear-columns-4-3-2-1:nth-child(odd) {
    clear:none;
  }
  .clear-columns-4-3-2-1:nth-child(3n+1) {
    clear:left;
  }
  .clean-columns-6-3-4-3-3:nth-child(4n+1) {
  clear:none;
  }
  .clean-columns-6-3-4-3-3:nth-child(3n+1) {
  clear:left;
} 


} @media (min-width: 992px) {
  .clear-columns-3-2-1:nth-child(odd) {
    clear:none;
  }
  .clear-columns-3-2-1:nth-child(3n+1) {
    clear:left;
  }
  .clear-columns-4-3-2-1:nth-child(3n+1) {
    clear:none;
  }
  .clear-columns-4-3-2-1:nth-child(4n+1) {
    clear:left;
  }
    .clean-columns-6-3-4-3-3:nth-child(3n+1) {
  clear:none;
  }
  .clean-columns-6-3-4-3-3:nth-child(4n+1) {
  clear:left;
} 

} @media (min-width: 1200px) {
}



/********** PRINT STYLES **************/
.print{
 	display: none; 
}
@media print {
  .print{
   	display: block; 
  }
  .noprint, .footer-col.map, .footer-col .social.list-inline, .footer-col iframe, .nav-area, .side-outer, #webvanta-features, .student-item img, .student-item .bottom-right, hr{
   	display: none; 
  }
  a[href]:after { content: none; }  /* keeps the urls of links from displaying when printing a page */
  .row{
   	display: table; 
  }
  .footer{
    padding: 0 !important;
  }
  .footer-col{
   	display: table-cell;
    width: 50%;
    float: right;
  }
  .footer-col.berkeley-logo{
   	float: left !important; 
  }
  .footer-col.berkeley-logo img{
   	max-height: 60px !important; 
  }
  .footer-col .vcard{
   	text-align: right; 
    margin-top: 20px;
  }
  .container-inner{
   	padding-top: 0; padding-bottom: 0;
  }
  .body-main.col-sm-8{
   	display: table-cell;
    width: 66%;
  }
  .sidebar{
    display: table-cell;
    width: 34%;
  }
  .body-main, .body-main-inner{
    min-height: 0 !important;
  }
  row.faculty-list{
    display: table;
    width: 100%;
  }
  .faculty-list > .faculty-item{
   	width: 33%;
    display: inline-block;
    clear: none;
    vertical-align: top;
    float: none;
  }
  .float-right {
    float: right;
    margin: 0 0 5px 10px;
  }
  .float-left {
    float: left;
    margin: 0 10px 5px;
  }
  h1{
   	margin-top: 0; 
  }
  h1,h2,h3,h4{
   	line-height: normal; 
  }
  .person-detail .col-sm-4{
    display: table-cell;
    width: 34%;
  }
  .person-detail .col-sm-8{
    display: table-cell;
    width: 66%;
  }
  .detail-body{
   	padding-top: 0 !important; 
  }
}
/*iPhone 6+ landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
	.navbar-fixed-top{
     	position: relative !important; 
    }
}