/* Site CSS */

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
body {
    background-color:#545454 !important;
    background-image:none;
}

small {
font-size: .75em;
}

#page {
    width: auto;
    background: white;
}


#dept_header {
    background: #fff no-repeat center top;   
}


#dept_logo {
    background-color:rgba(255,255,255,0.5);
    margin: 0;
}

#horizontal-navigation {
    margin: 0 auto;
    background-color: #c10037;
    text-align: center;
}    

#horizontal-navigation  li{
 text-align:left;   
}

#dropnav {
    width: 960px;
    background-color: transparent;
    margin: 0 auto -5px 0;
}

#dropnav li {
    margin: 0 4px 0 0;
    z-index:inherit;
}

#dropnav li a {
    padding: 5px 7px;
}

#dropnav a.submenu, #dropnav a.submenu:hover {
    padding-left: 7px !important;
    padding-right: 16px !important;
}

#container {
    padding-top: 30px;
    background-color: transparent;
    width: 960px;
}
#container.col2 {
    background-color: white;
}


#social_toolbar {
width: 960px;
margin: 0 auto;
}

#footer {
 background-color: #545454;
 width: auto;
 margin: 2em auto;
}
div#footer div.content {
    background:none;
    width: 960px;
    margin: 0 auto;
    color: #FFF;
    text-align:left;
    overflow:visible;
}
div#footer div.content  a {
 color:#fff;   
}
div#footer p {
margin: initial;
display: block;
float: none;
text-align: left;
}

ul#unm_footer_links li {
  margin: 0 0 0 1em;
}

#header {
    width: 960px;
    margin: 0 auto;
}
#header ul {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    float: right;
}
#header li {
    display: inline;
    border-right: 1px solid white;
}
#header li a {
    color: white;
    padding: 10px;
}
#header li:last-child {
    border: 0;
}
#header li:last-child a {
    padding-right: 0;
}

#related {
    background-color: #969696;
    border-top: 5px solid #c10037;
    padding: 20px 0 40px 0;
    margin: 10px 0 20px 0;
}
#related .container {
    width: 990px;
}
div#related div.content {
    background:none;
    width: 960px;
    margin: 0 auto;
    color: #FFF;
    text-align:left;
    overflow:visible;
}
div#related div.content a {
 color:#fff;   
}
div#related p {
margin: initial;
display: block;
float: none;
text-align: center;
}


.community-pic {
  width: 240px;
  float: right;
  margin: 0 0 10px 1em;
}

/* table fixes for BS */
tbody th {
  background-color: initial;
  color: initial;
}
td, th {
  border: initial;
  background-color: initial;
}

.panel-heading .panel-title a {
    display:block;
    position:relative;
}
.panel-heading .panel-title a.collapsed::after {
  content: " \f054";
  
}
.panel-heading .panel-title a::after {
  content: " \f078";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top:0;
}

form {
    margin-top:initial;
}

/* instructor nav buttons */
#hero-buttons {
margin: 0;
list-style: none;
padding: 0;
}
#hero-buttons .btn {
display: block;
padding: 4px 10px;
margin-bottom: 10px;
font-size: 16px;
line-height: 30px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-image: none;
opacity: .80;
text-decoration: none;
}
.btn-green {
background-color: #777d12;
}
.btn-blue {
background-color: #00356A;
}
.btn-orange {
background-color: #BD5C1A;
}
.btn-gray {
background-color: #5E5D60;
}
.btn-red {
background-color: #c10037;
}
.btn-yellow {
background-color: #daa733;
}
.btn-turquoise {
background-color: #008b98;
}