/********************** PLEASE NOTE ************************* /  
 /															   /		
 / Please follow the directions above each section. They will  /
 / let you know what changes or additions can be made          /
 / IMPORTANT: Please ensure you are familiar with CSS protocol /
 / before making ANY CHANGES								   /
 /															   /
 /*************************************************************/ 
 
 
 
 /****************** Site constant tags ********************** /  
 /															   /		
 / The tags below are NOT to be modified, deleted or added to. /
 / Doing so will result in deviation from the UQ template.     /
 /															   /
 /*************************************************************/

 
 
 body 		 	 		{ background: #FFFFFF; margin: 0px; font-size : 70%; }
 td.toplinks 	 	 	{ background-color: #367FCC; }
 td.header 	 	 		{ background-image: url("images/header-background.gif"); background-repeat: repeat-x;}
 .header-bg 			{background-image: url("images/header-bg.jpg"); background-repeat: repeat-x;width:100%;}
 td.searchbar 		 	{ font-size: 95%; height: 21px; background-image: url("images/gradient-header.gif"); background-repeat: repeat-x; }
 td.feedback 	 	 	{ font-size: 90%; height: 19px; background-image: url("images/gradient-feedback.gif"); background-repeat: repeat-x; }
 input.searchbutton     { vertical-align: bottom; }
 .quicklink             { font-size: 11px; background-color : #FAFAFA; width: 178px; } 
 #breadcrumb 		 	{ padding: 2px; margin-left: 10px; margin-right: 10px; }
 
 #relatedlink 		 	{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #333; }
 td.contentheader 	 	{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 18px;	font-weight: bold; color: #333; }
 font,th,td,p	   	 	{ font-family: Verdana, Arial, Helvetica, sans-serif; }
 input,textarea,select  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
 .footer 				{ font-size: 85%; color: #999999; }
 
 .searchbar				{ margin: 0; }
 .contentlist			{ margin-left: 0; margin-top:0; padding-top:0; padding-left: 0; list-style: none;}
 .contentlist li  		{ padding-left: 0;}
 .sectionheader			{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold; font-size: 130%;}
 /********************* Link Colour ************************** /  
 /															   /		
 / To make a change to the link colour and mouseover/hover     /
 / state of the link text, please change the color in BOTH     /
 / tags below if required. 	   								   /
 /															   /
 /*************************************************************/
 
 
 
 a:link,a:active,a:visited 		{ color : #464387; text-decoration:none;  }
 a:hover						{ color : #464387; text-decoration: underline; }
 .feedback a					{ color:#464387; }
 .footer a						{ color:#464387; }
 

 /**************** Background Colour Tags ******************** /  
 /															   /		
 / The background colour of the navigation menu and divider    /
 / can be modified here. They should both be the SAME colour.  /
 /															   /
 /*************************************************************/

 
 
 td.menu    {background:#DADBDC url("images/nav-container-header.jpg") repeat-x 0 0 ;}
 td.divider { background:#FFF url("images/gradient-divider.gif") repeat-x 0 0; height: 20px; }
 
 
 
 
 /******************** Navigation Menu *********************** /  
 /															   /		
 / The Navigation Menu on all new templates are CSS controlled /
 / Only ONE element of the menu can be modified (below)        /
 / i.e. the colour of the mouseover/hover state.			   /
 / 															   /
 /*************************************************************/
 
  
 /********* Navigation Menu Tags - Do not modify these  *******/ 

 table.navtable { width: 190px; background-color:#DADBDC;}

 #navcontainer ul{ margin:0; padding:0; list-style-type: none; font-family: Verdana, Arial; font-size: 11px;float: left; width:190px; }
 #navcontainer li{ position:relative;float:left; margin: 0 0 1px 2px; padding:0; background:#FFF url("images/menu-bg.jpg") repeat-x;border:1px solid #CCC; width: 182px;}
 #navcontainer li ul {position : absolute;left: -999em;margin-left: 180px; margin-top: -20px; }	
 #navcontainer li ul li {margin-bottom:-1px;height:1%;} 
 #navcontainer li ul ul {left: -999em;}
 #navcontainer li a {display: block; color: #000; text-decoration: none;padding: 5px 5px 5px 15px; }
 #navcontainer li a:hover { color:#374177;}
 #navcontainer li:hover ul ul, #navcontainer li:hover ul ul ul, #navcontainer li.sfhover ul ul, #navcontainer li.sfhover ul ul ul {left: -999em;}
 #navcontainer li:hover ul, #navcontainer li li:hover ul, #navcontainer li li li:hover ul, #navcontainer li.sfhover ul, #navcontainer li li.sfhover ul, #navcontainer li li li.sfhover ul {left: auto;}

  
 /***************** Content (Level 2) Pages ****************** /  
 /															   /		
 / Please DO NOT modify any of these tags. They are separate   /
 / from the constant tags (above) as they serve their purpose  /
 / in only the content (Level 2) pages.                        / 
 / 															   /
 /*************************************************************/
 
 .on-this-site {font-size:12px;font-weight:bold;padding:20px 0 5px 10px;}
 .home-content		{ background: url("images/content-bg.gif") repeat-x top left; padding:20px 0 0 20px; }
 h2.featured 		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin:15px 0 0 10px;}
 #breadcrumb 		{ padding: 5px; margin-left: 10px; margin-right: 10px; }
 #content 			{ padding: 2px; margin-left: 10px; margin-right: 10px; }
 .grey-tint			{ background: url("images/content-bg.gif") repeat-x top left; }
 .homepage-grey-tint { background: url("images/homepage-grey-tint.jpg") repeat-x 0 0; }
 .homepage-table-conatiner {padding:30px 0 20px 20px;}
 .homepage-content-table {width:760px;}
 .homepage-table-spacer {height:25px;}
 
 a.box-header {color:#FFF;text-decoration:none;}
 a.box-header:hover {color:#FFF;text-decoration:none;}
 a.box-header:visited {color:#FFF;text-decoration:none;}
 a.box-content {color:#000; text-decoration:none;}
 a.box-content:hover {color:#000; text-decoration:none;}
 a.box-content:visited {color:#000; text-decoration:none;}
 
 .homepage-box1-header {background-color:#0099D9;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box1 {width:235px;height:145px;background:#DFDFDF url("images/box1-bg.jpg") no-repeat 0 0px;}
 .box-content1 {width:110px;margin-left:125px;padding-top:7px;}
 
 .homepage-box2-header {color:#fff;background-color:#C22F39;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box2 {width:235px;height:145px;background:#DFDFDF url("images/box2-bg.jpg") no-repeat bottom right;}
 .box-content2{width:105px;margin-left:8px;padding-top:7px;}
 
 .homepage-box3-header {color:#fff;background-color:#00A860;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box3 {width:235px;height:145px;background:#DFDFDF url("images/box3-bg.jpg") no-repeat bottom right;}
 .box-content3{width:110px;margin-left:8px;padding-top:7px;}
 
 .homepage-box4-header {color:#fff;background-color:#717DBD;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box4 {width:235px;height:145px;background:#DFDFDF url("images/box4-bg.jpg") no-repeat 30px 77px;}
 .box-content4{width:215px;margin-left:8px;margin-right:8px;padding-top:7px;}
 
 .homepage-box5-header {color:#fff;background-color:#F5822D;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box5 {width:235px;height:145px;background:#DFDFDF url("images/box5-bg.jpg") no-repeat bottom right;}
 .box-content5{width:110px;margin-left:8px;padding-top:7px;}
 
 .homepage-box6-header {color:#fff;background-color:#0053A0;height:20px;width:225px;padding:5px 0 0 10px;font:bold 13px arial;}
 .homepage-box6 {width:235px;height:145px;background:#DFDFDF url("images/box6-bg.jpg") no-repeat bottom right;}
 .box-content6{width:110px;margin-left:8px;padding-top:7px;}
 
 .int-button {text-align:center;}
 
 
 #content {line-height:1.4; font-size:12px;}
 #featureheader			{ position: absolute; top: 125px; left: 425px; width:400px; color: #FFF; font-size:24px;font-family: Arial, Helvetica, sans-serif; }
 #featuretagline {font-size:18px;padding-top:12px;}
 #relatedlink 		{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #333; }
 td.contentheader 	{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 18px; font-weight: bold; color: #333; }
 table.infotable    { background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px; margin-left: 2px; margin-right: 2px; width: 161px; }

 .picturebox { float:left; width:196px; padding:0; margin:0 30px 15px 0; text-align:center;}
 .picturebox a img {margin: 0 0 5px 0;}
 .picturebox a:hover img {}
 .picturebox a {display:block; color:#333333; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
 .picturebox a:hover {color:#FF0000;}
 .picturebox span{display:block;}
 .clear{clear:both;height:0; line-height:0;font-size: px; }
 
 td.breadcrumbtrail a { color:#464387; }
 #content{ padding:0 0 0 10px;}
 #content a{ text-decoration:underline; color:#3C3FAE;}
 #content a:hover{ color:#000;}
 #content h1 a, #content a h1 { color:#464F82; text-decoration:none;}
 #content.listing a { font-size:14px; font-weight:bold;}
 #content h2, #content h3 { color:#000000; margin-top:20px;}
 
 /** virtual page styling **/
 .content-table {width:95%; margin-top:20px;}
 .content-table td {padding-right:20px;}
 .profile-box-1 {padding: 10px; color:#FFF; background-color:#0099D9; vertical-align: top; width: 200px;font-size:11px;line-height:130%;}
 .profile-box-2 {padding: 10px; color:#FFF; background-color:#C22F39; vertical-align: top; width: 200px;font-size:11px;line-height:130%;}
 .profile-box-3 {padding: 10px; color:#FFF; background-color:#00A860; vertical-align: top; width: 200px;font-size:11px;line-height:130%;}
 .profile-box-image {border-top: 1px dashed #FFF; text-align:center;padding-top:10px;margin-top:10px;}
 /** #profile-box {display:none;}
 .profile-box-image {display:none;}
 **/
 /** end virtual page styling **/
 
 h1{ color:#333333 ; font-size:130%;}
 h1.site-title{ display:none; color:#FFFFFF; font-size:11px; font-weight:bold;float:left; text-align:left; padding:0 0 0 10px;}
 h2{ color:#333333 ; font-size:110%;}
 h3{ color:#333333; font-size:95%;}
 
 #section-navigaton h1{ color:#990000; font-size:12px; font-weight:bold; margin: 0 0 8px 8px; padding:0;}
 #section-navigaton a:hover h1{ text-decoration:underline; }
 #section-navigaton ul{ margin: 0 0 0px 0; padding: 0; list-style-type: none; }
 #section-navigaton li{  margin: 0 0 0px 5px; padding:0px; background:url("images/grey-bullet.png") no-repeat 0px 2px; }
 #section-navigaton li a{ display:block;padding: 0 0 5px 12px; margin:0; font-size:11px; font-weight:normal; color:#333333; text-decoration:none;}
 #section-navigaton li a:hover{text-decoration:underline;}

 .table-spacer {height:10px;}
 td.profile-text {padding:8px 0 0 8px;} 
 td.profile-text a{color:#CC0000;}
 
 .testimonial { color:#CC0000; }
 .testimonial a {color:#CC0000; text-decoration:none;}
 .testimonial-text { padding:8px 0 0 8px; }
 .testimonial-quote { display:block; padding: 0 0 0 14px; background:url("images/testimonial/open-quote.gif") no-repeat 0px 2px; color:#000000; margin:0 0 4px 0;}
 .testimonial-name { color:#666666; margin:0 0 4px 0; padding:0 0 0 14px;}
 
 .jump-to { margin:0 0 20px 20px; border:1px solid #CCCCCC;}
 .jump-to-header { font-size:12px; border-bottom:1px solid #CCCCCC; font-weight:bold; margin: 0 0 4px 4px; padding:4px;}
 .jump-to td{ padding:0; margin:0; background-color:#F5F5F5;}
 .jump-to ul{ margin: 0 0 0 4px; padding: 5px 0 5px 0; list-style-type: none; }
 .jump-to li{ margin: 0 0 4px 0; padding:0 0 0 13px; background:url("images/grey-bullet-down.gif") no-repeat 0px 5px;}
 .jump-to li a{ text-decoration:none; font-size:11px; margin:0; padding:0; line-height:1;}
 

 	table.grey { background: #999; font: 12px/16px verdana, arial, helvetica, sans-serif; color:#333; } 
	table.grey th {  background: #eee; font-weight: bold; } 
	table.grey td { background: #fff; vertical-align: top; text-align: left; }
	table.grey td.subheader { background: #eee; font-weight: bold; }
	table.grey caption { display: none; }
	
	table.red { background: #999; font: 12px/16px verdana, arial, helvetica, sans-serif; color:#333; } 
	table.red th {  background: #C1313A; font-weight: bold; color:#FFF; } 
	table.red td { background: #fff; vertical-align: top; text-align: left; }
	table.red td.subheader { background: #eee; font-weight: bold; }
	table.red caption { display: none; }
	
	table.orange { background: #999; font: 12px/16px verdana, arial, helvetica, sans-serif; color:#333; } 
	table.orange th {  background: #F5822D; font-weight: bold; color:#FFF; } 
	table.orange td { background: #fff; vertical-align: top; text-align: left; }
	table.orange td.subheader { background: #FFF0C7; font-weight: bold; }
	table.orange caption { display: none; }
	
	table.green { background: #999; font: 12px/16px verdana, arial, helvetica, sans-serif; color:#333; } 
	table.green th {  background: #00A85F; font-weight: bold; color:#FFF; } 
	table.green td { background: #fff; vertical-align: top; text-align: left; }
	table.green td.subheader { background: #FFF0C7; font-weight: bold; }
	table.green caption { display: none; }

	table.purple { background: #999; font: 12px/16px verdana, arial, helvetica, sans-serif; color:#333; } 
	table.purple th {  background: #717EBD; font-weight: bold; color:#FFF; } 
	table.purple td { background: #fff; vertical-align: top; text-align: left; }
	table.purple td.subheader { background: #B4BBDC; font-weight: bold; }
	table.purple td.subsubheader { background: #EBEDF5; font-weight: bold; }
	table.purple caption { display: none; }
	
	table.contactus-table {background: #999;font: 100% verdana, arial, helvetica, sans-serif; color:#333; } 
    table.contactus-table th {background: #828282; font-weight: bold;color:#FFFFFF; } 
    .contact-text {background: #F5F5F5; vertical-align: top; }
    .contact-cell {background-color:#E2E2E2; text-align:center; vertical-align:top;}
    .contact-resource {background-color:#E2E2E2; text-align:left; vertical-align:top;}
	
#feedback-link{ width:82%; background-color:#F3F3F3; border:1px solid #CCCCCC; padding:10px;}
#feedback-link h2 { padding:0 ; margin: 0; font-size:14px; }
#feedback-link a, .homepage-feedback a{ float:left; border:1px solid #FEFEFE; margin-right:8px;}
#feedback-link a:hover, .homepage-feedback a:hover{ border:1px solid #CC0000; } 

.footer-feedback {padding:0px 0 0 5px;width:400px; vertical-align:top;font-size:10px; color: #999999;} 
.footer-feedback a{ float:left; border:1px solid #FEFEFE; margin-right:8px;}
.footer-feedback a:hover{ border:1px solid #CC0000; } 
.footer-feedback h2 {color:#2D2D2D;margin:0;font-size:12px;padding:5px 0 0 0;}