body { background: #ebebeb url("http://www.chere.uts.edu.au/images/css/body-bg.png") no-repeat 0 0; }
#main-container { overflow:auto; }


/* Header
---------------------------------------------------------- */
#header
{ 
	height: 136px; 
	background: transparent url("http://www.chere.uts.edu.au/images/css/navigation-bg2.gif") no-repeat left bottom;
	width: 65%;
	min-width: 660px;
	max-width: 900px;
	margin: 32px 0 0 235px;
}

body#home #header { background: transparent url("http://www.chere.uts.edu.au/images/css/navigation-bg.gif") no-repeat left bottom; }

#header a:link.back-to-research,
#header a:visited.back-to-research
{ 
	background: transparent url(http://www.chere.uts.edu.au/images/css/researchstrength.png) no-repeat right bottom;
	display: block;
	height: 134px;
	width: 235px;
	text-indent: -9999px; 
	position:relative;
	right:235px;
	float:left;
}

#header h1 { margin:0; }

#header a:link.centrename,
#header a:visited.centrename
{ 
	 display: block;
	 height: 135px;
	 margin: 0 0 0 200px;
	 text-indent:  -9999px;
}


/* Sidebar
-------------------------------------------------------------- */
#sidebar { padding: 2px 0 0; }

#level3-nav 
{
	padding: 0;
	min-height: 237px;
}

#level3-nav ul li /* this fixes the extra spaces in the list for the left navigation menu in IE: http://tinyurl.com/6g7ty9 */
{
	height: 1%;
}

#level3-nav .level3-nav-heading a:hover, 
#level3-nav .level3-nav-heading a:active
{
	color:#569EE6;
}

#sidebar-contacts-home {
font-size:12px;
margin:0;
	padding:0;
}

#sidebar-contacts-home h3 {
color:#4A73B8;
margin:20px 0 0 0;
padding:10px 25px;
font-size:1.2em
}

#sidebar-contacts-home p {
margin:0pt 10px 1em 25px;
color:#727272;
font-size:1em;
line-height:14px;
}


#contact-out-of-tab
{ 
	background:transparent url(http://www.chere.uts.edu.au/images/css/triangle-contact.png) no-repeat top left;
	margin:0;
	padding:0;
}

#contact-out-of-tab h2
{ 
	 padding: 10px 20px 35px;
	 color: #fff;
}

#contact-out-of-tab p 
{ 
	margin:0 10px 1em 25px; 
	color:#8d8d8d;
}

#sidebar-logo
{ 
	width: 205px;
	margin: 50px auto;
	color: #888;
	height: 100px;
}



#sidebar-buttons{
padding-top:10px;
}



a#harkness:link, a#harkness:visited, a#harkness:hover, a#harkness:active {
margin-bottom:20px;
margin-top:10px;
}



a#harkness:link, a#harkness:visited {
background:transparent url(http://www.chere.uts.edu.au/images/css/sidebarbtn01.png) no-repeat scroll left top;
color:#EFEFEF !important;
display:block;
float:right;
height:62px;
text-indent:-9999px;
width:213px;
}

a#harkness:hover, a#harkness:active {
background-position: right top;}



/* TABS
---------------------------------------------------------------------------------- */

/* Default Tab */
#tabber h2 a:link, 
#tabber h2 a:visited,
#tabber-nested h2 a:link,  
#tabber-nested h2 a:visited { background:#9AA6B7; color:#fff; }
#tabber-nested div h3 a:link,  
#tabber-nested div h3 a:visited { color:#3752AD; }

/* Active Tab */
#tabber h2 a.tabup:link, 
#tabber h2 a.tabup:visited,
#tabber-nested h2 a.tabup:link, 
#tabber-nested h2 a.tabup:visited,
#tabber-nested div h3 a.tabup:link,  
#tabber-nested div h3 a.tabup:visited { background:#3752AD; color:#fff; }

/* Hover Tab */
#tabber h2 a:hover, 
#tabber h2 a:active,
#tabber-nested h2 a:hover, 
#tabber-nested h2 a:active,
#tabber-nested div h3 a:hover,  
#tabber-nested div h3 a:active { background:#3752AD; color:#fff; }

