/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* Page =================================================== */
html {
  background: #ffffff;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000000;
}
.large-only {
  display: none;
}
header {
  background-color: black;
  color: white;
  padding: 3% 6.25%;
  position: relative;
}
header #icons {
  float: left;
  width: 24px;
  margin-right: 5.8824%;
}
header #icons a {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}
header #contact {
  float: left;
}
header #ident-wrapper {
  position: absolute;
  top: -47px;
  right: 6.25%;
  width: 136px;
  height: 136px;
  background: white;
  -moz-border-radius: 68px;
  -webkit-border-radius: 68px;
  border-radius: 68px;
  overflow: hidden;
  z-index: 99;
}
header #ident-wrapper #ident-top, header #ident-wrapper #ident-bottom {
  text-align: center;
  position: relative;
}
header #ident-wrapper #ident-top {
  margin-top: 12px;
  height: 50px;
}
header #ident-wrapper #ident-top span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
header #ident-wrapper #ident-bottom {
  padding: 10px 10px;
}
header #main-nav {
  clear: both;
  padding-top: 18px;
}
/*
 * PAGE HEADER STUFF ON HOME PAGE
 */
#page-header .page-header-image {
  width: 100%;
  height: auto;
}
#page-header #page-nav-container {
  padding: 3.125% 6.25%;
}
#page-header #page-nav-container #page-nav {
  width: 100%;
}
#page-header #page-nav-container div div {
  float: left;
}
#page-header #page-nav-container div.page-link {
  width: 16.875%;
  margin: 0 3.125%;
}
#page-header #page-nav-container div.sep {
  min-height: 20px;
  width: 2.5%;
  text-align: center;
}
/*
 * MAIN BODY STUFF
 */
.content-container {
  padding: 3% 6.667%;
  overflow: hidden;
}
.content-container h1 {
  clear: both;
}
.concave, .convex {
  padding-top: 33px;
}
/*
 * HOME PAGE MEDIA GALLERY SLIDER
 */
body.home #media {
  padding: 0;
  overflow: hidden;
}
body.home #media h2 {
  padding: 33px 6.667%;
}
body.home #media #carousel {
  padding-left: 0;
}
/*
 * STUDENT PROFILE
 */
.content-container .anchor-wrapper {
  margin-bottom: 3em;
  border-bottom: 1px dotted #939598;
  padding-bottom: 1em;
  height: 133px;
}
.content-container .anchor-wrapper .anchor-block .anchor-left {
  float: left;
  width: 50%;
}
.content-container .anchor-wrapper .anchor-block .anchor-right {
  float: right;
  width: 50%;
}
.content-container .anchor-wrapper .anchor-block .anchor-right .anchor-text {
  height: 73px;
  width: 200px;
  float: right;
}
.content-container .anchor-wrapper .anchor-block .anchor-right .circle-wrapper {
  float: right;
}
.content-container .anchor-wrapper .anchor-block .anchor-right .circle-wrapper .anchor-text {
  float: none;
  height: 100%;
}
.content-container .anchor-wrapper .anchor-block .anchor-right .circle-wrapper .link-words-2, .content-container .anchor-wrapper .anchor-block .anchor-right .circle-wrapper .link-words-2 a {
  padding-top: 50px;
}
#breadcrumb, #image-container {
  display: none;
 }
#image-container {
  float: right;
  width: 26.5625%;
 }
#image-container .image {
  margin-bottom: 25px;
}
#student-profile-container {
  clear: both;
  margin-top: 3em;
  border-top: 1px dotted #939598;
  padding-top: 1em;
}
#student-profile-container #student-profile-image {
  text-align: center;
}
#student-profile-container #student-profile-image .circle-wrapper {
  margin: 0 auto;
}
/*
 * CMS Object
 */
.content-container .object {
  margin-top: 25px;
  margin-bottom: 25px;
}
.content-container .object .object-image {
  float: left;
  width: 68px;
  margin-right: 3.6765%;
  text-align: center;
}
.content-container .object .object-image .circle-wrapper {
  margin: 0 auto;
}
.content-container .object .object-text {
  float: left;
}
.content-container .object .col2 .object-text {
  width: 55.147%;
}
.content-container .object .object-text p {
  margin: 1.838% 0;
}
.content-container .object .object-desc {
  clear: both;
  display: none;
}
/*
 * ART GALLERY
 */
