/* Global,Common and Reset Settings
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;margin:0;padding:0;background:transparent none repeat scroll 0% 0%;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;font-size:100%;vertical-align:baseline}
html{background:#fff url('../images/bg-body.png') repeat-x scroll 0 400px}
body{background:transparent url('../images/bg-header.gif') repeat-x scroll 100% 0;width:100%}
*{margin:0;padding:0;border:none}
img{border:0;-ms-interpolation-mode:bicubic}
a,a:visited{text-decoration:none}
a img,:link img,:visited img{border:none}
ul,ol{list-style:none}
address{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
:link,:visited{text-decoration:none}
.clear-bg{clear:both;margin-bottom:5px}
.clear-right{clear:right}
.float-left{float:left}
.float-right{float:right}
.hide{display:none}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.bold{font-weight:700}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.highlight{background:rgb(255,255,204)}
.img-left{float:left;margin:4px 10px 4px 0}
.img-right{float:right;margin:4px 0 4px 10px}
.nopadding{padding:0}
.noindent{margin-left:0;padding-left:0}
.nobullet{list-style:none;list-style-image:none}
.header-print{display:none}
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* For Print
-----------------------------------------------------------------------------*/
div#wordmark{display:none;visibility:hidden}

/* Typography
-----------------------------------------------------------------------------*/
h1{margin:0 0 15px 0;padding:0;font:normal 32px Arial,Helvetica,sans-serif;color:#222}
h1 a,h3 a{text-decoration:none;color:#222;border-bottom:none}
h1 a:hover,h3 a:hover{text-decoration:none}
h2{margin:0;padding:5px 0 0 0;line-height:150%;color:#222;font:normal 22px Arial,Helvetica,sans-serif}
h2 a{color:#222;text-decoration:underline}
h2 a:hover{text-decoration:none}
h3{margin:0;padding:0;color:#222;font:normal 26px Arial,Helvetica,sans-serif}
h3 a{color:#222;text-decoration:none}
h4{margin:0;padding:5px 0;font:normal 18px Arial,Helvetica,sans-serif;color:#330033}
h5{margin:0;padding:5px 0;font:bold 16px Arial,Helvetica,sans-serif;color:#222}
h6{margin:32px 0 12px 0;padding:0;line-height:150%;color:#222;font:normal 18px Arial,Helvetica,sans-serif;border-top:4px solid rgb(224,224,224)}
sub {vertical-align: sub; font-size: smaller}
sup {vertical-align: super; font-size: smaller}

/*	Hiddem Content
-----------------------------------------------------------------------------*/				  	  
.skip{display:none}
#search label{display:none;visibility:hidden}

/* Header + Body
-----------------------------------------------------------------------------*/	
.wrapper{position:relative;top:0;margin:0 auto;width:960px}
#header{margin:0;padding:0;background:#49075e;color:rgb(239,239,239);height:100px;width:100%;}
#header-inner,#topnav-inner{margin:0 auto;padding:0pt;max-width:960px;position:relative}
#header-inner h1{margin:26px 0 0 0;text-indent:-9999px;z-index:9999;position:absolute}
#header-inner h1 a{background:url('../images/masthead-logo.png') no-repeat scroll 0 0;display:block;height:50px;text-decoration:none;width:182px}
#header-inner h2{margin:26px 0 0 205px;text-indent:-9999px;z-index:9999;position:absolute}
#header-inner h2 a{background:url('../images/masthead-logo-facultyofscience.png') no-repeat scroll 0 0;display:block;height:50px;text-decoration:none;width:208px}

#mininav{margin:0;padding:10px 0 8px 0;color:#fff;font-size:9px;font-family:Helvetica,"Trebuchet MS",sans-serif;font-weight:lighter;float:right}
#mininav ul{margin:0;padding:5px 0 0 15px;list-style-type:none;list-style-image:none;list-style-position:outside;letter-spacing:1px}
#mininav ul li{margin:0 0.8em 0 0;padding:0;display:inline}
#mininav ul li:last-child{margin:0}
#mininav a{text-transform:uppercase;font-weight:700}
#mininav a:link{color:#dfdfdf;text-decoration:none}
#mininav a:visited{color:#dfdfdf;text-decoration:none}
#mininav a:hover{color:#fff;text-decoration:none}
#mininav a:active{color:#fff;text-decoration:none}

#topnav{margin:0;padding:0;background:#000 none;color:#fff;font-size:11px;font-family:Helvetica,"Trebuchet MS",sans-serif;font-weight:lighter;display:inline-block;width:100%;}
#topnav ul{margin:0;padding:0;list-style-type:none;list-style-image:none;letter-spacing:1px;width:100%;float:left}
#topnav ul li{margin:0 2px 0 0;padding:0 0 0 0;float:left}
#topnav ul li a{text-transform:uppercase;margin:0;padding:10px 15px 8px;display:block}
#topnav li a:link{color:#dfdfdf;text-decoration:none}
#topnav li a:visited{color:#dfdfdf;text-decoration:none}
#topnav li a:hover{color:#fff;text-decoration:none;background:#363636}
#topnav li a:active{color:#fff;text-decoration:none;}

#searchbox legend{display:none; margin:0; padding:0; line-height:0; font-size:0;}
div#search{background:transparent url('../images/form-left.png') no-repeat scroll 0 0;position:absolute;top:40px;right:0;}
div#search form{margin:0;padding:0;}
div#search label{display:block;float:left;width:30px;height:18px}
div#search label span{display:none}
div#search input{border:none;margin:0;padding:3px 0 1px 0;background:none;float:left;width:142px;height:18px;font-size:11px;color:#000;font-family:verdana,arial}
div#search input.submit{margin:0 0 0 3px;padding:0;background:transparent url('../images/form-right.png') no-repeat scroll 0 0;float:left;cursor:pointer;width:20px;height:22px;text-indent:-999px;overflow:hidden}

/* Feature
-----------------------------------------------------------------------------*/	
#feature{display:inline-block;width:960px;margin:20px 0 0 0;padding:0 0 0 0}
#feature:after{content:".";display:block;height:0;font-size:0pt;clear:both;visibility:hidden}
#feature-image{float:left;width:960px;height:300px}
#feature .ribbon{margin:245px 0 0 -9px;padding:7px 15px 10px 18px;background:#000 none repeat scroll 0% 0%;position:absolute;height:20px;font-size:1.2em;font-family:Arial,verdana;z-index:100;opacity:0.8}
#feature .ribbon a{background:transparent url('../images/icon_arrow_green.png') no-repeat scroll right 7px;padding-right:15px;color:#fff;text-transform:uppercase}
#feature .ribbon a:hover{color:#c5fc5d}
#feature .ribbon a.last{margin-left:25px}
#feature .ribbon span.wrap{background:transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%;display:block;position:absolute;top:-9px;left:0pt;width:9px;height:9px}

/* Panel Slider (Optional)
-----------------------------------------------------------------------------*/	
a:focus{outline:none}
#panel{background:rgb(136,180,21) url('../images/bg-slider-panel.gif') repeat-x scroll 0 0;height:200px;display:none}
#slide{margin:0;padding:0}
.btn-slide{margin:0;padding:0}
.active{background-position:right 12px}

/* Banner Slider
-----------------------------------------------------------------------------*/	
.slider-wrap{width:960px;top:0;left:0}
.stripViewer .panelContainer .panel ul{text-align:left;margin:0}
.stripViewer{position:relative;overflow:hidden;width:960px;height:300px}
.stripViewer .panelContainer{position:relative;left:0;top:0}
.stripViewer .panelContainer .panel{float:left;height:100%;position:relative;width:960px}
.stripViewer .panelContainer .panel img{border-radius:8px;}
.stripNavL,.stripNavR{/* The left and right arrows */ position:absolute;top:150px;text-indent:-9000em;z-index:1000}
.stripNavL a,.stripNavR a{display:block;height:40px;width:40px}
.stripNavL{left:-40px;background:url('../images/arrow-left.gif') no-repeat center}
.stripNavR{right:-40px;background:url('../images/arrow-right.gif') no-repeat center}
/* .stripNavL,.stripNavR,.stripNav {display:none} */

.csw{width:100%;height:300px;background:#fff;overflow:scroll}
.csw .loading{margin:200px 0 300px 0;text-align:center}
.nav-thumb{border:0}
#movers-row{margin:0 auto 0;padding:2px 0 5px 0;position:relative;text-align:center}
#movers-row div{margin:0 auto;display:inline;position:relative;text-align:center}
#movers-row div a.cross-link{}
.cross-link{background:url(../images/icon-slide-off.gif) no-repeat center;display:inline;float:none;padding:0 .1em !important;position:relative;z-index:0}
.active-thumb{background:url(../images/icon-slide-on.gif) no-repeat center}

/* Events
-----------------------------------------------------------------------------*/	
#events{float:left;background:#fff;width:180px;margin:25px 0 0 0;padding:0 10px 10px 10px;overflow:hidden;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-radius:8px 0 0 0}
#events h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:#37872d;font-weight:700}
#events h2 a{color:#37872d}
#events h2 a:hover{color:#000}
#events a{color:#2377cb}
#events a:hover{color:#005ea5}
#events img{margin:1px 5px 5px 0}
#events .listings h3{margin:0;padding:0;font-size:12px;color:#1e88b5;font-weight:700;background:none;border-top:none;text-transform:none}
#events .listings p{margin:0 0 8px 0;padding:0 0 8px 0;line-height:18px;font:11px Arial,Helvetica,sans-serif;color:#767676;border-bottom:1px solid #eee}
#events p{font:11px verdana,Arial,Helvetica,sans-serif;color:#595959;text-align:left;margin:5px 0 0 0;padding:0}

/* News
-----------------------------------------------------------------------------*/	
#news{float:left;width:300px;background:#fff;margin:25px 0 0 0;padding:0 10px 10px 10px}
#news h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:#37872d;font-weight:700}
#news h2 a{color:#37872d}
#news h2 a:hover{color:#000}
#news a{color:#2377cb}
#news a:hover{color:#005ea5}
#news .listings{margin-bottom:15px;border-bottom:1px solid #eee;height:100%;overflow:hidden}
#news .listings img.left{float:left;margin:3px 1em 5px 0;}
#news .listings h3{margin:0;padding:0;font-size:13px;color:#1e88b5;font-weight:700}
#news .listings p{font:12px Arial,Helvetica,sans-serif;line-height:17px;color:#595959;text-align:left;margin:0 0 12px 0}
#news .listings p a{border-bottom:1px dotted #666}
#news .listings p a:hover{border-bottom:none;color:#333}
#news p{font:11px verdana,Arial,Helvetica,sans-serif;color:#595959;text-align:left;margin:-5px 0 0 0;padding:0}

/* Spotlights
-----------------------------------------------------------------------------*/	
#spotlights{float:left;background:#fff;width:180px;margin:25px 0 0 0;padding:0 10px 10px 10px;overflow:hidden}
#spotlights h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:#37872d;font-weight:700}
#spotlights h2 a{color:#64b10b}
#spotlights h2 a:hover{color:#000}
img.spotlight{margin:3px 0 5px 0}
img.uqstories{}

/* Favourite Links
-----------------------------------------------------------------------------*/	
#fav{float:left;background:#fff;width:230px;margin:25px 0 0 0;padding:0 10px 10px 0px;overflow:hidden;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-radius:0 8px 0 0}
#fav h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:#8eb936;font-weight:700}
#fav h2 a{color:#64b10b}
#fav h2 a:hover{color:#000}
h1.accordion-title{margin:15px 0 0 1px;padding:0;background:#49075e;overflow:hidden;width:214px;color:#fff;font-size:14px;font-weight:700;padding:0.5em;border-radius:6px 6px 0 0;}
#accordian{height:340px}
#navigation{border-style:none solid solid;border-color:#e5e5e5;margin:0;padding:0;text-indent:0px;background:#fff;width:228px;border-width:1px;padding:0}
#navigation a.head{cursor:pointer;background:transparent url('../images/accordion_headerbg_off.gif') repeat-x scroll 0pt 0pt;color:#fff;display:block;font-weight:700;margin:0;padding:0;text-indent:10px;text-decoration:none;color:rgb(59,57,42);letter-spacing:normal;font-size:11px;text-transform:uppercase;font-weight:700;line-height:28px;cursor:pointer;height:27px;font-family:Arial,sans-serif;text-shadow:0 1px 1px #f9f9f9}
#navigation a.selected{background:transparent url('../images/accordion_headerbg_on.gif') repeat-x scroll 0 0;color:#fff;display:block;font-weight:700;margin:0;padding:0;cursor:pointer;height:27px;text-shadow:0 1px 1px rgba(0,0,0,0.2)}
#navigation ul{border-width:0;margin:0;padding:0;text-indent:0;background:#fff}
ul.favsection{list-style-type:none}
ul.favsection li{font-family:Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif;background:url('../images/fav-divide.gif') repeat-x 0 0 scroll;text-align:left;clear:both;padding:5px 0;width:100%;float:left}
	ul.favsection li:first-child{background:none}
ul.favsection div.link{padding:3px 0 0 0}
ul.favsection div.link a{font-size:12px;font-weight:700;color:#2377cb;text-decoration:none}
ul.favsection div.link a:hover{color:#005ea5}
ul.favsection span.rank{margin:0 2px 0 0;font-family:georgia;font-style:normal;font-variant:normal;font-weight:400;font-size:20px;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:#96d801;width:30px;text-align:center;float:left}

/* Breadcrumb (Optional)
-----------------------------------------------------------------------------*/	
#crumbs{float:left;background:#fff;width:940px;margin:0;padding:25px 10px 5px 0;height:26px;font-family:Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif;font-size:10px}
#crumbs li{float:left;line-height:26px;color:#777;padding-left:.75em}
#crumbs li a{background:url(../images/crumbs.gif) no-repeat right center;display:block;padding:0 15px 0 0;font-weight:700}
#crumbs li a:link,#crumbs li a:visited{color:#777;text-decoration:none}
a:link,a:visited,#crumbs li a:hover,#crumbs li a:focus{color:#2377cb}

/* Footer
-----------------------------------------------------------------------------*/	
#footer{background:#49075e;clear:both;float:left;width:100%;padding:30px 0}
#footer li a,#navResources p a,.campus a,.directions a, #navLogos a{border-bottom:1px solid rgb(108,93,94);color:rgb(241,241,241);cursor:pointer}
#footer li a:hover,#navResources p a:hover,.campus a:hover,.directions a:hover, #navLogos a:hover{border-bottom:1px solid rgb(73,59,60);color:rgb(221,212,213)}

#siteinfo{padding:0 0 0 5px;width:200px;float:left;color:#fff}
#siteinfo{font-size:11px;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400}
#siteinfo .org{font-weight:700}
#siteinfo address{font-style:normal}
#siteinfo .org{margin:0 0 10px 0;height:38px;width:200px}
#siteinfo .org a{overflow:hidden;background:url('../images/uq-logo.png') no-repeat 0 0 !important;display:block;height:38px;width:150px;text-indent:-1000px}
#siteinfo .adr{margin:0 0 5px 0;line-height:1.4}
#siteinfo .tel{margin:0 0 15px 0}
#siteinfo .campus{margin:0 0 15px 0}
#siteinfo .directions{margin:0 0 5px 0}

#copyright{margin:0;font-size:11px;width:200px}
#footer-resources{margin:0 0 0 20px;width:400px;float:left;border-left:1px dotted #D9B8FA;border-right:1px dotted #D9B8FA}
#footer-resources h2{margin:0 0 6px}
#footer-resources h2{display:none}
#footer-resources h3{margin:0 0 6px;font-family:'Helvetica Neue',Arial,verdana,sans-serif;font-size:12px;color:rgb(234,184,250);text-transform:uppercase}
#footer-resources li{font-size:11px;font-family:verdana,Arial,sans-serif}
#footer-resources ul{margin:0;list-style-type:none}
#footer-resources li{margin:0 0 6px;padding:0 0 0 12px;background:transparent url('../images/arrow.png') no-repeat scroll 0 2px}
#footer-resources a{padding:0 1px}
#footer-resources p{color:#fff;font-family:'Helvetica Neue',Arial,verdana,sans-serif;font-size:11px}
#navResources,#navSocial{float:left}
#navResources{padding:0 20px 0 20px;width:50%}
#navSocial{padding:0 0 10px 0;width:40%}
#navQuick{float:left;padding:0 0 10px 0;width:40%}
.member-logo{margin:0 0 10px 0;padding:0 0 2px 0}
.member-logo a:hover{background:none;text-decoration:none}
#footer-right{padding:0 0 10px 15px;margin:0;float:left;width:310px;height:146px;}
#footer-right h3{margin:0 0 6px;font-family:'Helvetica Neue',Arial,verdana,sans-serif;font-size:12px;color:rgb(234,184,250);text-transform:uppercase}
#footer-right p{margin:5px 0 12px 0;font-family:verdana,arial,sans-serif;font-size:11px;color:#fff}
#footer-right li{font-size:11px;font-family:verdana,Arial,sans-serif}
#footer-right ul{margin:0;list-style-type:none}
#footer-right li{margin:0 0 6px;padding:0 0 0 12px;background:transparent url('../images/arrow.png') no-repeat scroll 0 2px}
p.centenary{padding:16px 0 0 0}
.opacity-toggle img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}
.opacity-toggle:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;opacity:1.0}
#navExplore,#navLogos{float:left}
#navExplore{padding:0 20px 0 5px;width:180px}
#navLogos{padding:0 0 10px 0}

/* Social Media links */
#footer .social-links li{width:32px;height:32px;overflow:hidden;float:left;margin:0 5px 5px 0;padding:0;list-style:none;text-indent:-999px;background:none}
	#footer .social-links li a{width:32px;height:32px;display:block;border:0;text-decoration:none;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}
	#footer .social-links li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
	#footer .social-links .icon-facebook a{background:url('../../templates/web/images/icon-w-facebook-32.png') no-repeat 0 0}
	#footer .social-links .icon-twitter a{background:url('../../templates/web/images/icon-w-twitter-32.png') no-repeat 0 0}
	#footer .social-links .icon-flickr a{background:url('../../templates/web/images/icon-w-flickr-32.png') no-repeat 0 0}
	#footer .social-links .icon-instagram a{background:url('../../templates/web/images/icon-w-instagram-32.png') no-repeat 0 0}
	#footer .social-links .icon-youtube a{background:url('../../templates/web/images/icon-w-youtube-32.png') no-repeat 0 0}
	#footer .social-links .icon-vimeo a{background:url('../../templates/web/images/icon-w-vimeo-32.png') no-repeat 0 0}
	#footer .social-links .icon-itunesu a{background:url('../../templates/web/images/icon-w-apple-32.png') no-repeat 0 0}
	#footer .social-links .icon-linkedin a{background:url('../../templates/web/images/icon-w-linkedin-32.png') no-repeat 0 0}