/* Reset Tabber(sidebar) Background */
#tabber.sb .tab-content { background:#fff; color:#333; }
#tabber.sb .tab-content a:link, 
#tabber.sb .tab-content a:visited { color:#0078cc; }
#tabber.sb .tab-content a:hover, 
#tabber.sb .tab-content a:active { color:#0078cc; text-decoration:underline; }

#tabber li.featured {
background:transparent url(http://www.chere.uts.edu.au/images/css/featured-splash-new-bg.gif) no-repeat scroll left bottom;
}


/* Main Column
---------------------------------------------------------------------------------- */


#main-column
{ 
	background: #fff;
	margin: 0;
	float: left;
}

#main-column span#content-bg1,
#main-column span#content-bg2,
#main-column span#content-bg3,
#main-column span#content-bg4,
#main-column span#content-bg5,
#main-column span#content-bg6,
#main-column span#content-bg7
{
	
	display: block;
	float: right;
width:300px;
	height: 210px;
	margin:-20px -2% 0 0;
}

#main-column span#content-bg1
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/about.jpg") no-repeat scroll 30% 0;
}


#main-column span#content-bg2
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/research-themes.jpg") no-repeat scroll 30% 0;
}

#main-column span#content-bg3
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/research-outputs.jpg") no-repeat scroll 30% 0;
}


#main-column span#content-bg4
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/workingwithus.jpg") no-repeat scroll 30% 0;
}

#main-column span#content-bg5
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/newsandevents.jpg") no-repeat scroll 30% 0;
}

#main-column span#content-bg6
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/resources.jpg") no-repeat scroll 30% 0;
}

#main-column span#content-bg7
{
	background: #FFFFFF url("http://www.chere.uts.edu.au/images/css/showcase.jpg") no-repeat scroll 30% 0;
}

#banner-wrapper { display: none; }

#home #banner-wrapper
{ 
	height: 240px;
	background: transparent url("http://www.chere.uts.edu.au/images/css/splash-main-graphic.gif") no-repeat 0 0;
	display: block;
}

#banner-wrapper a
{ 
	text-indent: -9999px; 
	display: block;
	height: 150px;
	width: 300px;
	cursor: pointer;
}

#main-content
{ 
	border: 0; 
	float: left;
	padding: 20px 2% 20%; 
	min-height: 600px;
	background: transparent; 
	width:96%;
}

#home #content,
#content
{ 
	margin: 0;
	padding: 0;
	position: static;
	background: transparent;
	width: 100%;
}

#left-content-45, #right-content-45,
#left-content-60, #right-content-30 { background: transparent; }

#left-content-45 h2 
{ 
	font-size:1.5em;
	margin:0 0 1.1em;
}

#right-content-45 h3
{
	font-size:1.3em;
	margin:1.4em 0 0.25em;
}

#home #right-content-45 h3
{
font-size:13px;
margin:5px 0 0;
}

.research-areas ul
{ 
	list-style: none; 
	padding: 0;
}