body.artgallery #main-content-container {
  padding-top: 6.25%;
}
.content-container #gallery-container {
  margin-bottom: 6.25%;
}
.content-container #gallery-container #gallery-large-photo {
  text-align: center;
  margin-bottom: 6.25%;
}
.content-container #gallery-container #gallery-large-photo .circle-wrapper {
  margin: 0 auto;
}
.content-container #gallery-container #gallery-small-photos tbody td {
  text-align: center;
}
.content-container #gallery-container #gallery-small-photos tbody td .circle-wrapper {
  margin: 0 auto;
}
/*
 * FOOTER
 */
footer {
  background-color: black;
  color: white;
  padding: 6.667%;
  text-align: right;
}
footer .logo {
  margin: 15px 0;
  width: 50%;
  height: auto;
}
#layout {
  width: 100%;
  min-width: 272px;
  max-width: 569px;
  margin: 0 auto;
}
/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul, ol {
  margin: 0 0 1.5em -6.25%;
  padding: 0 0 0 6.25%;
}
li ul, li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
blockquote {
  margin: 0 0 1.5em -6.25%;
  padding-left: 6.25%;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl, dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub, sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: 1.5em;
}
/*sup { 
top : -.5em; }
*/
sub {
  bottom: -0.25em;
}
header {
  /* main navigation */

}
header #contact a {
  text-transform: uppercase;
  font-size: 9px;
  text-decoration: none;
}
header #ident-wrapper #ident-top, header #ident-wrapper #ident-top a {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
header #ident-wrapper #ident-top a:hover {
  color: black;
}
header #ident-wrapper #ident-bottom, header #ident-wrapper #ident-bottom a {
  font-size: 15px;
  line-height: 16px;
  font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: black;
}
header #ident-wrapper #ident-bottom a:hover {
  color: #f7001f;
}
header #main-nav ul {
  margin: 0 11px 0 -11px;
  padding: 0;
}
header #main-nav ul li {
  list-style-type: none;
  color: white;
  font-size: 13px;
  line-height: 24px;
  margin: 0 0 3px 0;
  padding: 0 0 0 14px;
}
header #main-nav ul li a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 24px;
}
header #main-nav ul li ul {
  margin: 0;
  padding-left: 6px;
  display: none;
}
header #main-nav ul li ul li {
  font-size: 10px;
  line-height: 12px;
  margin: 8px 0;
  padding: 0;
}
header #main-nav ul li ul li a {
  text-transform: none;
  font-size: 10px;
  line-height: 12px;
}
header #main-nav ul li.active, header #main-nav ul li.active ul li {
  padding-left: 14px;
}
header #main-nav ul li.active ul {
  display: block;
}
header #main-nav ul li.active ul li ul {
  display: none;
}
header #main-nav ul li.active ul li.active ul {
  display: block;
}
header #main-nav ul .menu-action {
  color: #f4e71a;
  font-weight: bold;
  margin-left: 10px;
  font-size: 20px;
  line-height: 1em;
}
header #main-nav ul ul .menu-action {
  margin-left: 7px;
  font-size: 16px;
  line-height: 12px;
}
/*
 * PAGE NAV
 */
#page-header #page-nav-container div.page-link {
  text-align: center;
  font-size: 10px;
  line-height: 11px;
}
#page-header #page-nav-container div.page-link a {
  color: #f4e71a;
  font-size: 10px;
  line-height: 11px;
  font-weight: bold;
  text-decoration: none;
}
#page-header #page-nav-container div.page-link a:hover {
  color: white;
}
#page-header #page-nav-container div.page-link-out a {
  color: #f7001f;
}
#page-header #page-nav-container div.page-link-out a:hover {
  color: white;
}
/* BREADCRUMBS */
#breadcrumb {
  font-size: 12px;
  line-height: 12px;
  color: #939598;
}
#breadcrumb a {
  font-size: 12px;
  line-height: 12px;
  color: #f7001f;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
}
#breadcrumb a.current {
  font-weight: bold;
}
#breadcrumb a:hover {
  color: #414042;
}
/*
 * MAIN PAGE
 */
