html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

h1 {
    font-weight:400;
	font-size: 2em;
	margin: 20px 0;
}

h2 {
    font-weight:300;
	font-size: 2em;
}

h2 strong {
    font-weight:400;
}

h3, .h3 {
    font-size: 1.4em;
	margin-bottom: 0;
}

#content h3 + p, #content h3 + ul, #content h3 + ol, #content .h3 + p, #content .h3 + ul, #content .h3 + ol {
    margin-top: .4em;
}

h5 {
    font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0;
}

#content h5 + p, #content h5 + ul, #content h5 + ol, #content .h5 + p, #content .h5 + ul, #content .h5 + ol {
    margin-top: .4em;
}


p {
    font-family:'Lato', sans serif;
}

cite {
	font-style: italic;
}

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

.leftfloat, .rightfloat {
    display: block;
}

a.icond {
    text-decoration: none;
	color: #333;
}

blockquote.withthumb img {
	height: 160px;
	width: 160px;
	border-radius: 80px;
	float: left;
	margin-left: -80px;
}

blockquote footer {
    background-color: transparent;
	color: #333;
	text-align: right;
	padding-top: 14px;
}

blockquote footer cite {
	font-style: italic;
}

blockquote footer cite:before {
    content: '—';
}

blockquote + h2 {
    margin-top: 0;
}

.captioned {
	display: table;
	}

.captioned p {
	color: #fff;
	font-size: .9em !important;
	line-height: 1.2em;
	padding: 10px 16px;
	margin: 0 !important;
	display:table-caption;
	caption-side:bottom;
	background: #424242;
	}


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  padding: 0;
  margin-bottom: 2.5em;
}

table th, table td {
  padding: 5px 5px 4px;
  text-align: left;
}

table th {
  font-weight: bold;
  vertical-align: middle;
}

table td, table tbody th {
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #efefef;
}

.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
  background-color: #fdffc0;
}

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

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

ol ol ol ol {
  list-style-type: decimal;
}

dt, dd {
  font-size: 16px;
  line-height: 1.5em;
}

dd {
  margin-bottom: 1.5em;
}

.highlight {
	background-color: #fffec9;
	padding: 0 10px;
}

span.highlight {
	padding: 0;
}

/* Make cursor a pointer when hovering over SVG maps */

g#outlines a {
    cursor: pointer;
}

/* ------------------------- */


#sidebar-aux {
margin: 30px 0;
}

.nav-stacked>li+li {
margin-top: 0;
}

.navbar-default {
	background-color: #FFFFFF;
}

#sidebar .sidenav li a.current:after, #sidebar .sidenav li.active li a.current:after {
	content: "" !important;
}

#sidebar .sidenav li a {
	border-bottom: 1px solid #D9D9D9;
	color: #666666;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 8px;
	font-size: 1.15em;
	margin-bottom: 0px;
}

#sidebar .sidenav ul > li > ul{
	padding-bottom: 10px;	
	border-bottom: 1px solid #D9D9D9;
}
#sidebar .sidenav ul > li > ul li {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebar .sidenav ul > li > ul li a {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 20px;
	font-size: 16px;
	border: none;
	display: block;
}
#sidebar .sidenav ul > li > ul li:hover {
	background-color: none;
}
#sidebar .sidenav ul > li > ul li a:hover {
	text-decoration: none;
}
#sidebar .sidenav .nav.nav-stacked li ul li ul li  {
	border-bottom: medium none;
	font-size: 14px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-top: 2px;
}
#sidebar .sidenav .nav.nav-stacked li ul li ul li a {
	font-size: 14px;
}
#sidebar .sidenav .nav.nav-stacked li ul li ul{
	padding-bottom: 10px;	
	border-bottom: none;
}
#sidebar .sidenav .nav.nav-stacked li ul li ul li ul li {
	border-bottom: medium none;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-top: 2px;
}

#sidebar .socialmedia {
	margin: 20px 0;
}


section h2.h3 {
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    white-space: normal;
}


#main-container td, #main-container th {
	font-size: 16px;
}


/* ---------------------------------------- */
/* --------------------------- */
/* -------- HEADER -------- */
/* --------------------------- */
/* ----------------------------------------------------- */


body.nonav .navbar { 
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



#site-heading {
	font-size: 2em;
	top: 0;
	margin-top: 1.8em;
	font-weight: 400;
}


#banner_img {
	max-width: 100%;
}

#banner_cont {
    min-height: 30px;
	position: relative;
	}

