/* temporary overrides for backwards compatibility on old pages ... add more as we find them! */
   p { margin-bottom: 5px !important; }
   ul { list-style-type: disc; margin-left: 3em;}
   ul ul { list-style-type: circle; }
   ul ul ul { list-style-type: square; }
   h1 { margin-top: 12px; }
   #login {  font-size: 12px; font-family: Helvetica,\"Trebuchet MS\",sans-serif;  margin: 12px 15px 0 0; float: right; overflow: visible; } 
   #login a { color: #fff; text-decoration: none; padding: 2px; border: 1px solid #fff; text-transform: none !important;}
   #login a.logoutlink { border: none; }

/* html { background: #F0F0EF url('bg-content-bottom.png') scroll center repeat-x; } */
html, body { height: 100%; }

/* body {background-color: #F0F0EF !important; } */
body {background-color: #F0F0EF; } 
body.old { background-color: #fff; } 

* {	margin: 0;	padding: 0;	border:none; }

img { border:0; }
a, a:visited { text-decoration:none; }
a:hover { text-decoration: underline; }
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; }
.nobr          { white-space: nowrap; }
.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;}
ol > li { margin-left: 3em; }
li { margin-top: 0.5em; margin-bottom: 0.5em; }

/* 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:link {	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, #searchtools .label { display: none; visibility: hidden; }	

/* Header + Body
-----------------------------------------------------------------------------*/	
/* .wrapper {background: rgb(255, 255, 255); position: relative; top: 0pt; margin: 10px auto 10px auto; width: 940px; padding:  10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; border: 1px solid #E6E6E5;  } */

/* .wrapper { background: transparent !important; position: relative; top: 0pt; margin: 10px auto 10px auto; width: 940px; padding:  10px; -moz-border-radius:8px; border: 1px solid #f2f2f2;  } */

.wrapper { background: #fff; position: relative; top: 0pt; margin: 10px auto 10px auto; width: 940px; padding:  10px; -moz-border-radius:8px; border: 1px solid #f2f2f2;  }
	

#header { margin: 0pt; padding: 0pt; background: rgb(96, 34, 124) url('/images/2009/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/2009/masthead-logo.gif') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 182px; }

/*
#header-inner h2 { margin: 26px 0 0 220px;   z-index: 9999; position: absolute; font-size: 24px; color: #fff;  }
#header-inner h2 a {  display: block;  text-decoration: none;  color: #fff; height: 40px; border-left: 1px solid #fff; padding-left: 15px; padding-top: 10px }
*/
#header-inner h2 { margin: 26px 0 0 220px; display: block;  z-index: 9999; position: absolute; font-size: 24px; color: #fff; height: 40px; border-left: 1px solid #fff; padding-left: 15px; padding-top: 10px; }
#header-inner h2 a {  text-decoration: none;  color: #fff;  }

#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; width: 420px; }
#mininav ul { margin: 0pt; padding: 5px 0 0 15px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; float: right; }
#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; }
/* begin hide from ie5 \*/
#mininav {height:1%;}
/* hide end */

div#search, div#searchtools { background: transparent url('/images/2009/form-left.png') no-repeat scroll 0pt 0pt; float: right; clear: both; margin-top: -2px; }
div#search form, div#searchtools form { margin: 0pt; padding: 0pt; width: 210px; }
div#search label, div#searchtools label { display: block; float: left; width: 30px; height: 18px; }
div#search label span, div#searchtools label span { display: none; }
div#search input, div#searchtools 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, div#searchtools input.submit { margin: 0pt 0pt 0pt 3px; padding: 0pt; background: transparent url('/images/2009/form-right.png') no-repeat scroll 0pt 0pt; float: left; cursor: pointer; width: 20px; height: 22px; }

#searchtools #searchbox label { visibility: hidden; }

/* --  NAVIGATION BAR ------------------------------------------------ */

#MainNavBar { font-family: verdana, arial, sans-serif; background: #000; font-size: 12px; height: 30px; }
#MainNavBar UL {margin: 0; padding: 0; list-style: none; }

UL#MainNav { margin: 0pt auto; padding: 0pt; width: 960px;}
UL#MainNav LI { float: left; line-height: 1.1;  text-align: center; font-size: 1.083em; position: relative; margin-top: 0; margin-left: 0; border-top: 2px solid #000; /*border-bottom: #f7f7f7 */ } 
/*UL#MainNav A {  color: #FFF; display: block; padding: 8px 5px; text-decoration: none; } */
UL#MainNav A {  color: #FFF; display: block; padding: 8px 5px 0; text-decoration: none;  }
UL#MainNav A:hover {   }
/* UL#MainNav LI.Hover A { background: #F7F7F7; color: #000; } */
UL#MainNav LI.Hover A { background: #000; color: #fff; height: 12px;   } 

#topnav > ul > li > a { font-size: 13px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter;  /*padding-bottom: 10px; */ padding-bottom: 5px; font-size: 11px; text-transform: uppercase;}

#topnav > ul > li > a:hover { color: #f5e1ff; text-decoration: none; background: transparent url('/images/top_nav_bg_active.gif') repeat-x scroll 100% 100%; border-bottom: 4px solid #e5e5e5 !important;}

* HTML UL#MainNav LI { position: static; }
*:first-child+html UL#MainNav LI { position: static; }

ul#MainNav > LI A { min-width: 94px; position: relative; top: -2px; height: 8 px; border: 2px solid transparent;  z-index: 1000; }

ul#MainNav > LI A:hover { position: relative; top: -2px;  border-bottom: 2px solid black; z-index: 1000; }


UL#MainNav:after,
.Layout:after,
.header:after,
.content:after,
.footer:after,
.item:after,
.inner:after,
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* Content
-----------------------------------------------------------------------------*/	
/*#content { float: left; display: inline-block; width: 960px; } */
/* #content { float: left; display: inline-block; width: 940px; } */

#content { float: left; display: inline-block; background: #fff; -moz-border-radius:8px; /*-moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;*/ border: 1px solid #E6E6E5; width: 940px; margin-bottom: 0px; /* padding-left, padding-right: 10px; */ text-align: left; }		

#content #page-head { width: 940px; 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; padding: 0 10px; width: 620px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}

#content-primary h2 { 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 { 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 { line-height: 1.5; margin: 1em 0 1.6em 0; }

#content-primary a {color: #003399; text-decoration: none;  }

#content-primary a:hover { color: #9312AA; text-decoration: underline; }

.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 - Tabs)
-----------------------------------------------------------------------------*/	

