/* 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(182, 240, 255) url('../images/bg-content-bottom.png') scroll center repeat-x; }
body { background: transparent url('../images/bg-content.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;}

/* 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); }


/*	Hidden 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; }


/* Content
-----------------------------------------------------------------------------*/	
#content { display: inline-block; width: 960px; margin:10px 0 0 0; padding: 0 0 0 0; position: relative; background: rgb(255, 255, 255); -moz-border-radius-topleft: 8px;  -webkit-border-top-left-radius: 8px; border-radius: 0 8px 0 8px;  -moz-border-radius-topright: 8px;  -webkit-border-top-right-radius: 8px; }

#content #page-head { width: 960px; border-bottom: 1px solid rgb(238, 238, 238); margin: 0;  }
#content #page-head h1 { margin: 0pt; padding: 30px 20px 30px 20px; font-size: 2em; color: rgb(0, 0, 0); }

/* Content (Primary)
-----------------------------------------------------------------------------*/	
#content-primary { float:left;	background: rgb(255, 255, 255); width:670px;	margin: 0 0 0 0; padding: 10px 20px 10px 20px;	overflow:hidden; }

#content-primary h2 { font-family: Arial,Helvetica,sans-serif; color: rgb(65, 113, 7); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 0.5em; clear: left; }

#content-primary h3 { font-family: Arial,Helvetica,sans-serif; color: rgb(104, 180, 11); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 30px; clear: left; }

#content-primary p { font:normal 12px verdana, Arial, Helvetica, sans-serif; line-height: 1.5; margin: 1em 0 1.6em 0; }

#content-primary  a { color: rgb(30, 136, 181); }
#content-primary  a:hover { color: rgb(147, 18, 170);}

.image-float { margin: 7px 0pt 20px 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: right; display: block; width: 210px; background: rgb(242, 253, 224); }
.image-float img { margin: 0pt 0pt 5px; }
.image-float .text { margin: 10px; }

#content-primary p.caption { margin: 0pt 10px 0pt 12px; padding: 0pt 0pt 10px; font-size: 0.69em; line-height: 1.5em; color: rgb(102, 102, 102); }

.image-wide { margin: 20px 0pt; padding: 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 670px; background: rgb(242, 253, 224); }
.image-wide img { margin: 0pt 0pt 5px; }

#content-primary ul { list-style-image: url('../images/bullet.png'); list-style-type: square; margin-bottom: 20px; }
#content-primary ul, #content-primary ol { font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 0.8em; line-height: 1.4em; margin-left: 20px; padding-left: 0pt; }
#content-primary ol { margin-left: 30px; }
#content-primary li { margin: 10px 0pt; }


/* Table (Optional)
-----------------------------------------------------------------------------*/	
#gradient-style {	font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;	font-size: 12px;	margin: 0px;	width: 670px;	text-align: left;	border-collapse: collapse; }
#gradient-style th {	font-size: 13px;	font-weight: bold;	padding: 8px;	background: rgb(185, 201, 254) url('../images/table-gradhead.png') repeat-x;	border-top: 2px solid rgb(211, 221, 255);	border-bottom: 1px solid rgb(255, 255, 255);	color: rgb(0, 0, 0); }
#gradient-style td{	padding: 8px;	border-bottom: 1px solid rgb(255, 255, 255);	color: rgb(55, 55, 55);	border-top: 1px solid rgb(255, 255, 255);	background: rgb(245, 245, 245) url('../images/table-gradback.png') repeat-x; }
#gradient-style tfoot tr td {	background: rgb(214, 247, 255);	font-size: 12px;	color: rgb(153, 153, 204); }
#gradient-style tbody tr:hover td{	background: rgb(214, 247, 255) url('../images/table-gradhover.png') repeat-x;	color: rgb(51, 51, 153); }
#gradient-style td h1 { font-size: 13px; font-weight: bold; padding:0 0 5px 0; margin:0 }

#hor-minimalist {	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;	font-size: 12px;	background: rgb(255, 255, 255);	width: 660px;
	border-collapse: collapse;	text-align: left; }
#hor-minimalist th {	font-size: 13px;	font-weight: bold;	color: rgb(0, 145, 181);	padding: 10px 8px;	border-bottom: 2px solid rgb(0, 145, 181); }
#hor-minimalist td {	border-bottom: 1px solid rgb(241, 241, 241);	color: rgb(103, 103, 103);	padding: 6px 8px; }
#hor-minimalist tbody tr:hover td {	color: rgb(0, 0, 0); }
#hor-minimalist tfoot tr td {border-bottom: 2px solid rgb(0, 145, 181);font-size: 11px; }

/* Breadcrumb (Optional)
-----------------------------------------------------------------------------*/	
#crumbs {	float:left;	background: rgb(255, 255, 255); width:960px; margin: 10px 0 0 0; padding: 0 0 0 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 10px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); }

#crumbs ul {}
#crumbs li {	float:left;	line-height:26px;	color: rgb(102, 102, 102);	padding-left: 10px;	 font-size: 11px; font-weight: bold; }
#crumbs li a.first { margin: 0 0 0 10px; }	
#crumbs li a {	background:url(../images/crumbs.gif) no-repeat right center;	display:block;	padding:0 15px 0 0;	}							
#crumbs li a:link, #crumbs li a:visited {	color: rgb(119, 119, 119);	text-decoration:none;	}
#crumbs li a:hover,#crumbs li a:focus {	color:rgb(221, 44, 13);	}	

#crumbs span.top a { float: right; display:block; padding: 5px 20px 0 0; font-weight: bold; color:rgb(0, 0, 0); font-size: 11px; }	
#crumbs span.top a:hover { color:rgb(221, 44, 13); }

	

/* Content (Secondary) - Dynamic Navigation
-----------------------------------------------------------------------------*/	
#content-secondary {	float:left;	background: rgb(255, 255, 255); width:230px; margin: 0 0 0 0; padding: 0 10px 10px 0px; overflow:hidden;  }

h1.accordion-title { margin:25px 0 0 1px; padding: 0; background: transparent url('../images/nav_menu_title.gif') no-repeat scroll 0pt 0pt; overflow: hidden; text-indent: -1000px; width: 232px; height: 33px; }

#accordian { height:315px; }

#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.section {list-style-type: none; margin-left: 0px; }
ul.section 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.section div.link { padding: 8px 0pt 8px 0px; }
ul.section div.link a { font-size: 12px; font-weight: bold; color: rgb(30, 136, 181); text-decoration: none; }
ul.section div.link a:hover { color: rgb(147, 18, 170); }
ul.section 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; }


/* Content (Secondary) - Static Navigation
-----------------------------------------------------------------------------*/	
#nav-static ul { padding: 0pt; margin: 0 0 0 1px; list-style-type: none; width: 228px;}
#nav-static ul li { padding: 0pt; display: inline; height: 1%; }
#nav-static ul li a { border-bottom: 1px solid rgb(255, 255, 255); padding: 8px 0pt 8px 12px; background: rgb(241, 241, 241); text-decoration: none; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; display: block; color: rgb(51, 51, 51); height: 1%; }
#nav-static ul li a:hover, #nav-static ul li a:focus { border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(230, 230, 230); }
#nav-static ul li a:active { color: rgb(255, 255, 255); background-color: rgb(192, 36, 36); }

#nav-static ul li ul.sitelinks  { margin: 0pt;  }
#nav-static ul li ul.sitelinks li a { padding: 8px 0pt 8px 30px; color: rgb(30, 136, 181);  background: rgb(249, 249, 249) url('../images/arrow.png') no-repeat scroll 1em 0.8em; text-transform: none; font-size: 12px; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; height: 20px;}
#nav-static ul li ul.sitelinks li a:hover, #nav-static ul li ul li a:focus { background-color: rgb(233, 233, 233); color: rgb(147, 18, 170); }
#nav-static ul li ul.sitelinks li a:active { color: rgb(255, 255, 255); background-color: rgb(192, 36, 36); }

#nav-static ul li.site a { background: transparent url('../images/accordion_headerbg_on.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); border: 0; }

/* Content (Secondary)
-----------------------------------------------------------------------------*/	
#content-secondary-feature { margin: 20px 0 20px 0; width: 228px; border-bottom: 1px solid rgb(209, 209, 209) ! important; }
#content-secondary-feature img { padding-bottom: 8px; border-top: 5px solid rgb(132, 132, 132);  }
#content-secondary-feature p { margin: 2px 0pt 9px; font-family: verdana,Arial,sans-serif; font-size: 10px; line-height: 1.65em; color: rgb(101, 101, 94); width: 228px; }
	
/* 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 a { text-decoration: underline; color: rgb(255, 255, 255); cursor: pointer; }
#footer a:hover {  color: rgb(234, 184, 250);  }

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

#faq { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);}
#faq h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; }
#faq p { margin: 5px 0 8px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); }

#askQuestion { float: left; width: 99%; height: 80px;  }
#askQuestionInput { margin: 4px 8px 0pt 0pt; padding: 5px; width: 68%; float: left; font-size: 11px; }
#askQuestion button { border: medium none ; margin: 0pt; background: transparent url('../images/button-submit.png') no-repeat  0pt 0pt ! important; overflow: hidden; width: 75px; height: 28px; text-indent: -1000px; cursor: pointer; float: left; }

#uq-device { background: transparent url('../images/footer-device.png') no-repeat scroll 0pt 0pt ! important;  }