#banner_cont #banner-caption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 30%;
	margin: 0;
	background: rgba(157,34,53,0.85);
	padding: 2px 10px;
	color: #fff;
	font-weight: 500;
	font-size: 1.7em;
	}

#banner_cont.puesnada { /* if $topart OU var is set to 0 -- no static image or slider, as on CLASS home -- #banner_cont becomes empty spacer to separate header and content */
    height: 40px;
	}


/* ---------------------------------------- */
/* --------------------------- */
/* -------- BODY -------- */
/* --------------------------- */
/* ----------------------------------------------------- */

/* -------- main content -------- */

#content {
	padding-bottom: 30px;
	}

#content p {
	margin: 20px 0;
	}

#content ul, #content ol {
	margin-bottom: 20px;
	}

#content li ul, #content li ol {
	margin-bottom: 0;
	}

#content address {
	margin-top: 10px;
	}

#main-container p.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

#calendar-list li {
	padding:10px 0;
}

/* -------- sidebar -------- */

#menuheader {
	background-color: #f5f5f5;
	padding: 5px 10px;
	margin: 0 0 30px 0;
}

#menuheader p {
	text-transform: uppercase;
	margin: 0;
}

#menuheader p:first-child {
	font-size: 1.5em;
}

#sidebar section.socialmedia ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar section.socialmedia li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 5px;
}

.facebook32, .twitter32, .youtube32  {
	text-decoration: none;
}


.facebook32:before {
	content: '\f082';
    font-size: 32px;
	font-family: FontAwesome;
	color: #424d8f;
}


.twitter32:before {
	content: '\f099';
    font-size: 32px;
	font-family: FontAwesome;
	color: #5bb9e1;
}

		
.youtube32:before {
	content: '\f16a';
    font-size: 32px;
	font-family: FontAwesome;
	color: #c23b40;
}

#deadlines-and-events {
	padding-top: 0;
}


#deadlines-and-events h3 {
	font-size: 1.1em;
	color: #af0001;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}


#deadlines-and-events ul {
	list-style-type: none;
}
	
/* --------- forms ---------- */
#content fieldset {
	padding: 0 0 25px;
}

#content label {
	display:block;
	margin-bottom: 2px;
}
#content label.radio-inline {
	display:inline-block;
}

#content input[type="text"], #content input[type="tel"], #content input[type="date"], #content input[type="email"], #content select, #content textarea {
	margin-bottom:15px;
	padding: 4px;
}

#content label, #content input, #content select, #content textarea {  
    font-size:15px;  
}

#content fieldset p:first-of-type {
	margin: 0 0 20px;
}

#content input:focus, #content select:focus, #content textarea:focus {  
    border: 1px solid #676767;  
    background-color: #f0eded;
}  


/* -------- accordion -------- */

#accordion {
    margin-top: 20px;
	}



/* ---------------------------------------- */
/* --------------------------- */
/* -------- FOOTER -------- */
/* --------------------------- */
/* ----------------------------------------------------- */


/* --------- footer-top --------- */


#footer-top ul {
	list-style-type: none;
}



/* -------- superfoot -------- */

#superfoot section {
	padding: 20px;
	margin: 0;
}


#superfoot .dark {
	background-color: #424242;
	color: #fff;
}

#superfoot .dark h2 {
	color: #fff;
}

#superfoot .dark a {
	color: #fff;
	text-decoration: none;
}

#superfoot .dark a:hover {
	color: #fff;
	text-decoration: underline;
}

#superfoot .light, #footer-links-contact {
	background-color: #ececec;
}

#superfoot .light h2:before, #superfoot .light h2:after {
	background: linear-gradient(#5c5c5c, #5c5c5c) no-repeat center / 82% 1px;
}

#important_dates li {
	display: inline-block;
}

 #important_dates h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
}

#footer-links-contact ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#footer-links-contact address {
	margin-bottom: 0;
}

#footer-links-contact h2 {
	margin-top: 0;
}




/* ---------------iconised links------------------------- */