.research-areas ul li
{
	background: transparent url(http://www.chere.uts.edu.au/images/css/researcharea.png) no-repeat left 2px;
	line-height: 1;
	padding: 0 0 1em 3em;

}


.events-date,
.news-date { color: #666; }

/*
a#moreevents,
a#morenews 
{
	display:block;
	height:20px;
	margin:1em 0 0;
	text-indent:-9999px;
	width:81px;
}

a#moreevents {	background:transparent url(http://www.chere.uts.edu.au/images/css/moreevents.png) no-repeat; }

a#morenews { background:transparent url(http://www.chere.uts.edu.au/images/css/morenews.png) no-repeat; }

*/

a.rss 
{ 
	background: transparent url(http://www.chere.uts.edu.au/images/css/rss.png) no-repeat left center;
	padding-left: 2em;  
}

#propub
{
	background:#eee;
	float:right;
	width:100%;
}

#propub h3
{
	background:#4a73b8;
	border-top:3px solid #6997d2;
	border-bottom:3px solid #6997d2;
	text-indent:1em;
	color:#fff;
}

#propub .more 
{
	float:right;
	position:relative;
	top:-2.2em;
	right:1em;
	font-size:.9em;
}


#propub .more:link, #propub .more:visited {
color:#FFF;}

#propub ul { margin-left:2em; padding:0; }

#propub ul li
{
	background:transparent url(http://www.chere.uts.edu.au/images/css/propubarrow.png) no-repeat left 7px;
	padding:0 0 0 2em;
	list-style:none;
	
}



/* Footer 
-------------------------------------------------------------------------*/
#footer-wrapper
{
	float: left;
	width: 100%;
}

#website-footer 
{ 
	background: #fff url("http://www.chere.uts.edu.au/images/css/footer-top.png") no-repeat top right; 
	padding-top: 13px;
	width: 100%;
}

#website-footer h1 { text-indent: -9999px; }

#website-footer h1 a
{ 
	background: #3752ad url("http://www.chere.uts.edu.au/images/css/footer.png") no-repeat top left; 
	display: block; 
	height: 28px;
	cursor: pointer;
}

#website-footer ul
{ 
	font-size: 12px;
	margin: 0;
	padding: 1em;
}

#website-footer li 
{ 
	list-style: none; 
	display: inline;
}

#global-footer 
{ 
	margin: 0;
	background: #e7e7e7; 
	border-bottom: none; 
	width: 100%;
	float: left;
}

#footer-nav a:link, 
#footer-nav a:visited {	color: #8c8c8c; }
#footer-text a:link, 
#footer-text a:visited { color: #a6a6a6; }
#footer-nav { padding-left: 0; }
#footer-text { margin-left: 0; }
#footer-img { padding-right: 0; }
#footer-img img { margin: 0; }


/* Misc
---------------------------------------------------------- */
.search-propub { margin:20px 0; background:#eee; border:1px solid #ddd; float:left; width:100%; }
.search-propub form { margin:10px 0 8px 10px; width:50%; float:left; }
.search-propub input { font-size:14px; border:1px solid #ddd; color:#333; padding:4px 4px 3px; width:200px; }
.search-propub label { color:#888; margin:0 8px 0 0; cursor:pointer; }
.search-propub .submit-btn { width:auto; background:#333; color:#ccc; font-size:12px; padding:2px 6px; position:relative; top:-1px; border:0; cursor:pointer; }
.search-propub p { float:right; margin:14px 10px 8px 0; color:#888; }
.search-propub p em { font-weight:bold; color:#333; }
.search-propub ul { border-top:1px solid #ddd; margin:2px 10px 10px; padding:20px 30px 0; }
.search-propub li { margin:0 0 16px; line-height:1.4; }

#content .imageright img { float:right; padding:5px; margin-top:-20px; }
a.search-publications-button { background:transparent url(http://www.chere.uts.edu.au/images/css/search-publications-button.png) no-repeat scroll left top; }
a.search-projects-button { background:transparent url(http://www.chere.uts.edu.au/images/css/search-projects-button.png) no-repeat scroll left top; }
a.search-button:link, 
a.search-button:visited { color:#FFFFFF; display:block; float:right; height:90px; text-indent:-9999px; width:150px; position:relative; top:-20px; right:-10px;  }
a.search-button:hover, 
a.search-button:active, 
a.search-button:focus { background-position:left bottom; }
#content .images { border:0; }


/* Tabber for Projects and Publications
---------------------------------------------------------- */
	#home #tabber-nested h2 a:link,
	#home #tabber-nested h2 a:visited { 
		background:transparent url(http://www.chere.uts.edu.au/images/css/tabdown.png) no-repeat; 
		border:0;
		height:29px;
		margin:0 5px 0 0;
		padding:0;
		width:114px;	
		font-size:14px;
		line-height:2;
		text-align:center;
		color:#333;
	}

	#home #tabber-nested h2 a.tabup:link,
	#home #tabber-nested h2 a.tabup:visited { 
		background:transparent url(http://www.chere.uts.edu.au/images/css/tabup.png) no-repeat; 
		color:#fff;
	}

	#home #tabber-nested h2 a:hover,
	#home #tabber-nested h2 a:active { color:#000; }

	#home #tabber-nested .tab-content { background:#f5f5f5; overflow:hidden; padding:20px 10px 10px; }
	#home #tabber-nested h2 { margin:0; }
	#home #tabber-nested #propubnav { float:left; width:100%; margin:10px 0 0; }
	#home #tabber-nested #propubnav li { float:left; margin:0 10px 0 0; line-height:1; }
	#home #tabber-nested #propubnav li.last { float:right; color:#aaa; }
	#home #tabber-nested #propubnav li.number { font-size:.75em; }
	#home #tabber-nested #propubnav li a { font-size:.75em; float:left; font-weight:normal; }


/* IE 'Fixes'
---------------------------------------------------------- */

* html #main-container { width:900px; } /* This prevents the 'pushdown' effect on IE6. Total width of the main container: 235px(sidebar) + 660px(main-column) = 895px + 5px of just in case space, you never know when IE can surprise you =) */
* html #main-column { width:660px; }
* html #header a.researchstrength
{ 
	margin: 0;
	position: relative; 
	left: -235px;
}
	
* html #header { width: 660px; }
* html #level3-nav { height: 237px; }
* html #sidebar-tabs #contents0, 
* html #sidebar-tabs #contents1, 
* html #sidebar-tabs #contents2 { height: 200px; } 
* html #main-content { height:600px; }
* html #website-footer { height: 100%; }
*+html #content  { display:inline; } /* IE7: this fixes the problem where the content container is pushed down as the content-bg image is floated to the right (the image on the topright corner). */
* html #content { width:auto; }
* html a.search-button:link, * html a.search-button:visited,
*+html a.search-button:link, *+html a.search-button:visited { top:-18px; }


/* Print
---------------------------------------------------------- */
@media print 
{
	#header,
	#main-column #banner-wrapper,
	#footer-wrapper { display: none; }
	body div#global-utility-bar { position: static; }
	#main-container { overflow:visible; }
}



#common-logo{
float:right;
}

.contact-in-a-tab p { color:#000; }


/******* DEFAULT TABLE **********/

table,
th,
td
{
border: 1px solid #d8d9da;
}


table caption
{
text-align: left;
}

table.no-border,
table.no-border th,
table.no-border td
{
border: 0;
}

table
{
border-collapse: collapse;
width: 600px;
}

tr.heading1
{
background-color: #0292ba;
color: #fff;
}

tr.heading2
{
background-color: #667478;
color: #fff;
}

tr
{
background-color: #ffffff;
color: #000;
}

tr.alternate
{
background-color: #e3eef1;
color: #000;
}

th
{
font-weight: bold;
}

th,
td
{
padding: 5px 9px;
margin: 0;
text-align: center;
font-size: 0.9em;
font-family: Arial,Verdana,Helvetica,sans-serif;
line-height: 14px;
}

th.left,
td.left
{
text-align: left;
}

th.right,
td.right
{
text-align: right;
}

caption
{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
}


/******* FORMS **********/


#pageform form {
background:#f7f7f8;
border:solid 1px #e7e8ea;
padding:20px;
margin-top:20px;
}

#pageform form h2{
margin-bottom: 20px;
}

.mandatory {
color:#3752bb;
}

#pageform form .answer label {
display:block !important;
}

/******* FOR RSS FEED **********/

.rss-feed
{
text-align: right;
margin: 10px 15px;
}


.rss-feed img
{
padding: 0 5px 0 0;
}

h3.item-title,
#right-content-45 h3.item-title { font-size:1.1em; }

.register-btn { display:block; width:200px; height:51px; background:transparent url(http://www.chere.uts.edu.au/images/css/register-btn.png) no-repeat 0 top; text-indent:-9999px; }
.register-btn:active { background-position:0 bottom; }