/*
  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: 15 March 2026 01:06:32
*/


/* ==========================================================================
    Filename: base.css
    Version: 1.2.0 (2012-02-09)
    Website: www.canberra.edu.au
    HTML5 ✰ Boilerplate: www.html5boilerplate.com
    Author:  Dhruv Raniga
    Description: Handles the site global layout
   ========================================================================== */
    
/*
[Content]
HTML5 display definitions
Base
Links
Typography
List
Embedded content
Figures
Forms
Tables
Primary styles
Non-semantic helper classes
Media queries
Print styles
*/

/*
[Color codes]
Blue: #009edd
Green: #8c9b1b
Orange: #e36e1f
*/

/* ==========================================================================
    HTML5 display definitions
   ========================================================================== */

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;
}

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

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 13px;
    line-height: 1.231;
    margin: 0;
}

body, button, input, select, textarea {
    font-family: sans-serif;
    color: #585858;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 */
::-moz-selection {
    background: #000;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #FFF;
    text-shadow: none;
}

/* ==========================================================================
    Links
   ========================================================================== */

a {
    color: #009edd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}

h1 a, h2 a, h3 a, h4 a {
    color: #000;
}

a.read-more {
    font: 62.5%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
    display: block;
    text-transform: uppercase;
}
.feedback {float: right; display: inline-block; margin-top: -17px}

/* ==========================================================================
    Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    color: #000;
}

h1 {
    font: 175% 'DINNextW01-CondensedReg'; /*Equivalent of 28px*/
    margin-bottom: 7px;
    text-transform: uppercase;
}

h2 {
    font: 175% 'DINNextW01-CondensedReg'; /*Equivalent of 28px*/
    margin-bottom: 15px;
    text-transform: uppercase;
}

h3 {
    font: 100% 'DIN Next W01 Medium'; /*Equivalent of 16px*/
    margin-bottom: 10px;
   }

h4 {
    font: 87.5% 'DIN Next W01 Medium'; /*Equivalent of 14px*/
    margin-bottom: 5px;
}
h5 {
    font: 75% 'DIN Next W01 Medium'; /*Equivalent of 12px*/
      margin-bottom: 5px;
}
h6 {
    font: 62.50% 'DIN Next W01 Medium'; /*Equivalent of 10px*/
    margin-bottom: 5px;
}

p {
    font: 81.25%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px*/
    margin-bottom: 21px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr { 
    border: 0;
    border-top: 1px solid #d9d9d9;
    display: block;
    height: 1px;
    margin: 20px 0;
    padding: 0;
}

ins {
    background: #FF9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #FF0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
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: 85%; 
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%; /*Equivalent of 12px*/
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

span.blue {
    color: #009edd;
}

span.green {
    color: #8c9b1b;
}

span.orange {
    color: #e36e1f;
}

span.white {
    color: #FFF;
}
a.white {
    color: #FFF;
}

/* ==========================================================================
    Lists
   ========================================================================== */

ul, ol {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
    Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
    Figures
   ========================================================================== */

figure {
    margin: 0;
}

/* ==========================================================================
    Forms
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
    line-height: normal;
    *overflow: visible;
}

/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7*/
table button, table input {
    *overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

/* Consistent box sizing and appearance*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    background-color: #f0dddd;
}

/* ==========================================================================
    Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* ==========================================================================
    Primary styles
   ========================================================================== */
   
body {
    background: #fff;
    color: #585858;
    font: 100%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Most browsers set the font size to the equivalent of 16px by default*/
}

#container {
    background: #FFF;
    overflow: hidden;
}

.inner {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
   
}
footer > .inner {margin: 0 auto; overflow: hidden; width: 960px; padding-top: 21px;}

article, section {
    display: block;
    overflow: hidden;
}

/*------------------------------------------------------------------------------------
      MyUC
    -----------------------------------------------------------------------------------*/
    
#top {
    background: #009edd;
    width: 100%;
}

#my-uc-panel {
    background: #009edd;
    background: linear-gradient(top, #006e99 0%, #009edd 100%);
    background: -moz-linear-gradient(top, #006e99 0%, #009edd 100%);
    background: -ms-linear-gradient(top, #006e99 0%, #009edd 100%);
    background: -o-linear-gradient(top, #006e99 0%, #009edd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e99), color-stop(100%,#009edd));
    background: -webkit-linear-gradient(top, #006e99 0%, #009edd 100%);
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e99', endColorstr='#009edd', GradientType=0); /*IE8 Filter*/
    padding-top: 20px;
}

html.oldie #my-uc-panel { 
    background: #006e99; /*IE7 gradient fix*/
}
html.oldie a.author {line-height: 1.15;} /*Running actual IE7, this will fix the cut-off @ sign*/

#my-uc-panel h2, #my-uc-panel h3 {
    color: #FFF;
}

#my-uc-panel .column-1 {
    float: left;
    margin-right: 60px;
    width: 280px;
}

#my-uc-panel .logo {
    margin: 14px 0 0 1px;
}

#my-uc-panel .column-2 {
    float: left;
    margin-right: 60px;
    width: 280px;
}

.my-handwritten {
    background: url(https://www.canberra.edu.au/__data/assets/image/0007/793753/my.png?v=0.1.1) 0 4px no-repeat;
    padding-left: 47px;
}

#my-uc-panel .column-2 h3 {
    margin-bottom: 4px;
}

#my-uc-panel .column-3 {
    float: left;
    width: 280px;
}

#my-uc-panel .column-3 h3 {
    margin-bottom: 24px;
}

