/* Site CSS */

img {max-width:100%; height:auto;}

.raised {
    box-sizing: border-box;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 2px;
    margin-bottom: 1em;
}


.section {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

.section h2 {
   margin-bottom: .5em;
   }


body {
    background:none;
    background-color:#eee;
}

#container, #container.col3, #container.col2{
    width: 960p
}

#content_top {
    background:none;
}

.col3 #primary_aside, .col2 #primary_aside, .col2 #secondary_aside {
    background: transparent url(http://webcore.unm.edu/v1/images/container_back.gif) -1px 0 repeat-y;
}

.col3 #secondary_aside {
    background: transparent url(http://webcore.unm.edu/v1/images/container_back.gif) -240px 0 repeat-y;
}

div#footer div.content {
    background-color:transparent;
}

#page {
    width: auto;
    background-color:#fff;
    padding:0;  
    background: #fff url(../images/unm-seal-transparent.png) 90% 275px no-repeat;
}

#header {
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    padding:8px 0;
}


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

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

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

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

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

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


#dept_header {
    background: #a7a8aa url(../images/pres-banner-2017-1.jpg) no-repeat  center bottom;
    height: 250px; 
}

#dept_logo {
    background-color:rgba(100,100,100,.5);
    margin:0;
}



--



#featurex {
    font-size:1.2em;
    background-color: #ddd;
    margin: 0 0 20px 0;
    padding: 20px;
    overflow: auto;
    background: #f6f6f6 url(../images/unm-seal.png) top right no-repeat;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    -moz-box-shadow: 0px 1px 0px #ddd, 0px -1px 0px #ddd;
    -webkit-box-shadow: 0px 1px 0px #ddd, 0px -1px 0px #ddd;
    box-shadow: 0px 1px 0px #ddd, 0px -1px 0px #ddd;
}

.feature-text {
    margin-left:175px;
}

blockquote p {
    color:#c10037;
    padding:0 20px 0 0;
    font-size: 1.5em;
    font-weight:bold;
    background: url(../images/quote-down.png) bottom right no-repeat;
    text-shadow: 1px 1px #fff;
    font-style:italic;
    font-family: ‘Times New Roman’, Times, serif;
    margin: 0 0 20px 20px;
}

.feature-text blockquote {
    padding: 0 20px;
    background: url(../images/quote-up.png) top left no-repeat;
    margin:0;
}

.img-highlight {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

;
}

img.president {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    padding: 3px;
    background-color: white;
    border: 1px solid #CCC;
    border-image: initial;
}

.subhead {
    font-size: .7em;
    color: #999;
}

.blogpost {
    border-top: 3px solid #ccc;
    margin-bottom: 2em;
    clear:both;
}

.blogpost h2 {
    margin-bottom:.25em;
    font-size: 1.6em;
    text-shadow: 1px 1px 1px #ddd;
}

.blogpost h2 a {
    text-decoration:none;
    color:#c10037;
}

.blogpost-date:before {
    content: "Posted on ";
}

.blogpost-info {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding: .5em;
    background: #eee;
}

.blogpost-author::before {
    content: " by ";
}

.blogpost-date,.blogpost-author {
    display: inline;
    font-weight: bold;
    font-style:italic;
    font-size: .9em;
    color: #888;
}

.caption {
    text-align:center;
    font-weight:bold;
}

#staff_president {
    font-size:1.25em;
    margin:0;
}

ul.collist {
    list-style:none;
    margin:0;
}

ul.collist li{
    position:relative;
    float:left;
    width:45%;
    padding: .2em 1em .2em .2em;
    margin-bottom:1em;
}

#preshistory {
width: 100%;
font-size: 1.5em;
}

#preshistory thead th {
border: none;
background: #EEE;
color: #666;
font-size:.9em;
}

#preshistory tr {
border-bottom: 1px solid #C0C0C0;
}
#preshistory td,th {
border: 0;
padding:10px;

}


SELECT, INPUT, TEXTAREA, BUTTON {
margin-bottom: 0;
}



#footer {
 background:#eee url(../images/bg-ft.png) bottom left repeat;
 padding:1em 0;
 border-top:3px solid #c10037;
}

div#footer div.content {
    background:none;
    width: 920px;
    margin: 0 auto;
 
}



/* Process steps */


#process {
    margin: 0;
	padding: 0;
}
#process li {
	list-style: none;
	background-color: #f6f6f6;
	position: relative;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 0;
}
.process {
	padding: 20px 20px 0 75px;
}
#process li span {
	position: absolute;
	z-index: 3;
	font: italic 25px/60px Helvetica, Verdana, sans-serif;
	color: #ccc;
	padding-left: 20px;
}
#process li:before {
	content: " ";
	position: absolute;
	width: 40px;
	height: 100%;
	background-color: #fff;
	z-index: 1;
	-ms-transform: skew(5deg); /* IE 9 */
	-webkit-transform: skew(5deg); /* Chrome, Safari, Opera */
	transform: skew(5deg);
	left: -30px;
	top: -1px;
	border: 1px solid #fff;
	border-right: 1px solid #ccc;
}
#process li h3:before {
	content: " ";
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 25px 0 25px 40px;
	border-color: transparent transparent transparent #fff;
	top: 5px;
	left: 20px;
}
#process li h3:after {
	content: " ";
	position: absolute;
	background-color: #fff;
	width: 30px;
	height: 30px;
	left: 0;
	top: 15px;
	z-index: 2;
}
#process li h3 {
	color: #fff;
	padding: 0 10px;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	position: relative;
	padding-left: 75px;
	margin: 0;
}
.step-1 {
	margin-left: 0;
}
.step-1 h3 {
	background-color: #c10037;
}
.step-2 {
	margin-left: 30px;
}
.step-2 h3 {
	background-color: #5e5d60;
}
.step-3 {
	margin-left: 60px;
}
.step-3 h3 {
	background-color: #a4a3a7;
}
/* End Process steps */


.promo {
  position: relative;
  padding: 0;
  background: white;
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}





/* Fixes for UNM & Bootstrap conflicts*/
a.btn-default,.btn-default {
  color: #333333;
}
a.btn-primary, .btn-primary {
  color: #ffffff;
}
ul.list-group {margin-left:0;}
.well.pull-right {
    margin-left: 15px;
    margin-bottom: 15px;
}
ul.list-unstyled {margin-left:0;}
ul.list-unstyled.row {margin-left: -15px;}
.alert {background-image:none;}

/* End Fixes for UNM & Bootstrap conflicts*/