/* Tabs4 (Second level tabs */

#content-primary .tabs4 {
    padding: 0;
    margin: 0 0 -2px;
    font-family: Verdana, Arial,Helvetica, sans-serif; 
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#content-primary .tabs4 li {
    margin: 0;
    display: inline;
    position: relative; top: 4px; left: 10px; /* new */
}

#content-primary .tabs4 li a {
    padding: 5px 5px 4px;
    color: #003399;
    font-size: 12px;
    margin: 0 5px 0 0;
    text-decoration: none;
}

#content-primary .tabs4 li a:visited {
    color: #003399;
}

#content-primary .tabs4 li a:hover{
    text-decoration: underline;
    color: #9312AA;
}

#content-primary .tabs4 li a.selected{ /*selected main tab style */
	  border: 1px solid #aaa; 
	  border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #f2f2f2; /* new */
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background: #f2f2f2;
    color: #000;
    text-decoration: none;
}

#content-primary .tabs4 li a.selected:link, #content-primary .tabs4 li a.chosen:link { /*selected main tab style */
    text-decoration: none;
}

#content-primary .tabs4 li.selected a:hover, #content-primary .tabs4 li.chosen a:hover{ /*unselected tab style */
    color: #003399;
    text-decoration: underline;
}

#content-primary .tabs4 a:active, a:focus {outline: 0; }
/* looks like this is what was causing the "white-out" problem!
.tabs a:active, a:focus {color: #FDFCF7; }
*/

/* Tabs5 (First level tabs */

#content-primary .tabs5{
margin: 0 0 0 0;
font-family: Verdana, Arial,Helvetica, sans-serif; 
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
padding: 0 0 2px 10px;
border-bottom: 1px solid #aaa;
}

#content-primary .tabs5 li{
display: inline;
margin: 0;
padding: 0;
}

#content-primary .tabs5 li a{
 font-size: 12px;
	background: #dfdfdd;
  padding: 0.2em 0.5em ;
	text-decoration:none;
	border: 1px solid #aaa; 
	font-weight:normal;
	color: #000;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;	
}