#my-uc-panel input.field {
    background: #FFF;
    border: none;
    color: #666;
    display: block;
    font: 81.25%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px*/
    margin-bottom: 14px;
    padding: 7px 10px;
    width: 260px;
}

#my-uc-panel button {
    border: none;
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 0 no-repeat;
    float: left;
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    width: 80px;
}

input.clear {
    background: none;
    border: none;
    color: #FFF;
    float: left;
    font: 68.75%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
    margin: 7px 3px 0;
}

input.clear:hover {
    text-decoration: underline;
}

a.lost-password {
    color: #FFF;
    font: 68.75%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
}

.shadow {
    background: url(https://www.canberra.edu.au/__data/assets/image/0004/793750/my-uc-panel-inner-shadow.png?v=0.1.1) repeat-x;
    height: 6px;
    width: 100%;
}

.toolbar {
    background: #009edd;
    color: #FFF;
    height: 24px;
    overflow: hidden;
    width: 100%;
}

.toolbar ul {
    float: right;
}

.toolbar li {
    color: #a1dbf2;
    float: left;
    font: 13px/24px Helvetica Neue, Helvetica, Arial, sans-serif; /*Forced px value to maintain .toolbar layout*/
    margin-left: 12px;
}

.toolbar li.close a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -119px -52px no-repeat;
    height: 24px;
    text-indent: -9999px;
    width: 53px;
}

.toolbar li.login a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -52px no-repeat;
    height: 24px;
    text-indent: -9999px;
    width: 99px;
}

.toolbar a {
    color: #FFF;
    display: block;
}


.myuc-info a       {font: 100% 'DINNextW01-CondensedReg'; color: #fff; padding-top:5px; text-decoration: none;}
.myuc-info a:hover {text-decoration: underline;}

/*------------------------------------------------------------------------------------
      Header
    -----------------------------------------------------------------------------------*/
    
header {
    margin: 0 auto;
    min-height: 122px;
    overflow: hidden;
    width: 978px;
}

html.oldie header {
    max-height: 143px; /*IE7 padding fix*/
}

.logo {
    float: left;
    margin: 10px 0 0 10px;
}

#search-box {
    float: right;
    display: block;
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -97px no-repeat;
    border: 1px solid #c8c8c9;
    height: 29px;
    margin-top: 27px;
    overflow: hidden;
    width: 223px;
}

#search-box input.field {
    background: none;
    border: none !important;
    color: #727375;
    float: left;
    font: 18px 'DINNextW01-CondensedReg'; /*Forced px value to maintain #search-box layout*/
    height: 24px;
    padding: 5px 10px 0;
    text-transform: uppercase;
    width: 165px;
}

#search-box input.field:focus {
    outline: none;
}

#search-box button {
    border: none;
    background: none;
    float: left;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 38px;
}

/*------------------------------------------------------------------------------------
      Main Menu
    -----------------------------------------------------------------------------------*/




/*

Hover Intent: Dropdown for Ricky

*/


