/*-------------------------------------------------
Style Sheet for QOTRC Website

version:	1.0
author: 	Chris Chudleigh
email: 		c.chudleigh@uq.edu.au
date: 		15th Sept 07

----------------------------------------------------*/


body 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; background: #f8fafc url(images/page-bg.jpg) repeat-x}
body, p, h1, h2, h3 { margin:0; padding:0;}

/*layout */
#container 			{ margin:0 auto; padding:0; width:960px;}
#header  			{ background:#001f55 url(images/header-bg.jpg) no-repeat top left;height:164px;margin-top:11px;position:relative;}
#navbar				{ background-color: #3f557e; height:28px;}
ul#contentHeader	{ list-style:none; margin:0 0 0 0 ;padding:0 0 0 0;}
#main 				{ float:left; width:510px; margin: 0 0 0 200px;  display:inline; /*background-color:green;*/}
#secondary			{ float:left; width:250px; /*background-color:red;*/}
#side				{ float:left; width:200px; margin: 0 0 0 -960px; display:inline;/* background-color:blue;*/}
#logos				{ clear:both;} 
#footer 			{ clear:both; background-color: #344268;height:75px;}


/* content areas margins and padding*/
#headerContent, #mainContent, #sideContent, #navbarContent, #secondaryContent { padding:0 10px; }
#footerContent		{ padding: 5px 5px 5px 20px; margin:0 auto 0 auto; width:920px;}
#mainContent 		{ border-left:1px dashed #ccc; margin:20px 0 30px 0;word-wrap:break-word;}
#secondaryContent	{ margin-top:20px;border-left:1px dashed #ccc;font: 90% Verdana, Arial, Helvetica, sans-serif;}
#navbarContent 		{ line-height:28px;font: 0.8em Verdana, Arial, Helvetica, sans-serif; padding:0 5px 0 0 ;vertical-align:50%;}
#sideContent 		{ margin-top:20px;margin-bottom: 30px;}
#logosContent 		{ padding: 5px 0 5px 0;}

/* typography */
#container 			{ font-size:100%;}
h1,h2,h3 			{ padding: 0; margin: 0 0 0.5em 0;}
#mainContent p		{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; padding:0; line-height: 1.3;word-wrap:break-word; }
#header h1			{ font: 180% Verdana, Arial, Helvetica, sans-serif; font-weight: normal;position: absolute; top:50px; letter-spacing: 1px; left:315px; color: #FFF; padding:0; margin:0; text-align:right;}
body.section #header h1  { text-align:left;}
#main h1 			{ font:150% "Times New Roman", Times, serif; color: #930020}
#main h2 			{ font:130% Verdana, Arial, Helvetica, sans-serif;}
#main h3 			{ font:120% Verdana, Arial, Helvetica, sans-serif;}
#side h3, #secondary h3 	{ font:130% "Times New Roman", Times, serif; color: #930020; margin:0 0 0 20px; padding: 0 0 0 0.6em;;}
#secondary, #side 			{ color:#fff;}
#footer, #navbar	{ color:#fff;}

#main h3 { font-family: Verdana; font-size: 12px; font-weight: bold; color: #4E4E4E; }
#main h2 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #4E4E4E; font-style: italic}
#main h4 { font-family: Verdana; font-size: 15px; font-weight: bold; color: #4E4E4E; font-style: italic}

#main table {table-layout:fixed; width:490px;} 
#main table ul{padding:0;margin:0 0 0 15px;}

/* general links*/
a				{ text-decoration: none; border-bottom:none;}
a:link			{ color: #00C}
a:visited		{ color: #00A}
a:hover			{ color: #F00}
a:active 		{ color: #C00}

#navbarContent a		{ text-decoration: none; border-bottom:none; color:#FFF;}
#navbarContent a:hover	{ color:#F00;}

/* breadcrumbs bar*/
ul#contentHeader li 				{ margin:0;padding:0; font: 90% Verdana, Arial, Helvetica, sans-serif;}
ul#contentHeader li a 				{ }
ul#contentHeader li#printlink		{float:right; }
#printlink a						{ display:block; text-decoration: none; border-bottom:none;padding: 5px 5px 0 20px; background: url(images/icon-print.gif) left 50% no-repeat; }
ul#contentHeader li#breadcrumbs		{ float:left; padding:5px 0 0 210px;}
#breadcrumbs a						{ text-decoration: none; border-bottom:none; }

/* opposing floats */
.left				{ float:left; display: block;}
.right 				{ float:right;display: block; }

/*navigation */
ul#navcontainer
{
list-style: none;
margin:0;
padding:0;
}

ul#navcontainer li {
margin:0;
padding:3px 0;
}

 ul#navcontainer li a
{
display:block;
background: transparent url(images/icon-menu.gif) left 5px no-repeat;
text-align: left;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
text-decoration: none;
border-bottom:none;
color: #000;
padding: 0 0 0 15px;
}

 ul#navcontainer li a:hover
{
background: transparent url(images/icon-menu-active.gif) left 5px no-repeat;
color: #99102e;
}

 ul#navcontainer li a#current
{
background: transparent url(images/icon-menu-active.gif) left 5px no-repeat;
color: #99102e;
}

/*footer */
#footer .right 		{ text-align:right; font: 80% Verdana, Arial, Helvetica, sans-serif; }
#footer a:link 		{ text-decoration: none; border-bottom:none;  }
#footer a:link		{ color: #FFF}
#footer a:visited	{ color: #CCC}
#footer a:hover		{ color: #F00}
#footer a:active 	{ color: #F00}

/* sidelist */
ul.secondaryList 		{
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
}
ul.secondaryList li		{
	margin:0;
	padding: 0 0 5px 10px;
	background: url(images/icon-page.gif) no-repeat 0 3px;
	color: #000;
}
ul.secondaryList li.right {background: url(images/icon-arrow.gif) no-repeat 0 5px; padding-right:20px; }
ul.secondaryList li a {
	text-decoration:none;border-bottom:none;
}

/*search */
.searchform { padding:0; margin:0;}
#searchSelect {font:10px Verdana, Arial, Helvetica, sans-serif; margin:0 5px;padding:0;border:0; }
.searchbox {font:10px Verdana, Arial, Helvetica, sans-serif; margin:0;padding:0;}
.searchbutton	{padding:6px 0 0 0;margin:0;vertical-align:-3px;}
#navmenu { font:10px Verdana, Arial, Helvetica, sans-serif;margin:14px 0 30px 0;padding:0; } /* quicklinks */
/* self clearing needed for splitter as need to enclose floats in footer for a background to appear */
.clear:after  {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }