/* 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: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; font-size: 100%; vertical-align: baseline; } html { background: rgb(255, 255, 255) url('../images/bg-body.png') repeat-x scroll 0pt 400px; } body { background: transparent url('../images/bg-header.jpg') no-repeat scroll 100% 0pt; } * { margin: 0; padding: 0; border:none; } img { border:0; } 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: 0pt; } :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:bold; } .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: rgb(34, 34, 34); } h1 a, h3 a { text-decoration: none; color: rgb(34, 34, 34); border-bottom:none; } h1 a:hover, h3 a:hover { text-decoration: none; } h2 { margin:0; padding: 5px 0 0 0; line-height: 150%; color: rgb(34, 34, 34); font:normal 22px Arial, Helvetica, sans-serif; } h2 a { color: rgb(34, 34, 34); text-decoration: underline; } h2 a:hover { text-decoration: none; } h3 { margin:0; padding:0; color: rgb(34, 34, 34); font:normal 26px Arial, Helvetica, sans-serif; } h3 a { color: rgb(34, 34, 34); text-decoration: none; } h4 { margin: 0 0 0 0; padding: 5px 0; font:normal 18px Arial, Helvetica, sans-serif; color: rgb(51, 0, 51); } h5 { margin: 0 0 0 0; padding: 5px 0; font:bold 16px Arial, Helvetica, sans-serif; color: rgb(34, 34, 34); } h6 { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: rgb(34, 34, 34); font:normal 18px Arial, Helvetica, sans-serif; border-top:4px solid rgb(224, 224, 224); } /* Hiddem Content -----------------------------------------------------------------------------*/ .skip { display: none; } #search label { display: none; visibility: hidden; } /* Header + Body -----------------------------------------------------------------------------*/ .wrapper { position: relative; top: 0pt; margin: 0px auto; width: 960px; } #header { margin: 0pt; padding: 0pt; background: rgb(96, 34, 124) url('../images/bodybg.gif') repeat-x scroll 0pt 0pt; color: rgb(239, 239, 239); height: 100px; } #header-inner, #topnav-inner { margin: 0pt auto; padding: 0pt; width: 1000px; } #header-inner h1 { margin: 26px 0 0 25px; text-indent: -9999px; z-index: 9999; position: absolute; } #header-inner h1 a { background: transparent url('../images/masthead-logo.gif') no-repeat scroll 0pt 0pt; 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: transparent url('../images/masthead-logo-facultyofscience.png') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 208px; } #mininav { margin: 0pt; padding: 10px 20px 8px 0; color: rgb(255, 255, 255); font-size: 9px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; float: right; } #mininav ul { margin: 0pt; padding: 5px 0 0 15px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #mininav ul li { margin: 0pt 0.8em 0pt 0pt; padding: 0pt; float: left; display: inline; } #mininav a { text-transform: uppercase; font-weight: bold; } #mininav a:link { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:visited { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:hover { color: rgb(255, 255, 255); text-decoration: none; } #mininav a:active { color: rgb(255, 255, 255); text-decoration: none; } #topnav { margin: 0pt; padding: 8px 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 11px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; } #topnav ul { margin: 0pt; padding: 2pt 0pt 0pt 25px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #topnav ul li { margin: 0 30px 0 0; padding: 0 0 0 0; float: left; display: inline; } #topnav ul li a { text-transform: uppercase; margin: 0 0 0 -8px; padding: 12px 8px 12px 8px; } #topnav li a:link { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:visited { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:hover { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.gif') repeat-x scroll right bottom; border-bottom: 1px solid rgb(229, 229, 229); } #topnav li a:active { color: rgb(245, 225, 255); text-decoration: none; border-bottom: 1px solid rgb(229, 229, 229); } div#search { background: transparent url('../images/form-left.png') no-repeat scroll 0pt 0pt; position: absolute; top: 40px; margin: 0 0 0 775px;} div#search form { margin: 0pt; padding: 0pt; width: 210px; } div#search label { display: block; float: left; width: 30px; height: 18px; } div#search label span { display: none; } div#search input { border: 0pt none ; margin: 0 0 0 0; padding: 4px 0 0 0; background: transparent none repeat scroll 0% 0%; float: left; width: 142px; height: 18px; font-size: 11px; color: rgb(0, 0, 0); font-family: verdana, arial; } div#search input.submit { margin: 0pt 0pt 0pt 3px; padding: 0pt; background: transparent url('../images/form-right.png') no-repeat scroll 0pt 0pt; float: left; cursor: pointer; width: 20px; height: 22px; } /* Feature -----------------------------------------------------------------------------*/ #feature { display: inline-block; width: 960px; margin:20px 0 0 0; padding: 0 0 0 0; } #feature:after { content: "."; display: block; height: 0pt; font-size: 0pt; clear: both; visibility: hidden; } #feature-image { float: left; width: 960px; height: 300px; } #feature .ribbon { margin: 250px 0pt 0pt -9px; padding: 7px 15px 10px 18px; background: rgb(0, 0, 0) 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: rgb(255, 255, 255); text-transform: uppercase; } #feature .ribbon a:hover { color: rgb(197, 252, 93); } #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 0pt 0pt; 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; } .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;} .stripNavR {right: -40px;} .stripNavL {background: url('../images/arrow-left.gif') no-repeat center;} .stripNavR {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: 0px solid black;} #movers-row {margin: 0px auto 0px; 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: rgb(255, 255, 255); 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: 0 0 0 8px; } #events h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color:rgb(142, 185, 54); font-weight:bold; } #events h2 a { color: rgb(100, 177, 11); } #events h2 a:hover { color: rgb(0, 0, 0);} #events a { color: rgb(30, 136, 181); } #events a:hover { color: rgb(147, 18, 170);} #events img { margin: 1px 5px 5px 0; } #events .listings h3 { margin:0; padding:0; font-size:12px; color: rgb(30, 136, 181); font-weight:bold; background:none; border-top:none; text-transform: none; } #events .listings p { margin:0; padding:0 0 8px 0; line-height:18px; font:11px Arial, Helvetica, sans-serif; color: rgb(153, 153, 153); } #events p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: 5px 0 0 0; padding: 0; } /* News -----------------------------------------------------------------------------*/ #news { float:left; width:300px; background: rgb(255, 255, 255); margin: 25px 0 0 0; padding: 0 10px 10px 10px; } #news h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color: rgb(142, 185, 54); font-weight:bold; } #news h2 a { color: rgb(100, 177, 11); } #news h2 a:hover { color: rgb(0, 0, 0);} #news a { color: rgb(30, 136, 181); } #news a:hover { color: rgb(147, 18, 170); } #news .listings { margin-bottom:15px; border-bottom:1px solid rgb(224, 224, 224); height:100%; overflow:hidden; } #news .listings .left { border: 1px solid rgb(229, 229, 229); float: left; margin: 3px 10px 5px 0; -webkit-box-shadow: 1px 1px 10px rgb(214, 214, 214); -moz-box-shadow: 1px 1px 10px rgb(214, 214, 214); box-shadow: 1px 1px 10px rgb(214, 214, 214); } #news .listings h3 { margin:0; padding:0; font-size:13px; color:rgb(30, 136, 181); font-weight:bold; } #news .listings p { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; color: rgb(89, 89, 89); text-align:left; margin: 0 0 12px 0;} #news .listings p a { border-bottom:1px dotted rgb(102, 102, 102); } #news .listings p a:hover { border-bottom:none; color: rgb(51, 51, 51); } #news p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: -5px 0 0 0; padding: 0; } /* Ads -----------------------------------------------------------------------------*/ #ads { float:left; background: rgb(255, 255, 255); width:180px; margin: 25px 0 0 0; padding: 0 10px 10px 10px; overflow:hidden; } #ads h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color:rgb(100, 177, 11); font-weight:bold; } #ads h2 a { color: rgb(100, 177, 11); } #ads h2 a:hover { color: rgb(0, 0, 0);} img.spotlight { border: 1px solid rgb(229, 229, 229); margin: 3px 5px 5px 0; } /* Favourite Links -----------------------------------------------------------------------------*/ #fav { float:left; background: rgb(255, 255, 255); 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 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color: rgb(142, 185, 54); font-weight:bold; } #fav h2 a { color: rgb(100, 177, 11); } #fav h2 a:hover { color: rgb(0, 0, 0);} h1.accordion-title { margin:15px 0 0 1px; padding: 0; background: transparent url('../images/accordion_title.gif') no-repeat scroll 0pt 0pt; overflow: hidden; text-indent: -1000px; width: 232px; height: 33px; } #accordian { height:340px; } #navigation {border-style: none solid solid; border-color: rgb(229, 229, 229); margin:0px;padding:0px;text-indent:0px;background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); display:block; font-weight:bold; margin:0px; padding:0px; text-indent:10px; text-decoration: none;color: rgb(59, 57, 42); letter-spacing: normal; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 28px; cursor: pointer; height: 27px;font-family: Arial,sans-serif; } #navigation a.selected {background: transparent url('../images/accordion_headerbg_on.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block;font-weight:bold;margin:0px;padding:0px;cursor: pointer; height: 27px; } #navigation ul {border-width:0px;margin:0px;padding:0px;text-indent:0px; background: rgb(255, 255, 255) url('../images/accordion_bg.gif') no-repeat scroll 0pt 0px; } ul.favsection {list-style-type: none; margin-left: 0px; } ul.favsection li { font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; background-attachment: scroll; background-image: url('../images/fav-divide.gif'); background-repeat: repeat-x; background-position: left bottom; text-align: left; } ul.favsection div.link { padding: 8px 0pt 8px 0px; } ul.favsection div.link a { font-size: 12px; font-weight: bold; color: rgb(30, 136, 181); text-decoration: none; } ul.favsection div.link a:hover {color: rgb(147, 18, 170); } ul.favsection span.rank { margin: 5px 2px 0pt 0pt; font-family: georgia; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(150, 216, 1); float: left; width: 30px; text-align: center; } /* Breadcrumb (Optional) -----------------------------------------------------------------------------*/ #crumbs { float:left; background: rgb(255, 255, 255); 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: rgb(119, 119, 119); padding-left:.75em; } #crumbs li a { background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0; font-weight: bold; } #crumbs li a:link,#crumbs li a:visited { color: rgb(119, 119, 119); text-decoration:none; } a:link, a:visited, #crumbs li a:hover,#crumbs li a:focus { color:rgb(221, 44, 13); } /* Footer -----------------------------------------------------------------------------*/ #footer { background: rgb(8, 68, 125) url('../images/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800; } #footer { clear: both; min-height: 140px; height: 220px ! important; margin-top: 40px; } #footer .wrapper { margin-top: 40px; } #footer div { } #footer .wrapper { } #footer li a, #navResources p a, .campus a, .directions 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 { border-bottom: 1px solid rgb(73, 59, 60); color: rgb(221, 212, 213); } #siteinfo { padding: 0 0 0 5px; width: 200px; float: left; color:rgb(255, 255, 255); } #siteinfo { font-size: 11px; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; } #siteinfo .org { font-weight: bold; } #siteinfo address { font-style: normal; } #siteinfo .org { margin: 0 0 10px 0; height: 38px; width: 200px; } #siteinfo .org a { overflow: hidden; background-image: url('../images/uq-logo.gif') ! important; background-repeat: no-repeat ! important; background-color: transparent ! important; display: block; height: 38px; text-indent: -1000px; } #siteinfo .adr { margin: 0 0 5px 0; line-height: 1.4; } #siteinfo .tel { margin: 0 0 5px 0; } #siteinfo .campus { margin: 0 0 5px 0; } #siteinfo .directions { margin: 0 0 5px 0; } #copyright { margin: 0pt; font-size: 11px; width: 200px; } #footer-resources { margin: 0 0px 0 20px; width: 400px; float: left; border-left: 1px dotted rgb(217, 184, 250); } #footer-resources h2 { margin: 0pt 0pt 6px; } #footer-resources h2 { display: none; } #footer-resources h3 { margin: 0pt 0pt 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: 0pt; list-style-type: none; } #footer-resources li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } #footer-resources a { padding: 0pt 1px; } #footer-resources p { color: rgb(255, 255, 255); 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 20px 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; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);} #footer-right h3 { margin: 0pt 0pt 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: rgb(255, 255, 255); } #footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-right ul { margin: 0pt; list-style-type: none; } #footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 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; }