/* IIT Base Styles */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

.container {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

#content-wrapper .container {
  max-width: 1120px;
}


#iit-gh-wrapper ul {
	list-style: none;
}

#iit-gh-wrapper a {
	text-decoration: none;
}

#iit-gf-wrapper a {
	text-decoration: none;
}

.no-touch #iit-gh-wrapper a:hover {
	text-decoration: underline;
}

.no-touch #iit-gh-wrapper #iit-gh-header-branding:hover {
	text-decoration: none;
}

.no-touch #iit-gh-primary-nav ul li a:hover {
    text-decoration: none;
}


/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
}


body {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

h2 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

h3 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

h4 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

h5 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

h6 {
  font-family: 'oswald', sans-serif;
  font-weight: 300;
}

p {
  font-size: 0.938em;
  line-height: 1.5em;
}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {
  font-size: 0.938em;
  line-height: 1.5em;
}

ul ul {
  font-size: 1em;
}

ol {
  font-size: 0.938em;
  line-height: 1.5em;
}

ol ol {
  font-size: 1em;
}

ol ol {
    list-style-type: lower-alpha;
}
ol ol ol {
    list-style-type: lower-roman;
}
ol ol ol ol {
    list-style-type: upper-alpha;
}
ol ol ol ol ol {
    list-style-type: upper-roman;
}

li {}

dl {
  font-size: 0.938em;
  line-height: 1.5em;
}

dl dl {
  font-size: 1em;
}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}



/* Standard Elements */
.clearer { clear:both; }

h1 {
  font-size: 2.3125em;
  color: #C00;
  line-height: 1.263157894em;
  margin: 0 0 0.5em 0;
}

h2 {
  font-size: 1.9375em;
  margin: 0.2em 0 0.8em 0;
  border-bottom: 1px solid #888;
  padding-bottom: 0.1em;
  color: #C00;
}

h3 {
  font-size: 1.4375em;
  text-transform: uppercase;
  margin: 1em 0 0.25em 0;
  letter-spacing: 1px;
  color: #C00;
}

h4 {
  font-size: 1.125em;
  text-transform: uppercase;
  margin: 1em 0 0.25em 0;
  letter-spacing: 1px;
  color: #C00;
}

a {
  color: #C00;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.wrapper-43 {
  position: relative;
  padding-bottom: 75%;
  height: 0;
}

.wrapper-169 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.wrapper-43 iframe,
.wrapper-169 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-content img {
  margin: 0.5em;
}

.grey-background {
  background-color: #EAEAEA;
  padding: 16px;
  margin-bottom: 20px;
}




/* Global Styles */

/* Department Page Header */
#header-wrapper {
margin-bottom: 2em;
}

#header {
    margin: 0 10px;
}

#header .iit-page-header {
  position: relative;
  z-index: 10;
}

#header .region-header {
  position: relative;
}

#header .region-header .block-block {
  margin: 0 10px;
  width: inherit;
}

#header .region-header .block-block .block-inner {
  margin: 0;
}

#header .iit-page-header h2 {
  font-family: 'oswald', sans-serif;
  font-size: 1.625em;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.428571428em 0 0;
  margin: 0;
  color: #888;
  line-height: 1.26923076923077em;
}

#header .iit-page-header h2 a {
    color: #888;
    text-decoration: none;
}

#header .iit-page-header h2 a span {
    color: #C00;
}
/* end Department Page Header */

/* Sidebar Menu */
nav.block-menu-block .block-inner {
  margin: 0;
  padding: 0;
}

nav.block-menu-block {
  background-color: #C00;
  padding: 16px;
  margin-bottom: 20px;
}

nav.block-menu-block a {
  color: #fff;
  outline: none;
}

nav.block-menu-block a:hover {
  text-decoration: none;
}

nav.block-menu-block ul {
  margin: 0.75em 0;
  padding: 0;
}

nav.block-menu-block li {
  line-height: 1.25em;
  margin: 0.3125em 0;
  list-style-type: none;
  list-style-image: none;
  padding-left: 1.1875em;
}