#content-primary .tabs5 li a:visited{
/* color: #fff; */
}

#content-primary .tabs5 li a:hover{
	text-decoration:underline;
		color: #993399;
}

#content-primary tabs5 li.selected, #content-primary .tabs5 li.chosen{
position: relative !important;
/*z-index: -1 important;*/
}

#content-primary .tabs5 li a.selected:link, #content-primary .tabs5 li a.chosen:link { 
  /*selected main tab style */
font-weight: bold;
	color: #000;
	background: none;
}


#content-primary .tabs5 li.selected a:hover, #content-primary .tabs5 li.chosen a:hover{ 
  /*unselected tab style */
	background-color: #a0c535; 
	color:#555; 
	#padding:6px 15px 8px 15px; /* IE hack to add in padding for selected tab */
	text-decoration:underline;
}


#content-primary .tabs5 a:active, a:focus {outline: 0; }
/* looks like this is what was causing the "white-out" problem!
.tabs a:active, a:focus {color: #FDFCF7; }
*/

#spotlight { width: 308px; }

#coll_spotlight { position: relative; width: 307px; left: 5px; }

/* Content (Second)
-----------------------------------------------------------------------------*/	

#second-content { 
	-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px;	-moz-border-radius-bottomright:8px;
	/* background: #F8F8F7 none repeat scroll 0 0; */
	background: #FFF none repeat scroll 0 0;
	border: 1px solid #E6E6E5;
	display:inline-block;
	float:left;
	padding:0;
	margin: 10px 10px 0 10px;
	position:relative;
	width:940px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	}
	
#second-content  a {color: #003399; text-decoration: none;  }

#second-content  a:hover { color: #9312AA; text-decoration: underline; }

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

/* News
-----------------------------------------------------------------------------*/	
#news { float:left; width:320px; background: none; margin: 10px 0 0 0; padding: 10px 10px 5px 10px; }
	
#news h2 {	margin:5px 0 5px 0; padding:10px 0 3px 0;	font-size: 14px;	text-transform: uppercase;	color: #a0c535;	font-weight:bold; }
#news h2 a { color: #a0c535; text-decoration: none }
#news h2 a:hover { color: rgb(0, 0, 0); text-decoration: underline;}

#news  a {	color: #003399; text-decoration: none;}
#news  a:hover {	color: #9312AA; text-decoration: underline }

#news .listings {	margin-bottom:5px;	border-bottom:1px solid rgb(224, 224, 224);	height:100%; overflow:hidden; }
#news .listings .left {		float: left;	margin: 3px 10px 10px 0; }

#news .listings h3 { 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: 5px 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; }

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