#global > ul > li > span {
    position:absolute;
    z-index: 1000;
    color:#fff;
    background: #000;
    width: 500px;
    height: 210px;
    top: 148px;
    padding: 20px;
    display: none;
}
#global > ul > li:hover span {
    display: block;
}
#global > ul > li span a {
    color:#ffffff;
}
#global ul li:nth-child(3) a:focus {
    color: #ffffff;
    background: #000;
}
#global ul li a:focus ~ span.s {
display: block;
color: #ffffff;
background: #000;
}
#global > ul > li:hover a {
    color: #ffffff;
    background: #000;
}
.blocks {
    float: left;
    width: 170px;
    margin-right: 30px;
    border-right: 1px solid #333;
}
#global ul li p {
    text-transform: none;
}
.blocks a {
    margin: 0;
    padding: 0 0 15px;
}
a.alt-link {
    display: inline!important;
    background:none!important;
    padding:0!important;
    margin:0!important;
    font-size: 12px!important;
    font-family:Helvetica Neue, Helvetica, Arial, sans-serif;!important;
    text-decoration: underline;
}

/** END **/






    
nav {
    float: right;
    height: 55px;
    margin-top: 11px;
}

nav ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

nav li {
    color: #414042;
    float: left;
    text-transform: uppercase;
}

nav li a {
    color: #414042;
    display: block;
    font: 20px 'DINNextW01-CondensedReg'; /*Forced px value to maintain nav layout*/
    padding: 18px 8px 13px;
}

nav a:hover {
    background: #000;
    color: #FFF;
    text-decoration: none;
}

nav a.current {
    background: #009edd;
    color: #FFF;
}

nav li.home {
    text-indent: -9999px;
}

nav li.home a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -245px 0 no-repeat #FFF;
    height: 55px;
    padding: 0;
    width: 35px;
}

nav li.home a:hover {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -245px -75px no-repeat #000!important;
}

nav li.home a.current {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -245px  -75px no-repeat #009edd;
}








/*------------------------------------------------------------------------------------
      Main
    -----------------------------------------------------------------------------------*/
    
#standard-content {
    background: url(https://www.canberra.edu.au/__data/assets/image/0005/793751/standard-content-background.jpg?v=0.1.1) top repeat-x #FFF;
    overflow: hidden;
    padding: 16px 0 20px;
}

#main {
    margin: 0 auto 30px;;
    overflow: hidden;
    width: 958px;
    min-height: 400px; /*TO DELETE*/
}

/*------------------------------------------------------------------------------------
      Breadcrumb
    -----------------------------------------------------------------------------------*/

ul#breadcrumb {
    height: 24px;
    margin: 0 auto 40px;
    overflow: hidden;
    width: 958px;
}

ul#breadcrumb li {
    display: block;
    float: left;
    font: 11px/24px Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
    height: 24px;
}

ul#breadcrumb a {
    color: #000;
    float: left;
    display: block;
    height: 24px;
}

ul#breadcrumb li.first-child a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -488px;
    color: #FFF;
    padding: 0 6px 0 12px;
}

ul#breadcrumb li.arrow-0 {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -388px -488px;
    width: 14px;
}

ul#breadcrumb li.arrow-1 {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -419px -488px;
    width: 14px;
}


ul#breadcrumb li.standard-child a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -532px;
    color: #414042;
    padding: 0 6px 0 9px;
}

ul#breadcrumb li.arrow-2 {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -453px -488px;
    width: 14px;
}

ul#breadcrumb li.last-child {
    color: #000;
    padding: 0 6px 0 10px;
}

ul#breadcrumb li.arrow-3 {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -487px -488px;
    width: 11px;
}

/*------------------------------------------------------------------------------------
      Portal Content
    -----------------------------------------------------------------------------------*/

.content-wrapper {
    margin-bottom: 20px;
    overflow: hidden;
}

.sidebar {
    float: left;
    margin-right: 20px;
    width: 225px;
}

.section-title {
    color: #000;
    font: 175% 'DINNextW01-CondensedReg'; /*Equivalent of 28px*/
    margin: 0 20px 7px 5px;
    text-transform: uppercase;
}

.content-wrapper article {
    float: left;
    min-height: 400px;
    padding: 0 20px;
    width: 590px;
}

.content-wrapper h2 {
    font-size: 137.5%;
    margin-bottom: 7px;
}