nav.block-menu-block ul li.leaf {
  background: url("images/sidenav-dot.png") no-repeat .125em .375em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  nav.block-menu-block ul li.leaf {
    background: url("images/sidenav-dot@2x.png") no-repeat .125em .375em;
    background-size: 9px;
  }
}

nav.block-menu-block ul li.collapsed {
  background: url("images/sidenav-plus.png") no-repeat .125em .375em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  nav.block-menu-block ul li.collapsed {
    background: url("images/sidenav-plus@2x.png") no-repeat .125em .375em;
    background-size: 9px;
  }
}

nav.block-menu-block ul li.expanded {
  background: url("images/sidenav-minus.png") no-repeat .125em .375em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  nav.block-menu-block ul li.expanded {
    background: url("images/sidenav-minus@2x.png") no-repeat .125em .375em;
    background-size: 9px;
  }
}

nav.block-menu-block a.active {
    font-weight: 800;
}

nav.block-menu-block h2 a.active {
    font-weight: 400;
}

nav.block-menu-block li a {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}

nav.block-menu-block h2 {
  font-family: 'oswald', sans-serif;
  font-weight: 400;
}

nav.block-menu-block h2.block-title {
  font-size: 1.5em;
  line-height: 1.125em;
  border: 0;
  margin: 0 0 0 0.7083333em;
  text-indent: -0.79166666666667em;
  text-transform: uppercase;
}

nav.block-menu-block h2 a:before {
  content: "« ";
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  position: relative;
  top: -0.15em;
}
/* end Sidebar Menu */

a[href$=".pdf"]:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url("images/application-pdf.png");
margin: 0 0.25em;
}

/* end global styles */


/* Standard layout */
@media only screen and (min-width:1025px) {

/* Page Header Region */
#header-wrapper {
  margin-bottom: 2em;
}
/* end Page Header Region */

/* Page Header */
#header .iit-page-header h2 {
  font-size: 2.125em;
  padding: 1em 0 0.20588235294118em;
}
/* end Page Header */

} /* end Standard Layout */


/* Tablet landscape */
@media only screen and (min-width:800px) and (max-width:1024px) {

/* Page Header Region */
#header-wrapper {
  margin-bottom: 1em;
}
/* end Page Header Region */

/* Page Header */
#header .iit-page-header h2 {
  font-size: 2.125em;
  padding: 1em 0 0.20588235294118em;
}
/* end Page Header */

} /* end Tablet landscape */


/* Tablet portrait */
@media only screen and (min-width:600px) and (max-width:799px) {

/* Page Header Region */
#header-wrapper {
  margin-bottom: 1em;
}
/* end Page Header Region */

/* Page Header */
#header .iit-page-header h2 {
  font-size: 2.125em;
  padding: 1em 0 0.20588235294118em;
}
/* end Page Header */

} /* end Tablet portrait */


/* iPad Portrait Overrides */
@media only screen and (min-width:750px) and (max-width:799px) {


} /* end iPad Portrait override */


/* Smartphone landscape */
@media only screen and (min-width:400px) and (max-width:599px) {

/* Page Header Region */
#header-wrapper {
  margin-bottom: 1em;
}
/* end Page Header Region */

/* Page Header */
#header .iit-page-header h2 {
  padding-bottom: 0.20588235294118em;
}
/* end Page Header */

} /* end Smartphone landscape */


/* Smartphone portrait */
@media only screen and (max-width:399px) {

/* Page Header Region */
#header-wrapper {
  margin-bottom: 1em;
}
/* end Page Header Region */

/* Page Header */
#header .iit-page-header h2 {
  padding-bottom: 0.20588235294118em;
}
/* end Page Header */

} /* end Smartphone portrait */


/* =============================================================================
 *   High Resoultion (HiDPI) Overrides
 * ========================================================================== */

/* Smartphone landscape, Smartphone portrait - HiDPI */
@media only screen and (max-width:599px) and (-webkit-min-device-pixel-ratio: 1.5) {


}

/* Tablet portrait, Tablet landscape, Standard layout - HiDPI */
@media only screen and (min-width:600px) and (-webkit-min-device-pixel-ratio: 1.5) {

}