/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 May 2024 05:54:42
*/


/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { color: #000; }
body { margin:0; }

::-moz-selection { background: #6DC5E3; color: #fff; text-shadow: none; }
::selection { background: #6DC5E3; color: #fff; text-shadow: none; }

a { color: #cc0000; }
a:visited { color: #666; }
a:hover { color: #EC1400;}
a:focus, *:focus { outline: thin dotted red; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 100%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 100%; }

sub, sup { font-size: 100%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; }
ul {padding-left:15px;}
ol {padding-left:20px;}
li {padding:3px 0;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { box-shadow:0 1px 3px #555555 inset; overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table {border-collapse: collapse; border-spacing: 0; margin-bottom:20px; width:100%;}
caption { color:#666; font:140% RudaBold, Arial, Helvetica, sans-serif; text-align:left; padding-top:3px; padding-bottom:8px;}
th {background-color:#E7E7E7; border:1px solid #CCCCCC; color:#666666; font:bold Arial,Helvetica,sans-serif; padding:4px; text-align:left; vertical-align:top;}
td {border:1px solid #D9D9D9; padding:5px 5px 8px 4px; vertical-align:top;}

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Author: Stuart Sherwood
   ========================================================================== */

html {font-family:Roboto, sans-serif;}
body {padding-top:10px;}

@font-face{ 
  font-family: 'Roboto'; src: url('/__data/assets/file/0020/549011/Roboto-Light-webfont.eot');
  src: url('/__data/assets/file/0020/549011/Roboto-Light-webfont.eot?iefix') format('eot'), url('/__data/assets/file/0006/549015/Roboto-Light-webfont.woff') format('woff'), url('/__data/assets/file/0005/549014/Roboto-Light-webfont.ttf') format('truetype'), url('/__data/assets/file/0004/549013/Roboto-Light-webfont.svg#webfont') format('svg');
}

@font-face{ 
  font-family: 'Roboto Bold'; src: url('/__data/assets/file/0004/552109/RobotoCondensed-Bold-webfont.eot');
  src: url('/__data/assets/file/0004/552109/RobotoCondensed-Bold-webfont.eot?iefix') format('eot'), url('/__data/assets/file/0016/552112/RobotoCondensed-Bold-webfont.woff') format('woff'), url('/__data/assets/file/0015/552111/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('/__data/assets/file/0014/552110/RobotoCondensed-Bold-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'RudaBold';
    src: url('/_designs/corporate/fonts/ruda-bold-webfont.eot');
    src: url('/_designs/corporate/fonts/ruda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_designs/corporate/fonts/ruda-bold-webfont.woff') format('woff'),
         url('/_designs/corporate/fonts/ruda-bold-webfont.ttf') format('truetype'),
         url('/_designs/corporate/fonts/ruda-bold-webfont.svg#RudaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto Bold',sans-serif; font-weight:normal; margin:0 0 4px 0;}
#content h1 {font-size:200%; line-height:1; margin:0 0 15px 0; text-transform:uppercase;}
#content h2 {font-size:180%; line-height:1.333;}
#content h3 {font-size:160%; line-height:1.25;}
#content h4 {font-size:140%; line-height:1.428;}
#content h5 {font-size:130%; line-height:1.462;}
#content h6 {font-size:100%;}

p, li, th, td, dt, dd, label {font-size:16px; font-size:1.6rem; line-height:2;}
p + p {margin-top:-4px;}

a[href^="mailto:"] {background:url(/__data/assets/image/0014/13127/email.png) no-repeat right top; padding-right:15px;} 
a img {border:medium none; vertical-align:bottom;}
img.scale {width:100%;}

abbr, acronym {cursor:help;}
address {margin:0 0 20px 0;}
blockquote {background-color: #F2F2F2; margin: 0 0 30px; overflow:auto; padding:15px;}
cite {}
code {color:green; display:block; padding:10px; background-color:#f2f2f2;}
del {}
em {}

/* Forms */
    button {}
    fieldset {background:transparent url(/__data/assets/image/0003/12864/dotted-line.gif) repeat-x 0 bottom; display:block; border-top:1px solid #ccc; border-bottom:none; border-left:none; border-right:none; margin:0 0 30px 0; padding:0 0 20px 0;}
    form p {margin-bottom:8px;}
    input[type="text"], input[type="date"], input[type="datetime"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], textarea {border:none; padding:5px; border-radius:3px;}
    input[type="checkbox"], textarea {margin-bottom:0;}
    input[type="checkbox"] {margin-right:5px;}
    input[type="radio"] {margin-right:5px; vertical-align:middle;}
    input[type="submit"] {}
    input:focus, textarea:focus {background:#ffc;} /* style form elements on focus */
    label {font-weight:normal}
    legend {color:#444; font:180% RudaBold, Arial, Helvetica, sans-serif; line-height:2.5; margin:0 0 0 -1px; padding-right:10px;}
    optgroup {}
    select {box-shadow:0 1px 3px #555; box-sizing:content-box; padding:2px 0; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
    textarea {box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* Lists */
    dl {margin:0; padding:0.5em 0;}
    dt {margin:0; padding:0; font-weight:bold;}
    dd {margin:0 0 0.2em 0; padding:0;}
    dd + dt {margin-top:10px;}
    li {padding-top:0;}

p {margin:0 0 15px 0;}

samp {color:green; display:block; margin-bottom:15px; padding:10px; background-color:#f2f2f2;}
strike {}

tt {}



/* =============================================================================
   Page layout - main elements only
   ========================================================================== */

.standard {padding:10px 10px 0 10px;}
.student {margin:20px 0; padding:0;}
#page-holder {margin:0 auto; max-width:940px; min-width:320px; padding:0 10px;}
#nav-skip {float:right; font-size:110%; margin:0; padding:5px 0; white-space:pre;}
#nav-skip a {color:#333;}
#logo {float:left; margin-bottom:11px;}
#search-bar {clear:right; float:right;}
#search-bar input[type="text"] {border:1px solid #999; border-radius:0; box-shadow:none; padding:6px 7px;}
#search-bar input[type="submit"] {background:#F99D27; border:none; font-weight:bold; padding:7px 9px;}
#header {clear:both;}

#nav-global {font-family:"Roboto Bold",sans-serif; list-style-type:none; margin:0; padding:0;}
#nav-global a {color:#fff; display:block; padding:8px 12px; text-decoration:none;}
#nav-global a:hover {background-color:#F99D27; color:#333;}
#nav-global li {display:inline-block; font:normal 16px/20px 'Roboto Bold',sans-serif; padding:0; width:48%;}
#nav-global li.current {background-color:#F99D27;}
#nav-global li.current a {color:#333;}

#show-global-menu {background-color:#504742; border-bottom:10px solid #fff; border-top:10px solid #fff; color:#fff; cursor:pointer; display:none; margin:0; padding:5px 0; text-align:center;}
.live #show-global-menu {display:block;}
#show-nav {display:none;}

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

#nav-local {margin-bottom:20px;}
#nav-local h3 {background-color:#242424; font-size:160%; margin:0;}
#nav-local h3 a {display:block; text-transform:uppercase; text-decoration:none; padding:12px;}
#nav-local ul {list-style:none; margin:0; padding:0;}
#nav-local li {padding:0;}
#nav-local li a {background-image: url(/__data/assets/image/0005/12866/solid-arrow.gif); background-position:12px 20px; background-repeat:no-repeat; display:block; padding:8px 10px 8px 20px; text-decoration:none;}
#nav-local a.parent {background-image: url(/__data/assets/image/0006/12867/solid-arrow-down.gif);}
#nav-local ul ul li a {background-position:20px 18px; padding-left:30px;}
#nav-local ul ul ul li a {background-position:30px 18px; padding-left:40px;}

.standard #nav-local {background-color:rgba(0,0,0,0.1);}
.standard #nav-local h3 a {color:#fff!important;}
.standard #nav-local a, .standard #nav-local a:visited {color:#242424;}
.standard #nav-local ul ul, .standard #nav-local .parent {background-color:rgba(0,0,0,0.1);}
.standard #nav-local ul ul ul, .standard #nav-local li a:hover {background-color:rgba(0,0,0,0.1);}
.standard #nav-local a.current, .standard #nav-local ul ul ul li a.parent {border-left:8px solid #e42312; background-image:none; padding-left:12px;}
.standard #nav-local li a.current:hover {background-color:rgba(0,0,0,0.3);}

.student #nav-local {background-color:rgba(0,0,0,0.1);}
.student #nav-local h3 a {color:#fff!important;}
.student #nav-local a, .student #nav-local a:visited {color:#242424;}
.student #nav-local ul ul, .student #nav-local .parent {background-color:rgba(0,0,0,0.1);}
.student #nav-local ul ul ul, .student #nav-local li a:hover {background-color:rgba(0,0,0,0.1);}
.student #nav-local a.current, .student #nav-local ul ul ul li a.parent {border-left:8px solid #e42312; background-image:none; padding-left:12px;}
.student #nav-local li a.current:hover {background-color:rgba(0,0,0,0.3);}

#site-title {color:#fff; font:24px/28px 'Roboto Bold', sans-serif; margin:0; padding:16px 20px; text-transform:uppercase;}
#nav-breadcrumb {background-image:url(/__data/assets/image/0003/12864/dotted-line.gif); background-repeat:repeat-x; background-position:0 bottom; clear:left; color:#666; font-size:140%; margin-bottom:20px; padding:6px 2px 10px 2px;}
#nav-breadcrumb a {color:#666; text-decoration:none;}
#content input[type="submit"] {
  background: #ffff00; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffff00 0%, #f99d27 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#f99d27)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffff00 0%,#f99d27 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffff00 0%,#f99d27 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffff00 0%,#f99d27 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffff00 0%,#f99d27 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#f99d27',GradientType=0 ); /* IE6-9 */
  box-shadow:none; border-radius:3px; padding:4px;
}
#content-wrapper input[type="text"], #content-wrapper input[type="date"], #content-wrapper input[type="datetime"],  #content-wrapper input[type="search"], #content-wrapper input[type="password"], #content-wrapper input[type="email"], #content-wrapper input[type="tel"] {box-shadow:inset 0 1px 3px #555;}
#content-secondary {min-width:275px; margin-top:20px; padding:12px;}
#footer {background-color:#363636; color:#fff; margin:0; padding:20px;}
#footer h2 {font-size:180%; margin:0 0 8px; text-transform:uppercase;}
#footer li, #footer p {font-size:160%; line-height:1.2; margin-bottom:8px;}
#footer a, #footer a:visited {color:#fff;}
#footer a:hover {text-decoration:none;}
.fat-footer {display:inline-block; min-height:160px; max-width:160px; vertical-align:top;}
.fat-footer ul {list-style-type:none; margin-bottom:20px; padding:0 15px 0 0;}
.fat-footer li {padding:4px 0;}
#social-media {list-style-type:none; padding:0;}
#social-media li {background:transparent url(/__data/assets/file/0004/796396/social-media.svg) no-repeat 0 0; background-size:32px; display:inline-block; height:32px; margin:0 20px 20px 0; padding:0; width:32px;}
#social-media li a {display:block; height:32px; text-indent:-100000px;}
#social-media #twitter {background-position:0 -32px;}
#social-media #facebook {background-position:0 0;}
#social-media #youtube {background-position:0 -96px;}
#social-media #flickr {background-position:0 0;}
#social-media #linkedin {background-position:0 -128px;}
#social-media #instagram {background-position:0 -160px;}
#social-media #google {background-position:0 -64px;}
#legal {list-style-type:none; padding:20px 0 0 0;}
#legal li {display:inline; padding:0 15px 0 0;}
#legal #flag {display:block; margin-top:15px;}
#emergency-link {}
#emergency-link a {color:#cc0000;}
#copyright {font-size:14px; margin:0; padding:40px 175px 20px 0; position:relative;}
#iru {margin-top:-8px; position:absolute; right:0;}
#editors {background-color:#EEE; border-radius:4px; clear:both; font-size:0.8em; line-height:2; padding:8px 10px;}

/* =============================================================================
   Paint - modular colour schemes
   ========================================================================== */

.standard #nav-global {background-color:#242424;}
#site-title {background-color:#e42312;}
.standard #content-secondary {background-color:#f4f4f4;}

.student {background-color:#333;}
.student #page-holder {background-color:#fff; border-radius:8px; padding:20px;}
.student #nav-global {background-color:#333;}
.student #content-secondary {background-color:#999;}


/* =============================================================================
   IE Styles
   ========================================================================== */
.lt-ie9 body:focus, .lt-ie9 div:focus {outline:none;}
.lt-ie9 #page-holder {width:940px;}
.lt-ie9 #search-bar input[type="submit"] {padding:7px 9px;}
.lt-ie9 #nav-global {background-color:#504742; overflow:hidden; zoom:1;}
.lt-ie9 #nav-global li {float:left;}
.lt-ie9 #nav-global a {border-right:1px solid #666; display:block; padding:7px 8px;}
.lt-ie9 #show-global-menu {display:none;}
.lt-ie9 #site-title {clear:both;}
.lt-ie9 #contentbg {border-left:215px solid #f4f4f4; min-height:50em;}
.lt-ie9 #sectionhome #content {border-right:6px solid #fff; display:table-cell; width:100%;}
.lt-ie9 .main-landing img {float:left; padding:0 15px 10px 0;}
.lt-ie9 #inside #content {margin-left:15px;}
.lt-ie9 .main-content img {float:right; padding:0 0 10px 15px;}
.lt-ie9 input[type="text"], .lt-ie9 input[type="password"], .lt-ie9 input[type="search"], .lt-ie9 input[type="email"], .lt-ie9 input[type="tel"], textarea {border:1px solid #999;}
.lt-ie9 #content-secondary {display:table-cell; margin-top:0; max-width:275px; vertical-align:top;}
.lt-ie9 #nav-local {float:left; margin-left:-230px; margin-right:15px; width:215px;}
.lt-ie9 #social-media {float:right; width:88px;}
.lt-ie9 #social-media li {margin:0 0 10px 10px;}
.lt-ie9 #footer {clear:both;}
.lt-ie9 .fat-footer {border-right:1px solid #ddd; margin-right:15px; max-width:160px;}
.lt-ie9 .fat-footer.last {border:none;}
.lt-ie9 #legal {position:relative;}
.lt-ie9 #legal #flag {bottom:-8px; margin-top:0; padding:0; position:absolute; right:4px;}
.lt-ie9 .layer-content {left:0;}

.lt-ie8 #sectionhome #content {display:block; float:left; width:635px;}
.lt-ie8 #inside #content {width:710px;}
.lt-ie8 #content-secondary {display:block; float:right;}
.lt-ie8 #footer {clear:both; zoom:1;}
.lt-ie8 .fat-footer {float:left;}
.lt-ie8 #social-media {zoom:1;}
.lt-ie8 #social-media li {float:left;}
.lt-ie8 #legal {clear:both;}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width:320px) and (max-width:400px) {
  .feature-big img {margin-bottom:15px; width:100%;}
}

@media (min-width:400px) {
  .main-landing img {float:left; padding:0 15px 10px 0;}
  .main-content img {float:right; padding:0 0 10px 15px;}
}

/* Narrow styles */
@media (min-width:320px) and (max-width:767px) {
  #header {padding-bottom:4px;}
  #show-global-menu #hide-nav {display:none;}
  #nav-global a {border-bottom:1px solid #666;}
  .fat-footer {min-width:49%;}
  #legal #flag {display:block; margin-top:10px; position:static;}
}

/* Breakpoint */
@media (min-width:860px) {
  #social-media {float:right; width:88px;}
  #social-media li {margin:0 0 10px 10px;}
}

/* Wide styles */
@media (min-width:768px) and (max-width:10000px) {
  #search-bar form p {margin:0;}
  #header {padding-bottom:4px;}
  #nav-global {overflow:hidden;}
  #nav-global li {float:left; width:auto;}
  #nav-global a {border-bottom:none; border-right:1px solid #666;}
  #nav-student-staff {border-left:1px solid #999; float:right; height:29px; margin:0; padding:0;}
  #nav-student-staff li {display:inline; float:left; line-height:29px; list-style:none; margin:0;}
  #nav-student-staff a {display:block; padding:0 10px; text-decoration:none;}
  #nav-block {text-align:left;}
  #nav-block li {margin:0; padding:0;}
  #site-title {margin:0;}
  .live #show-global-menu {display:none;}
  #contentbg {min-height:50em;}
  .standard #contentbg {border-left:215px solid #f4f4f4;}
  .student #contentbg {border-left:215px solid #f4f4f4;}
  #inside #content {margin-left:15px;}
  #nav-local {float:left; margin-left:-230px; margin-right:15px; width:215px;}
  #sectionhome #content {border-right:6px solid #fff; display:table-cell; width:100%;}
  #content-secondary {display:table-cell; margin-top:0; max-width:275px; vertical-align:top;}
  #footer {clear:both;}
  .fat-footer {border-right:1px solid #ddd; margin-right:15px; max-width:160px;}
  .fat-footer.last {border:none;}
  #legal {position:relative;}
  #legal #flag {bottom:-8px; margin-top:0; padding:0; position:absolute; right:4px;}
}

/* iPad only styles */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  input[type="text"] {border:1px solid #999;}
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.off-screen, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}