.content-wrapper article ul {
    margin-bottom: 21px;
}
.content-wrapper article ol {
    margin-bottom: 21px;
}
.content-wrapper article li {
    background: url(https://www.canberra.edu.au/__data/assets/image/0009/793746/bullet-arow.gif?v=0.1.1) 0 6px no-repeat;
    font: 81.25%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px*/
    padding-left: 19px;
}

.content-wrapper article li ul {
    margin-bottom: 0;
}
.content-wrapper article li ul li {
    font: 100%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px after parent li*/
}

.content-wrapper .column-wrapper {
    overflow: hidden;
}

.content-wrapper .column-1 {
    float: left;
    margin-right: 40px;
    width: 380px;
}

.content-wrapper .column-2 {
    float: left;
    width: 170px;
}

.content-wrapper .column-3 {
    float: left;
    margin-right: 40px;
    width: 170px;
}

.content-wrapper .column-4 {
    float: left;
    margin-right: 40px;
    width: 170px;
}

.content-wrapper .column-5 {
    float: left;
    width: 170px;
}

.content-wrapper .one_half {width: 275px; float: left; margin-right: 40px;}
.content-wrapper .last     {margin-right: 0 !important;}


.thumb {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -300px -350px no-repeat;
    height: 100px;
    margin-bottom: 10px;
    padding: 8px 8px 10px;
    width: 154px;
}

.content-wrapper section .description {
    float: left;
    width: 510px;
}

/*------------------------------------------------------------------------------------
      Sub Menu
    -----------------------------------------------------------------------------------*/
menu              {border-bottom:1px solid #d9d9d9;}    
menu li           {font: 81.25% 'DIN Next W01 Medium';} /*Equivalent of 15px*/
menu a            {border-top: 1px solid #d9d9d9; color: #000; display: block;  padding: 4px 0 4px 5px;}
html.oldie menu a {padding-top: 4px;} /*IE7 padding fix*/
menu a:hover      {background: #000; border-top: 1px solid #000; color: #FFF; text-decoration: none;}
menu a.current    {background: #009edd; border-top: 1px solid #009edd; color: #FFF;}

/*custom*/
menu ul.sub li               {margin-left: 5px;}
menu ul.sub a                {padding: 3px 0 2px 12px; background: url('https://www.canberra.edu.au/__data/assets/image/0008/793934/nav_arrow.gif?v=0.0.6') no-repeat left 5px; border-top: 1px solid #F7F7F7;}
menu ul.sub a.current        {background-color: #fff; color:#000; background: url('https://www.canberra.edu.au/__data/assets/image/0009/793935/nav_arrow_selected.gif?v=0.0.12') no-repeat left 5px; font-weight:bold;}
menu ul.sub li a:hover       {background-color: #f7f7f7; color: #000;}
menu ul.sub a.current:hover  {background-color: #fff; color:#000;}
menu li ul li                {font: 81.25%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif;} 
menu li ul li ul li          {font: 100%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif;}

menu ul .sub li a            {background-position: 0 6px;}
menu ul .sub li li a         {background-position: 0 5px; margin-left: 8px;}




/*MM*/

   

/*------------------------------------------------------------------------------------
      Latest News
    -----------------------------------------------------------------------------------*/

.latest-news {
    float: left;
    margin-right: 20px;
    padding: 0 20px;
    width: 266px;
}

.latest-news section {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 13px;
    padding-bottom: 8px;
}

.latest-news section div {
    overflow: hidden;
}

.latest-news section h3 {
    margin-bottom: 2px;
}

.latest-news section p {
    margin-bottom: 15px;
}

.latest-news section p.date {
    color: #777;
    font: 75%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 12px*/
    margin-bottom: 15px;
}

.latest-news a.more-btn {
    margin-top: 17px;
}

.latest-news section a:focus {
    outline: none;
}

/*Custom Social Media section*/

#facebook section, #fb_feeds h3{
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 13px;
    padding-bottom: 8px;
}

#youtube-rss section {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 13px;
    padding-bottom: 0px;
}
a.watch {top: -15px; position: relative; font-size: 75%;}

/*------------------------------------------------------------------------------------
      Upcoming Events
    -----------------------------------------------------------------------------------*/

.upcoming-events {
    float: left;
    margin-right: 20px;
    padding: 0 20px;
    width: 266px;
}

.upcoming-events section {
    margin-bottom: 20px;
}

.calendar {
    background: #8c9b1b;
    color: #FFF;
    float: left;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
}

span.day {
    display: block;
    font: 42px/1 'DINNextW01-CondensedReg'; /*Forced px value to maintain .calendar layout*/
    margin: 5px 0 0;
}

span.month {
    display: block;
    font: 14px/1 'DINNextW01-CondensedReg'; /*Forced px value to maintain .calendar layout*/
    margin-top: -6px;
}

.upcoming-events section .description {
    float: left;
    width: 186px;
}

.upcoming-events section p {
    margin: 0;
}

.upcoming-events a.more-btn {
    margin-top: 10px;
}

/*------------------------------------------------------------------------------------
      Social Media
    -----------------------------------------------------------------------------------*/

#social-tabs {
    float: left;
    padding: 0 20px;
    width: 266px;
}

#social-tabs ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 300px;
}

#social-tabs li {
    float: left;
}

#social-tabs li a {
    display: block;
    float: left;
    margin-right: 3px;
    text-indent: -9999px;
}

#social-tabs li a:focus {
    outline: none;
}

li.twitter-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -378px no-repeat;
    height: 36px;
    width: 80px;
}

li.twitter-tab.active-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -328px no-repeat;
    height: 36px;
    margin-right: 0 !important;
    width: 82px;
}

