/* 768 
_____________________________________________________

320 and Up boilerplate extension

Author: Andy Clarke
Version: 0.9b
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

*/

html { background: #eef5ff url(../img/bg-grad.png) repeat-x top center; }
body { padding-bottom: 24px; }
#body-container { clear: both; }
#container-top {background: #E9F2FB; padding-top:0px; border-top: 1px solid #E9F2FB;}
#container { width: 756px; margin: 8px auto 0px; background: #FFF;
  -moz-box-shadow: 0px 0px 15px #d1d7e0;
  -webkit-box-shadow: 0px 0px 15px #d1d7e0;
  box-shadow: 0px 0px 15px #c1c7cf; 
}
header {
  -moz-box-shadow: 0px 0px 10px #85a1c1;
  -webkit-box-shadow: 0px 0px 10px #85a1c1;
  box-shadow: 0px 0px 10px #85a1c1;
}
#quicklinks nav { 
  -moz-box-shadow: 5px 5px 8px #666;
  -webkit-box-shadow: 5px 5px 8px #666;
  box-shadow: 5px 5px 8px #666;
}

header #banner { height: 95px; border-bottom: none; background: #ffffff; margin: 0; }
.homepage header #banner.shadey, .schoolpage header #banner.shadey { background: #ffffff url(../img/shadow-header.jpg) no-repeat 50% 77px; }
header #SCU-logo { margin: 0 0 0 3px; }
header #search-form { margin: 0 16px 0 0; width: auto; }
header #search-form #search-input { width: 135px; }
/*header #search-form #search-submit { left: 120px; }*/
header #head-nav { float: right; clear: none; width: auto; border-top: none; }
header #head-nav ul { background-position: 0 8px; margin: 0; width: 380px; height: 70px; background: #fff url(../img/head-nav-bg.png) no-repeat 0 7px; }
header #head-nav li { width: 75px; height: 56px; margin: 15px 0; border-left: 1px dotted #b2b2b2; }
header #head-nav li a { width: 75px; height: 24px; padding-top: 40px; font-size: 0.7em; }

#quicklinks { display: block; margin-top: 0; }
#quicklinks nav { width: auto; }
#quicklinks h2 { margin-top: -22px; width: 120px; height: 17px; font-size: 0.7em; line-height: 1.5em; padding: 2px 8px; background: #1a3579 url(../img/list-arr.gif) no-repeat 116px -1px; }

.homepage #slider, .schoolhomepage #slider { display: block !important; position: relative; width: 756px; height: 228px; overflow: hidden; background-position: top right !important; /*background-position: -102px -31px !important; background-size: 756px 228px;*/ }
#slider .nivo-imageLink, #slider .nivo-imageLink img { width: 756px; height: 228px; }
#slider .nivo-slice { background-position: top right !important; /*background-position: -102px -31px !important; background-size: 756px 228px;*/ }
.homepage #slider { height: 290px; margin-bottom: 20px; margin-top: 15px; }

/*.homepage #slider.visible { height: 228px !important; } USED TO ONLY ADD VIA JS. was an idea if people grew page from super small. not going to happen */
.schoolpage #slider-cont { display: block; position: relative; float: right; width: 756px; overflow: hidden; }
/*.corp #slider-cont { display: none; }*/
.librarypage #slider-cont { display: block; }
.schoolpage #slider-cont img { position: relative; float: none; /*margin-left: 16px;*/ }
.schoolpage #slider { height: 76px; }
.schoolhomepage #slider { width: 704px; height: 224px; float: left; background-position: 0 0 !important; /*margin-right: 34px;*/ }
.schoolhomepage #slider .nivo-imageLink, #slider .nivo-imageLink img { width: 704px; height: 224px; }
.schoolhomepage #slider .nivo-slice { background-position: 0 0 !important; /*background-size: 704px 224px;*/ }


/*SLIDER - DEAN'S CODE*/
#slider .nivo-slice { background-position: top right !important; /*background-position: -102px -31px !important; background-size: 756px 228px;*/ }
#slider div.nivo-directionNav { display: none !important; }
#slider .nivo-caption a { color: #fff; text-decoration: none; }
#slider .nivo-controlNav { display: block; position: absolute; bottom: 12px; right: 12px; z-index: 99; }
.nivo-caption h4, .slider-sub, .slider-button {
	display: inline-block;
	font-family: 'Bitter', Arial;
}

/* Default colour combos */	
.bw {background: #003399; color: #ffffff;}
.yb {background: #fdb727;color: #003399;}

/* General slider formatting - may overwrite existing styles*/
#s1, #s2, #s3 {position: relative;}
#slider .nivo-caption {background: none;width: 756px;}
#slider .nivo-caption a { height: 290px;width: 756px;display: block!important;text-decoration: none;}

.nivo-caption p {margin: 0;padding:0!important;}


/* Set the base font family */
#slider a {font-family: 'Bitter', Bitter, Georgia, Times New Roman;letter-spacing: -1px;font-weight: 700;}

/* Slider control styles */
.nivo-controlNav a:hover {outline: 2px solid #003399;}
#slider-cont #slider .nivo-controlNav a.active {background: #fdb727;}
#slider-cont #slider .nivo-controlNav a {height: 15px;width: 15px;line-height: 1.5em;text-decoration: none;float: left;text-align: center;font-size: 0.6em;color: #000;background: #efefef;border: 1px solid #000;margin: 0 3px;}

#nivo-play:before {color: #000;content: "\25BA";font-size: 0.8em;}
#nivo-play {left: -10px;top: -5px;}
.nivo-toggle-panel, #nivo-stop, #nivo-play {float: right;position: relative;}
.nivo-toggle-panel {background: #fff;border: 1px solid #000;color: #fff;height: 15px;left: 4px;width: 15px;}
#nivo-stop, #nivo-play {height: 9px;width: 9px;cursor: pointer;z-index: 9999;}
#nivo-stop {left: -9px;top: 4px;background: #000;}



.schoolhomepage  #slider .nivo-caption a {
height: 204px;
width: 220px;
padding:10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background: rgba(0, 0, 0, 0.9);
letter-spacing:0;
font-size:0.8em;
}
.schoolhomepage  #slider .nivo-caption a h4 {font-family: Arial, Helvetica, sans-serif;font-size:1.2em; width: 220px;} /*width for h4 to fill overlay width*/


.content { width: auto; }
.schoolpage .content { width: 512px; margin-left: 0; }
.schoolpage #site-nav { margin: 0; width: 226px; }
.schoolpage #lower-nav { display: none; }
.schoolpage #site-nav .site-title .home-text { display: inline; }
.schoolpage #site-nav .site-title .org-text { display: none; }
.schoolhomepage #upper-nav #site-nav .site-title .org-text { display: none; }

.marketing-btns { margin: 0; background: #ffffff; }
.marketing-btns ul { background: #E9F2FB; padding-bottom: 20px; margin-bottom: 17px; }
.marketing-btns a.home-marketing-btn { width: 220px; margin: 20px 0 2px 24px;}
.marketing-btns a.a1, .marketing-btns a.a2, .marketing-btns a.a3 { display: block; }
.marketing-btns a.a2 { float: left; }
.marketing-btns a.a4 { float: left; display: none; }

form#discipline_search_form { width: 220px; margin: 20px 0 2px 16px; }

.schoolpage .sidebar { width: 480px; margin: 16px 5% 16px 0; }
.site-nav { margin: 5px 0 16px 24px;  }
/*.sidebar .sidebar-control ul { width: 338px; }*/
/*.sidebar .sidebar-control li { width: 166px; }
.sidebar .sidebar-control li.active { width: 165px; }*/
/**SDA-2220**/
.sidebar, .sidebar#events { margin: 5px 17px 16px 0; }
.sidebar#events { float: right;}
/**SDA-2220 END**/
.main-content, .schoolpage .content p.breadcrumbs { margin: 12px 40px 0 0; }
.main-content { float: right; width: 40%; margin-top: -205px;}
#nav-sidebar { float: left; clear: left; position: relative; }

#nav-sidebar .marketing-btns { float: left; clear: left; margin-top: 16px; }
#nav-sidebar .marketing-btns { float: left; clear: left; margin-top: 16px; }
#nav-sidebar .marketing-btns a { display: block; clear: left; width: 214px; margin: 10px 5px 5px; }

.schoolpage #site-nav-cont { float: left; /*min-height: 340px;*/ width: 226px; }
.schoolpage .site-nav { margin: 12px 0 12px 12px; width: 296px; }
.schoolpage #upper-nav #site-nav li { display: block; }
.schoolpage #site-nav-cont h2 { display: block; }
.schoolpage #lower-nav { display: none; }

#home-nav, .homepage .main-content .video-cont, #news-box, .homepage #slider, .marketing-btns a.home-marketing-btn, .marketing-btns li a  {
  -moz-box-shadow: 0px 0px 5px #c1c7cf;
  -webkit-box-shadow: 0px 0px 5px #c1c7cf;
  box-shadow: 0px 0px 5px #c1c7cf; 
}

#container #content-after { /* padding-bottom: 12px; IE8 positions background image incorrectly */ clear: both; width: 100%; height: 16px; background: #fff url(../img/shadow-top.jpg) no-repeat bottom center; }

footer .footer-nav { top: 0; float: left; width: 100%; padding-bottom: 14px; margin-bottom: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
footer .footer-nav nav { margin: 12px 0 0 8px; padding: 0; width: 176px; border-top: none; border-right: 1px dotted #61b0ff; height: 20em; }
footer .footer-nav nav ul { margin-left: 0; }
footer .footer-nav nav.last { border-right: none; }
footer .footer-nav nav h4 { font-size: 0.7em; margin: 2px 0 6px 6px; }
footer .footer-nav nav li { width: 160px; font-size: 0.55em; line-height: 1.55em; margin-left: 6px; }
footer .footer-shadow { display: block; float: left; clear: left; height: 16px; width: 100%; background: #fff url(../img/shadow-bottom.jpg) no-repeat top center; } 
footer p.global-footer { border-top: none; padding-top: 4px; padding-bottom: 20px; line-height: 1em; font-size: 0.6em; }
footer p .sep { padding: 0; }
footer p .SCU-abn, footer p .SCU-cricos, footer p .abnsep, footer p .cricosep { font-size: 0.85em; }
footer p .abnsep { display: inline; }
footer p .SCU-abn br { display: none; }
footer span.admin-link { display: inline; }
footer span.admin-link a { color: #5A5A5A; font-size: 0.9em; }

/* Regional Universities Network link */
#RUN-link img { margin: -40px 0 0 3px; }

.foureighty-only { display: none; }

/**SDA-2220 768*/
#global-nav-list li div a { font-size: 0.8em; text-transform: none; }
#global-nav-list li a { font: 0.78em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; margin: 0 2px 0 0; /*padding:6px 5px;*/}
#global-nav-list li { padding-left: 11px; padding-right: 11px; }
#global-nav-list li#course-search { padding-left: 0; padding-right: 0;}
/**END SDA-2220 s*/