/* Breadcrumb Styles
---------------------------------------------------------------------*/
#pagebase{margin:0;padding:0;float:left;overflow:hidden;width:960px;background:#fff}
.breadCrumb{font-size:12px;line-height:21px;color:#ababab;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-variant:normal;font-weight:400}
.breadCrumb a{color:#777;text-decoration:none;font-size:inherit;font-weight:inherit}
.breadCrumb a:hover{text-decoration:underline;color:#9312AA}
.breadCrumb ul{margin:0;padding:0;height:21px;display:block}
.breadCrumb ul li{display:block;float:left;position:relative;height:21px;overflow:hidden;line-height:21px;margin:0 6px 0 0;padding:0 10px 0 0;font-size:.9167em;background:url('http://uq.edu.au/templates/web/images/Chevron.gif') no-repeat 100% 0}
.breadCrumb ul li div.chevronOverlay{position:absolute;right:0;top:0;z-index:2}
.breadCrumb ul li span{display:block;overflow:hidden}
.breadCrumb ul li a{display:block;position:relative;height:21px;line-height:21px;overflow:hidden;float:left}
.breadCrumb ul li.first a{height:16px !important;margin-top:0;padding:0;/*text-indent:-1000em;width:16px;overflow:hidden;background:url('http://uq.edu.au/templates/web/images/IconHome.gif') no-repeat 0 0;*/}
.breadCrumb ul li.first a:hover{background-position:0 -16px}
.breadCrumb ul li.last{background:none;margin-right:0;padding-right:0}
.chevronOverlay{display:none;background:url('http://uq.edu.au/templates/web/images/ChevronOverlay.png') no-repeat 100% 0;width:13px;height:20px}

/* TOP */
#breadCrumb0{padding:8px 0 0 20px;width:930px}

/* BOTTOM */
#pagebase span.top{border-top:1px solid #eee;border-bottom:1px solid #eee;float:right;width:70px;line-height:21px;padding:4px 10px 4px 0}
#pagebase span.top a:link, #pagebase span.top a:active, #pagebase span.top a:visited{color:#000;display:block;font-family:Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;font-size:11px;font-weight:700}
#pagebase span.top a:hover{color:#9312AA}
#breadCrumb1{border-top:1px solid #eee;border-bottom:1px solid #eee;float:left;padding:4px 0 4px 20px;width:860px}

	

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

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

#accordian, #accordion { width: 230px }

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

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; border-bottom: 1px dotted #aaa; border-top: 1px solid #fff; }
ul.section div.link { padding: 6px 0pt 6px 18px; }
ul.section div.link a { font-size: 12px; font-weight: bold; color: #003399; text-decoration: none; font-weight: normal;  vertical-align: top;}
ul.section div.link a:hover { color: rgb(147, 18, 170); text-decoration: underline; }
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/2009/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/2009/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; }

/* homepage navigation *******/
div#home-nav { width: 240px; }
#home-nav ul { margin: 0 0 0 10px; }
#home-nav ul li { font-family: verdana,Arial,sans-serif; font-size:12px; height:15px; line-height:12px; list-style-image:none; list-style-position:outside; list-style-type:none; padding:4px 0 4px 5px; margin: 0 0 8px -10px;
  background: url("/sites/default/themes/uqlib/images/menu-arrow.gif") no-repeat scroll 4px 8px; border-bottom: 1px solid #ddd; }
#home-nav a:link, #home-nav a:active, #home-nav a:visited { color: #000; text-decoration: none } 
#home-nav a:hover { color: #9312AA; text-decoration: underline; }
#home-nav ul li#referencing { background:transparent url('/images/download.png') no-repeat scroll 0 0; margin-bottom: 0; }

/* Footer
-----------------------------------------------------------------------------*/	
#footer { background: rgb(8, 68, 125) url('/images/2009/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800; margin-top: -20px;}
#footer { min-height: 140px; height: 220px ! important;  }
#footer .wrapper { padding: 0; width: 960px; margin-top: 30px; background: transparent; border-width: 0; }
#footer div { }

#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 .vcard { border: none; }
#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/2009/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; }

#sitemap {background: #5C5D75; clear: both;min-height: 140px; padding: 2px 0 2px 0; width: 940px; margin-left: auto; margin-right: auto; }
#sitemap .wrapper {width: 900px; color: #000; background: #fff !important; }
#sitemap h4 {color: #000}
#sitemap .section { width: 25%; float: left; }
#sitemap .wrapper .wider { width: 28%; }
#sitemap .wrapper .narrower { width: 22%; }
#sitemap .img-left { padding-bottom: 11em; }

#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); min-height: 160px;  }
#footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; background: transparent url('/images/2009/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250); }
#footer-resources h2, #footer-right h2 { margin: 0pt 0pt 6px; }
#footer-resources h2, #footer-right h2 { display: none; }
#footer-resources h3, #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-resources li, #footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; }
#footer-resources ul, #footer-right ul { margin: 0pt; list-style-type: none; }
#footer-resources li, #footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('/images/2009/arrow.png') no-repeat scroll  0px 2px; }
#footer-resources a, #footer-right a { padding: 0pt 1px; }
#footer-resources p, #footer-right p { color: rgb(255, 255, 255); font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 11px; }

#navResources, #navSocial, #footer-right, #navExplore { float: left; }
#navLogos { float: right; }
/*#navResources { padding: 0 20px 0 20px; width: 50%; } */
#navResources { padding: 0 20px 0 20px; width: 200px; min-height: 140px; }
/* #navSocial { padding: 0 0 10px 0; width: 40%; } */
#navSocial { padding: 0 0 10px 20px; width: 30%; min-height: 65px; }
/* #navQuick { float: left; padding: 0 0 10px 0; width: 40%; } */
#navQuick { float: left; padding: 0 0 10px 20px; width: 30%; min-height: 75px; }
.member-logo { margin: 0 20px 10px 0; padding: 0 0 2px 0; }
.member-logo a:hover { background: none; text-decoration: none;  }

#navExplore { padding: 0 0 10px 0; min-height: 140px; }

#navLogos { padding: 0 0 10px 20px; min-height: 75px;}

#faq { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; background: transparent url('/images/2009/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/2009/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/2009/footer-device.png') no-repeat scroll 0pt 0pt ! important;  }

#footer a, #navResources a, .campus a, .directions a {  border-bottom: 1px solid rgb(108, 93, 94); color: rgb(241, 241, 241); cursor: pointer; text-decoration: none; }
#footer a:hover, #navResources a:hover, .campus a:hover, .directions a:hover {  border-bottom: 1px solid rgb(73, 59, 60); color: rgb(221, 212, 213); }  
#navLogos a { border: 0; }  

/* ------ aded for new website ... mainly for dropdown navigation bar ----------- */


#pageheightmanager { height: 450px; } /* height for table in wrapper ... div can't control height */
 
div#MainNav { width: 960px; margin: 0 auto; }
#topnav, .level1 { z-index: 1000; }

#topnav table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#topnav ul li.level1 {float:left; margin: 0 auto; }

#topnav a { color: #fff; }

#topnav a.sub { height: 23px; display:block; float:left; padding: 7px 15px 0 15px; text-decoration:none !important; color:#fff; }

#topnav a.sub:hover { position: relative;  background-color: black; text-decoration: none !important; }

#topnav .SubMenu {position:absolute; left:-9999px;}

#topnav .inner { float:left; background-color: black; border-top: 2px solid #7c2d9b; position: relative; top: 10px; display: inline; }

#topnav li.level1:hover {position:relative; }

#topnav ul :hover div.SubMenu {position:absolute; top:20px; left:0px; margin: 0; padding: 0;}

#topnav ul ul {width:auto; }
#topnav ul li a { display:block; color:#fff; text-align:left; white-space:nowrap; }

#topnav ul ul li { padding:0 0 10px 0; color:#fff; white-space:nowrap; clear: left; }
#topnav ul ul li a { background-image: none; border: 0 !important; }

#topnav ul table td {vertical-align:top;}

#topnav .inner LI { border: 0; text-align: left; margin-left: 5px; padding: 0 10px; background: url(/images/arrow_grey.gif) no-repeat 0 0.4em; position: relative; }
#topnav .inner a { text-decoration: none; margin-bottom: 10px;  }
#topnav .inner a:hover { text-decoration: underline; }
.wipeout { font-size: 1px; float: left; margin-top: -17px;}
.wipeoutimage {  height:4px; width: 100px; left: 2px; } 

  table.openinghours { border:2px solid black; margin: 10px 50px;}
  table.openinghours td { width: 60px; border: 1px solid #888; } 
  
  hr.noshade, hr [noshade] { background-color: #808080; color: #808080; height: 2px; margin: 0.8em 0; }

/* test stuff for training pages */ 
/*      
input[type="submit"] { cursor: pointer; cursor: hand; }
.whitebutt { border: none; background: url('/images/button-white-1.png') no-repeat top left; padding-top: 3px; margin-top: 4px; }
.whitebutt:active { border: none; background: url('/images/button-white-1-in.png') no-repeat top left; padding-top: 3px; margin-top: 4px; }
.whitebuttstr { border: none; background: url('/images/button-white-1a.png') no-repeat top left; padding-top: 3px; margin-top: 4px; }
.whitebuttstr:active { border: none; background: url('/images/button-white-1a-in.png') no-repeat top left; padding-top: 3px; margin-top: 4px; }
.whitebuttwide { border: none; background: url('/images/button-white-1b.png') no-repeat top left; padding-top: 3px; margin-top: 4px; }
.whitebuttwide:active { border: none; background: url('/images/button-white-1b-in.png') no-repeat top left; padding-top: 3px; margin-top: 4px; } 
*/

.whitebutt, .whitebuttstr, .whitebuttwide {
       font-weight: bold;
       color: white;
       background-color: #7abe05;
       border: 2px outset #7abe05;
       -moz-border-radius:8px;
       padding: 2px;
       }
.whitebutt:active, .whitebuttstr:active, .whitebuttwide:active {
       border: 2px inset #7abe05;
       }