li.facebook-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -100px -378px no-repeat;
    height: 36px;
    width: 69px;
}

li.facebook-tab.active-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -102px -328px no-repeat;
    height: 36px;
    margin: 0 0 0 -3px !important;
    width: 80px;
}

li.youtube-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -189px -378px no-repeat;
    height: 36px;
    width: 69px;
}

li.youtube-tab.active-tab a {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -202px -328px no-repeat;
    height: 36px;
    margin: 0 0 0 -3px !important;
    width: 68px;
}

#social-tabs .tab-content {
    clear: both;
    margin-bottom: 20px;
    padding-top: 20px;
}

#twitter section {
    margin-bottom: 20px;
    overflow: inherit;
    width: 266px;
}

.tweet-header {
    background: url(https://www.canberra.edu.au/__data/assets/image/0006/793752/tweet-background.gif?v=0.1.1) top no-repeat;
    height: 4px;
    overflow: hidden;
}

.tweet-content {
    background: url(https://www.canberra.edu.au/__data/assets/image/0006/793752/tweet-background.gif?v=0.1.1) bottom no-repeat;
    color: #000;
    font: bold 81.25%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px*/
    padding: 11px 20px 20px;
}

.tweet-content a {
    color: #000;
}

span.post {
    color: #70797d;
    display: block;
    font: 68.75%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
    margin-bottom: 17px;
}

a.author {
    color: #000;
    display: block;
    font: bold 81.25%/1 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 13px*/
    margin: -10px 0 0 50px;
}

a.follow-us {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -434px no-repeat;
    color: #000;
    float: right;
    font: 75% 'DIN Next W01 Medium'; /*Equivalent of 12px*/
    margin-bottom: 20px;
    padding-left: 24px;
    text-transform: uppercase;
}

#social-tabs h2 {
    font: 100% 'DIN Next W01 Medium'; /*Equivalent of 16px*/
    text-transform: none;
    margin-bottom: 4px;
}

/*custom*/
span.sml_txt          {display: block; font: 68.75%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom: 17px;}
a.grey_txt            {color: #70797d;}


/*New Twitter API Nick*/
ul#twitter_list           {margin: 0 0 15px; padding: 0; min-height: 150px;}
ul#twitter_list li        {background: url("https://www.canberra.edu.au/__data/assets/image/0009/902457/twitter.png?v=0.0.2") no-repeat left 5%!important; margin: 0 0 15px; padding: 0 0 10px 25px; border-bottom: solid 1px #f1f1f1;}
ul#twitter_list li        {font: 81.25%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif;}
ul#twitter_list li a      {color: #0084B4; text-indent: 0;}
ul#twitter_list b a,
ul#twitter_list b a:hover {color: #999999; display: block; font-weight: 400; margin-top: 5px; text-decoration: none;}
ul#twitter_list #loader   {background: url('https://www.canberra.edu.au/__data/assets/image/0008/902456/loading.gif?v=0.0.2') no-repeat 0 0; height: 33px; text-indent: -9999px;}
#loader                   {background: url('https://www.canberra.edu.au/__data/assets/image/0008/902456/loading.gif?v=0.0.2') no-repeat 0 0; height: 33px; text-indent: -9999px;}

/*------------------------------------------------------------------------------------
      Buttons
    -----------------------------------------------------------------------------------*/

a.more-btn {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -212px no-repeat;
    color: #494949;
    display: block;
    float: left;
    font: 65%/40px Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 10.5px*/
    height: 40px;
    margin-bottom: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 104px;
}

a.more-btn:hover {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) 0 -272px no-repeat;
    color: #FFF;
    text-decoration: none;
}

#back-to-top {
    background: url(https://www.canberra.edu.au/__data/assets/image/0012/793749/global-sprite.png?v=0.1.43) -718px -576px no-repeat;
    bottom: 40px;
    cursor: pointer;
    display: none;   
    position: fixed;
    right: 20px;
    height: 33px;
    width: 33px;
   z-index:1;
}

/*------------------------------------------------------------------------------------
      Promotions
    -----------------------------------------------------------------------------------*/

.promotions {
    height: 167px;
    overflow: hidden;
}

.promotions .banner-1 {
    float: left;
    height: 167px;
    margin-right: 20px;
    width: 306px;
}

.promotions .banner-2 {
    float: left;
    height: 167px;
    margin-right: 20px;
    width: 306px;
}

.promotions .banner-3 {
    float: left;
    height: 167px;
    width: 306px;
}

/*------------------------------------------------------------------------------------
      Footer
    -----------------------------------------------------------------------------------*/
    
footer {
    background: #212021;
    background: linear-gradient(top, #212021 0%, #414042 100%);
    background: -moz-linear-gradient(top, #212021 0%, #414042 100%);
    background: -ms-linear-gradient(top, #212021 0%, #414042 100%);
    background: -o-linear-gradient(top, #212021 0%, #414042 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212021), color-stop(100%,#414042));
    background: -webkit-linear-gradient(top, #212021 0%, #414042 100%);
    color: #adadad;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212021', endColorstr='#414042', GradientType=0); /*IE8 Filter*/
    overflow: hidden;
    position: relative;
}

footer .logo {
    float: none;
    margin: 30px 0 40px 20px;
}

footer .column-wrapper {
    border-bottom: 1px solid #504f52;
    margin: 0 20px 35px;
    overflow: hidden;
    padding-bottom: 40px;
    width: 920px;
}

footer .column-1 {
    float: left;
    margin-right: 20px;
    width: 152px;
}

footer .column-2, footer .column-3, footer .column-4 {
    float: left;
    margin: 0 20px;
    width: 152px;
}

footer .column-5 {
    float: left;
    margin-left: 20px;
    width: 152px;
}

footer h2 {
    color: #FFF;
    font-size: 112.5%; /*Equivalent of 18px*/
    margin-bottom: 4px;
}

footer h3 {
    color: #FFF;
    font-size: 14px; /*Forced px value to maintain .column-4 layout*/
}

footer ul {
    border-top: 1px solid #504f52;
    margin: 0;
    padding: 0;
}

footer li {
    border-bottom: 1px solid #504f52;
    font: 75%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 12px*/
    padding: 7px 0;
}

footer a {
    color: #adadad;
}

footer a:hover {
    color: #FFF;
}

footer p {
    color: #FFF;
    font: 75%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 12px*/
    margin: 0 20px 4px;
}

p.cricos {
    color: #AAA;
    font: 68.75%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif; /*Equivalent of 11px*/
    margin-bottom: 36px;
}





/*UC Custom Styles - specific to portal/content pages*/






/* ==========================================================================
    Non-semantic helper classes (Please define your styles before this section.)
   ========================================================================== */

/* For image replacement */
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/* Hide from both screen readers and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visually-hidden.focus-able:active, .visually-hidden.focus-able:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */ 
.clear-fix:before, .clear-fix:after {
    content: "";
    display: table;
}

.clear-fix:after {
    clear: both;
}

.clear-fix {
    zoom: 1;
}

.clear-right {
    clear: right;
}

/* ==========================================================================
    Media queries (These override the primary ['mobile first'] styles modify as content requires.)
   ========================================================================== */

@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}

/*------------------------------------------------------------------------------------
      iPad
    -----------------------------------------------------------------------------------*/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

/* ==========================================================================
    Print syles (Inlined to avoid required HTTP connection: h5bp.com/r)
   ========================================================================== */
   
@media print {
    
* {
    background: transparent !important;
    color: black !important; /* Black prints faster: h5bp.com/s */
    filter:none !important;
    -ms-filter: none !important;
    text-shadow: none !important;
} 

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;
}

#top, nav, .promotions, footer { /*Insert content to hide here*/
    display: none; 
}

}