@media screen {

a[href$='.pdf'], a[href$='.PDF'], a[href$='.doc'], a[href$='.DOC'], a[href$='.docx'], a[href$='.DOCX'] {
    padding-right:20px;
}

a[href$='.pdf']:after, a[href$='.PDF']:after {
	content: ' \f1c1';
	font-family: FontAwesome;
	color: #000;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}

a[href$='.doc']:after, a[href$='.DOC']:after, a[href$='.docx']:after, a[href$='.DOCX']:after {
	content: ' \f1c2';
	font-family: FontAwesome;
	color: #2a3281;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}
	
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */


@media print {
	#sidebar, nav, #opener, #superfoot, #footer-links-contact, footer  {display: none;}
	body  {margin: 0px;}
    p, table, ol, ul, a, address {page-break-inside: avoid; font-family: Times, 'Times New Roman', serif;}
	h2, h3, h4, h5 {page-break-after: avoid; font-weight: 500;}
	h1 {text-align: center; margin-bottom: 1.3em}
	.collapse {display: block;}
    .panel {border: none;}
    .panel-default>.panel-heading {background-color: transparent;}
    .panel-heading { padding: 1em 0 0 0; border-bottom: none;}
    .panel-title {font-size: 18px;}
    .panel-body {padding: 0;}
    .panel-group .panel-heading+.panel-collapse .panel-body {border-top: none;}



}

@page {size: auto;margin: 25mm 25mm 25mm 25mm;} 


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */


@media (min-width: 768px) {
				
	#main-container  p.intro {font-size: 1.5em; line-height: 1.6em; margin: 6px 0 30px 0;}
	#main-container p.lead {font-size: 21px;}
	blockquote {border-left: none;margin: 3em;margin-left: 6.4em;}
    blockquote:last-child {margin-bottom: 0;}
    blockquote p {font-size: 1.4em !important; line-height: 1.3em;}
	blockquote p:first-child:before, blockquote img + p:before {content: "\f10d"; font-family: FontAwesome;  float: left; margin-left: -1.3em; font-size: 2.5em; color: #d5d5d7; line-height: 1.2em;}
    blockquote.withthumb p {padding-left: 160px;}
    blockquote.withthumb:before, blockquote.withthumb:after { content: " "; display: table;}
    blockquote.withthumb:after { clear: both;}
	#footer-top ul li {display: inline-block; border-right: 1px solid #ccc; width: 18%; text-align: center;}
    #footer-top ul li:last-child {border-right: none;}
	#footer-links-contact .container div {display: inline-block; vertical-align: bottom; width: 24%; padding-right: 20px;}
    #footer-links-contact .container div:last-child {padding-right: 0;}
	#footer-top h2 span {display: block; font-size: 2em; color: #a32136; padding-bottom: 4px;}
    #footer-top h2 {text-align: center;font-weight: 300;font-size: 1.5em;width: 100%;}
    .leftfloat {float: left;margin: 5px 30px 30px 0;}
	.rightfloat {float: right;margin: 5px 0 30px 30px;}
    body.nonav #search-stack {top: 41px;}
    body.nonav #header-bg { border-bottom: 1px solid #D9D9D9;}
    .btn-lg { font-size: 18px; }
}

@media (max-width: 480px) {
	#search-stack {top: -100px; display:block;}
	#site-heading {margin-top: 10px !important;}
}


@media (min-width: 481px) and (max-width: 767px) {
    #site-heading {margin-top: 10px !important;}
/*    #opener .brand{height: 75px;} */
    blockquote.withthumb img {display: none;}
    #search-stack {display: inline-block; top:0}
	.navbar {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.navbar-toggle {float: none; margin-left: 15px;}
    #sidebar .navbar-collapse.collapse { display: none !important; }
	#banner_cont {min-height: 0;}
	#content {margin-top: 0;}
    #banner_cont #banner-caption { display: none; }
}


@media (min-width: 768px) and (max-width:991px){
    #mainnav > li > a span {display: none;}
    #newRadios{padding-right: 5px;}
	.staff { clear: both; }
    .bio { margin-left: 150px; }
    .personImage { float: left; width: 140x; }
}



@media(min-width:992px){
    .two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
/*	#main {float: right;} */
	#search-stack {  width: 400px; float: right; }
	.row.twocol {  position: relative;}
    .row.twocol:before { content: ''; position: absolute; top: 0; bottom: 0; left: 68%;  height: 100%;  width: 1px; background-color: #D9D9D9; display: block;}
	#rightcolumn { padding-left: 30px;}
 /*   .navbar-default {background-color: transparent;} */
    #sidebar { margin-top: 0 !important; }

}


@media (max-width: 991px) {
    #search-stack form input {width: 150px;}
    #site-heading a {font-size: .7em; line-height: 1em;}
    #sidebar {margin-top: 30px;}
    #newRadios {display: none;}
    #banner_cont #banner-caption { right: 20px; font-size: 1.4em; }
}





@media (min-width: 1072px) {
    

}