.content-container h1 {
  font-size: 26px;
  line-height: 30px;
  color: #414042;
  font-weight: 600;
  font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-container h2 {
  font-size: 26px;
  line-height: 30px;
  color: #414042;
}
.content-container h2.light {
  color: #bcbec0;
}
.content-container h3 {
  font-size: 20px;
  line-height: 24px;
}
.content-container h4 {
  font-size: 16px;
  line-height: 20px;
  color: #414042;
  font-weight: bold;
}
.content-container h5 {
  font-size: 16px;
  line-height: 20px;
  color: #414042;
}
.content-container h6 {
  font-size: 16px;
  line-height: 20px;
}
.content-container .highlight {
  font-weight: bold;
  color: #0096ff;
}
.content-container p {
  font-size: 14px;
  line-height: 18px;
  margin: 1em 0;
  color: #414042;
}
.content-container p.highlight {
  font-size: 16px;
  line-height: 22px;
}
.content-container strong.light {
  color: #bcbec0;
}
.content-container ul, .content-container ol {
  margin-left: 0;
  padding-left: 3.125%;
}
.content-container ul li, .content-container ol li {
  font-size: 14px;
  line-height: 18px;
  color: #414042;
}
.content-container a {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #f7001f;
}
.content-container a.call-to-action {
  font-size: 18px;
  line-height: 20px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-container a:hover {
  color: #414042;
}
.content-container a.read-more {
  color: #414042;
}
.content-container a.read-more:hover {
  color: #f7001f;
}
/*
 * STUDENT PROFILE
 */
#main-content-container .anchor-block .anchor-text, #main-content-container .anchor-block .anchor-text a {
  text-align: center;
  font-size: 17px;
  line-height: 19px;
  font-weight: bold;
  padding-top: 60px;
}
#student-profile-text h4 {
  font-size: 17px;
  line-height: 19px;
  font-weight: bold;
  color: #0096ff;
}
#student-profile-text p {
  margin-top: 0;
}
#student-profile-text blockquote {
  font-style: italic;
  color: #0096ff;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.object .object-desc {
  color: #414042;
}
/*
 * FOOTER
 */
footer p {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}
footer p.headline {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}
footer p.legal {
  font-size: 10px;
  line-height: 16px;
}
footer a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}
/* Colour =================================================== */
header #icon-search {
  background: transparent url(../images/icon_search.png) top left no-repeat;
}
header #icon-search:hover, header #icon-search:active, header #icon-search:focus {
  background-position: 0 -24px;
}
header #icon-home {
  background: transparent url(../images/icon_home.png) top left no-repeat;
}
header #icon-home:hover, header #icon-home:active, header #icon-home:focus {
  background-position: 0 -24px;
}
header #contact a {
  color: #f4e71a;
}
header #contact a:hover {
  color: white;
}
header #ident-wrapper {
  background: #ffffff url(../images/ident_bg.jpg) 0 31px repeat-x;
}
header #ident-wrapper #ident-top {
  color: white;
}
header #ident-wrapper #ident-bottom {
  color: #414042;
}
header #main-nav ul li.active {
  background: transparent url(../images/red_arrow.png) 0 8px no-repeat;
}
header #main-nav ul li.active ul li {
  background-image: none;
}
header #main-nav ul li.active ul li.active {
  background-image: url(../images/red_dot.png);
  background-position: 0 4px;
}
/*
 * PAGE HEADER NAV
 */
#page-header #page-nav-container {
  background-color: black;
}
#page-header #page-nav-container div.sep {
  background: transparent url(../images/header_nav_sep.png) center center no-repeat;
}
#news {
  background-color: #d1d2d4;
}
#media {
  background-color: black;
}
/*
 * MAIN BODY STUFF
 */
.content-container {
  background-color: #e7e8e9;
}
body.home #main-content-container {
  background-color: #e5e5e5;
 }
.content-container .anchor-block .anchor-text {
  background-color: black;
  color: #f4e71a;
}
.content-container .anchor-block .anchor-text a {
  color: #f4e71a;
}
.content-container .anchor-block .anchor-text a:hover {
  color: white;
}
/*
 * FOOTER
 */
footer a {
  color: #f7001f;
}
/* Elements =================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin-bottom: 0.375em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #808080;
}
.list-bordered {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.list-bordered li {
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
  border-bottom: 1px dashed #c7ced6;
}
.list-bordered li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* Forms =================================================== */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
label input, label textarea, label select {
  display: block;
}
input, textarea, select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 0.375em;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover, textarea:hover, select:hover {
  border-color: #586879;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"], input[type="reset"], input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select, input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple], select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio, .checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline, .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus, textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block, .help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.75em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input, .form-inline textarea, .form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio, .form-inline .checkbox, .form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input, .form-search textarea, .form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio, .form-search .checkbox, .form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  /* background-color : @tablebackground; */

  /*
tbody tr td,
tbody tr th {
.transition(background-color .25s 0 linear); }

tbody tr:hover td,
tbody tr:hover th {
background-color : @tablehover; }
*/

}
table th, table td {
  padding: 8px;
  vertical-align: top;
  /* border-top : @tableborderwidth @tableborderstyle @tableborder; */

  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #8c9bab;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th, .table-bordered td {
  border-left: 1px solid #8c9bab;
}
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: #c7ced6;
}
@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2, h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre, blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}
@media only screen and (min-width: 570px) {
  #layout {
    width: 100%;
    min-width: 570px;
    max-width: 1020px;
    margin: 0 auto;
  }
  .small-only {
    display: none;
  }
  .large-only {
    display: block;
  }
  header {
    background: #000000 bottom right no-repeat;
    min-height: 250px;
    overflow: hidden;
  }
  header #ident-wrapper {
    width: 170px;
    height: 170px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    border-radius: 85px;
  }
  header #ident-wrapper #ident-top, header #ident-wrapper #ident-top a {
    font-size: 14px;
  }
  header #ident-wrapper #ident-bottom, header #ident-wrapper #ident-bottom a {
    font-size: 18px;
    line-height: 26px;
  }
  body.home header {
    min-height: 584px;
    background: #000000 bottom right no-repeat;
  }
  body.home header #ident-wrapper {
    width: 340px;
    height: 340px;
    -moz-border-radius: 170px;
    -webkit-border-radius: 170px;
    border-radius: 170px;
    background-position: 0 115px;
    top: -115px;
  }
  body.home header #ident-wrapper #ident-top {
    margin-top: 90px;
  }
  body.home header #ident-wrapper #ident-top, body.home header #ident-wrapper #ident-top a {
    font-size: 18px;
  }
  body.home header #ident-wrapper #ident-bottom, body.home header #ident-wrapper #ident-bottom a {
    font-size: 38px;
    line-height: 42px;
    padding-top: 25px;
  }
  header #contact {
    float: none;
    position: absolute;
    left: 27px;
  }
  header #contact a {
    font-size: 12px;
    font-weight: 700;
  }
  header #icons {
    float: none;
    position: absolute;
    top: 12px;
    right: 1.96%;
    margin: 0;
  }
  header #icons #icon-home {
    display: none;
  }
  header #icons #icon-search {
    height: 30px;
    width: 30px;
    background-image: url(../images/icon_search_large.png);
  }
  header #icons #icon-search:hover, header #icons #icon-search:active, header #icons #icon-search:focus {
    background-position: 0 -30px;
  }
  /* MAIN NAVIGATION */
  header #main-nav ul {
    position: absolute;
    top: 35px;
    left: 12px;
    margin: 0;
    width: 100%;
    /* hide third level if it belongs to a second level that is not active */
  
    /* second level / column */
  
  }
  header #main-nav ul li {
    width: 20%;
  }
  header #main-nav ul li.active {
    background-position: 0px 11px;
  }
  header #main-nav ul li ul li ul {
    display: none;
  }
  header #main-nav ul li ul li.active ul {
    display: block;
  }
  header #main-nav ul li.active ul {
    position: absolute;
    top: 0;
    left: 22.95%;
    border-left: 2px solid #0096ff;
    height: 115%;
    width: 22.95%;
  }
  header #main-nav ul li.active ul li {
    width: 100%;
    padding-left: 10%;
  }
  header #main-nav ul li.active ul li.first {
    margin-top: 0;
  }
  header #main-nav ul li.active ul li.active {
    background-position: 2% 5px;
    /* third level / column */
  
  }
  header #main-nav ul li.active ul li.active ul {
    left: 100%;
    width: 100%;
    height: 100%;
  }
  header #main-nav ul li.active ul li.active ul li {
    width: 75%;
  }
  header #main-nav .menu-action {
    display: none;
  }
  #page-header .page-header-image {
    display: none;
  }
  #page-header #page-nav-container div.page-link {
    width: 11.5%;
  }
  #page-header #page-nav-container div.page-link a {
    font-size: 18px;
    line-height: 19px;
  }
  #page-header #page-nav-container div.sep {
    background-image: url(../images/header_nav_sep_large.png);
    min-height: 38px;
    width: 2.5%;
  }
  /* ACTUAL CONTENT STUFF */
  #breadcrumb {
    display: block;
    margin-bottom: 20px;
  }
  .anchor-wrapper {
    display: none;
  }
  .content-container {
    padding: 22px 6.25% 275px;
    background-image: url(../images/content_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
  }
  .content-container h1, .content-container h2 {
    font-size: 48px;
    line-height: 52px;
  }
  .content-container h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .content-container h4,
  .content-container h5,
  .content-container h6,
  .content-container a.call-to-action {
    font-size: 22px;
    line-height: 24px;
  }
  .content-container a,
  .content-container p,
  .content-container ul li,
  .content-container ol li {
    font-size: 16px;
    line-height: 24px;
  }
  .content-container ul, .content-container ol {
    margin: 3em 0;
  }
  .content-container ul li, .content-container ol li {
    margin: 1em 0;
  }
  .content-container p.highlight {
    font-size: 26px;
    line-height: 34px;
  }
  body.home .content-container {
    background-image: none;
    padding-bottom: 2%;
  }
  #magic-overlay-wrapper {
    position: relative;
  }
  #magic-overlay-wrapper #magic-overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 1110px;
    width: 300px;
    background-image: url(../images/content_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 0;
  }
  body.artgallery #main-content-container {
    padding-top: 22px;
  }
  .content-split {
    float: left;
    width: 65%;
  }
  body.artgallery .content-split {
    width: 46.667%;
  }
  .objectDetail.peopleDetail .content-split {
    width: 100%;
  }
  #home-content, #home-title {
    margin-right: 33%;
  }
  #image-container {
    display: block;
  }
  #pageBody_175 #image-container {
    float: right;
    top: 10px;
    right: 30px;
    position: absolute;
    z-index: 2;
  }
  /* NEWS ON THE HOME PAGE */
  body.home #news h2 {
    margin-bottom: 0.5em;
  }
  body.home #news .news-item {
    float: left;
    width: 31%;
    margin-right: 3%;
  }
  body.home #news .news-item .highlight {
    font-size: 24px;
    line-height: 34px;
  }
  body.home #news .news-item img, body.home #news .news-item .circle-wrapper {
    float: left;
    width: 82px;
    margin: 1%;
  }
  body.home #news .news-item.last {
    margin-right: 0;
  }
  /* STUDENT PROFILE */
  #student-profile-container {
    clear: none;
    float: right;
    width: 26.5625%;
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
  #student-profile-container #student-profile-text {
    margin: 20px 0 0 11%;
    border-left: 3px dotted #939598;
    padding-left: 7%;
  }
  #student-profile-container #student-profile-text h4 {
    font-size: 22px;
    line-height: 24px;
  }
  #student-profile-container #student-profile-text p, #student-profile-container #student-profile-text blockquote {
    font-size: 15px;
    line-height: 23px;
  }
  /**
   * MEDIA GALLERY
   */
  body.home #media h2 {
    padding: 1% 6.25% 2%;
  }
  body.home #media {
    background: #000000 url(../images/media_bg.jpg) bottom right no-repeat;
    padding-bottom: 319px;
  }
  body.home #carousel {
    margin-top: 0;
  }
  body.home #carousel li {
    float: left;
    margin: 0;
  }
  body.home #carousel li img {
    width: 100%;
    height: auto;
  }
  body.home #carousel.column-5 li {
    width: 20%;
  }
  body.home #carousel.column-4 li {
    width: 25%;
  }
  body.home #carousel.column-3 li {
    width: 33%;
  }
  body.home .go-overlay-media {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../images/media_video.png) center center no-repeat;
    height: 100%;
    width: 100%;
  }
  body.home .go-overlay-audio {
    background-image: url(../images/media_audio.png);
  }
  /* ART GALLERY */
  #gallery-container {
    clear: none;
    float: right;
    width: 50%;
    margin-top: 0;
    padding-top: 0;
  }
  #gallery-container td {
    display: table-cell;
  }
  #gallery-container td.small-only {
    display: none;
  }
  /*People*/
  #people-portrait {
    clear: none;
    float: right;
    margin-top: 0;
    padding-top: 0;
  }
  /**
   * FOOTER
   */
  footer {
    clear: both;
    position: relative;
    padding: 275px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    margin-top: -275px;
    background-color: transparent;
    background-image: url(../images/footer_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
  }
  footer .logo {
    position: absolute;
    bottom: -40%;
    left: 0;
    margin: 0;
    height: auto;
    width: auto;
  }
  footer .legal {
    position: absolute;
    bottom: -40%;
    right: 0;
  }
  footer #footer-container {
    background-color: black;
    padding: 0 6.667%;
  }
  footer #footer-container #footer-text {
    position: relative;
    top: -9em;
  }
}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
  .content-container .object .object-desc {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
  /* MAIN NAVIGATION */
  header #main-nav ul {
    /* second level / column */
  
  }
  header #main-nav ul li a {
    font-size: 18px;
    line-height: 32px;
  }
  header #main-nav ul li.active ul a {
    font-size: 14px;
    line-height: 16px;
  }
  footer a, footer p, footer p.headline {
    font-size: 16px;
    line-height: 24px;
  }
  .content-container .object {
    float: left;
    margin-right: 2.5%;
  }
  .content-container .object .location-desc {
    display: block;
  }
  .content-container .object.col2 {
    width: 47%;
  }
  .content-container .object.col2:nth-child(even) {
    clear: both;
  }
}
/*

// 480px
@media only screen and (min-width: 480px) {
@import "480.less";
}

// 600px
@media only screen and (min-width: 600px) {
@import "600.less";
}

// 768px
@media only screen and (min-width: 768px) {
@import "768.less";
}

// 992px
@media only screen and (min-width: 992px) {
@import "992.less";
}

// 1382px
@media only screen and (min-width: 1382px) {
@import "1382.less";
}

*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}
/* 320 and Up */
/* Modules upstart */
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.grid {
  margin-bottom: 1.5em;
  border-bottom: 1px dashed #c7ced6;
}
.grid:last-child {
  margin-bottom: 0;
  border-bottom-width: 0;
}
.furniture-letter {
  overflow: hidden;
}
.furniture-letter span {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  height: 44px;
  width: 44px;
  background-color: #2d353e;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  /* Styles */
}
@media only screen and (min-width: 600px) {
  /* Styles */
}
@media only screen and (min-width: 768px) {
  .grids-two .grid {
    width: 43.03%;
    margin-bottom: 0;
    border-bottom-width: 0;
  }
  .grids-two .grid-1 {
    float: left;
  }
  .grids-two .grid-2 {
    float: right;
  }
  .grids-three .grid-a {
    float: left;
    width: 31.64%;
    margin-right: 2.53%;
  }
  .grids-four .grid-a {
    float: left;
    width: 31.64%;
    margin-right: 2.53%;
  }
}
@media only screen and (min-width: 992px) {
  .grids-three .grid {
    float: left;
    width: 31.64%;
    margin: 0 2.53% 0 0;
    border-bottom-width: 0;
  }
  .grids-three .grid-3 {
    float: right;
    margin-right: 0;
  }
  .grids-three .grid .grid-a {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.75em;
  }
  .grids-four .grid {
    float: left;
    width: 20.25%;
    margin: 0 6.32% 0 0;
    border-bottom-width: 0;
  }
  .grids-four .grid-4 {
    float: right;
    margin-right: 0;
  }
  .grids-four .grid .grid-a {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1382px) {
  /* Styles */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/* 320 and Up */
/* Panels Upstart */
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.full {
  margin-bottom: 1.5em;
  padding: 1.5em;
  background-color: #f3f5f6;
  border-top: 2px solid #c7ced6;
  border-bottom: 2px solid #c7ced6;
}
.full .grids {
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0;
}
@media only screen and (min-width: 480px) {
  /* Styles */
}
@media only screen and (min-width: 600px) {
  /* Styles */
}
@media only screen and (min-width: 768px) {
  .special .grids-three .grid-a, .special .grids-four .grid-a {
    width: 43.03%;
  }
}
@media only screen and (min-width: 992px) {
  .special .grids-three .grid-a, .special .grids-four .grid-a {
    width: 100%;
  }
}
@media only screen and (min-width: 1382px) {
  /* Styles */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}