/******* DEFAULT BODY **********/



body {

padding: 0;

margin: 0 auto;

min-width: 900px;

width: 100%;

font-family: Arial,Verdana,Helvetica,sans-serif;

font-size:100%;

background: #404040 url("../images/css/body_bg.png") top left repeat-x;

}



body #main-content {

font-family:Verdana,Arial,Helvetica,sans-serif;

}



/******* DEFAULT LINK **********/



div, p, blockquote, th, td, li, dd, ul, ol {

font-size: 1em;

}



a {

border-style: none;

text-decoration: none;

}



a:link {

color: #000;

font-weight: bold;

border-style: none;

text-decoration: none;

}



a:visited {

font-weight: bold;

color: #D81F27;

}





/******* HEADING SIZES *******/



h1, h2, h3, h4, h5, h6 {

padding: 0;

margin: 0 0 0 0;

}



h1 {font-size: 1.50em;}

h2 {font-size: 1.40em;}

h3 {font-size: 1.30em;}

h4 {font-size: 1.20em;}

h5 {font-size: 1.10em;}

h6 {font-size: 1.00em;}





/******* HIDDEN ELEMENTS **********/



.hidden {

display: none;

}



.hidden-title {

display: none;

left: 250px;

position: absolute;

font-size: 1.4em;

}





/******* DEFAULT IMAGE TREATMENT **********/



img, img a {border: none;}





/******* GLOBAL UTILITY BAR AND SEARCH - added by Alex 14/1/2009 **********/



#global-utility-bar {

position: absolute;

left: 0;

width: 100%;

min-width: 900px;

height: 30px;

margin: 0 0 0 0;

padding: 0 0 0 0;

border-top: 1px solid #ddd;

border-bottom: 1px solid #000;

background: #b3b3b3 ;

}



#uts-logo {

position: absolute;

margin: 0;

border: none;

}



#global-utility-bar-nav {

margin: 0 0 0 240px;

height: 31px;

padding: 7px 0 0 2px;

position: absolute;

}



#global-utility-bar-search {

position: absolute; 

margin: 0 0 0 650px; 

font-weight: bold; 

font-size: 10px; 

color: #000;

}



#global-utility-bar-search form

{

margin: 5px 0 0 0;

padding: 0;

}



#global-utility-bar-search select {

margin: 0 0 0 5px;

border: 1px solid #b3b3b3;

}



#global-utility-bar-search input {

margin: 0 0 0 0;

border: 1px solid #b3b3b3;

}



#global-utility-bar-nav p, .global-utility-bar-nav {

color:#000;

}



#global-utility-bar-nav img {

padding-right: 4px;

}



#global-utility-bar-nav a:link,

#global-utility-bar-nav a:visited {

color: #000;

font-size: 11px;

font-weight: normal;

border-style: none;

text-decoration: none;

}



#global-utility-bar-nav a:hover,

#global-utility-bar-nav a:active {

color:#FFFFFF;

}



#global-utility-bar fieldset {

border: none; 

margin: 0; 

padding: 0;

}











/*** UTS-COLON (THE UTS: GRAPHIC ON THE LEFT SIDE - PLEASE DELETE WHEN NOT NEEDED ***/



#uts-colon {

position: absolute;

width: 235px;

height: 240px;

min-height: 240px;

padding: 0 0 0 0;

}









/******* MAIN COLUMN AND SIDEBAR **********/



#main-column {

margin:0;

padding: 0;

width:900px;

height: 100%;

background: #fff;

font-size: 0.80em;

float: left;

}



#sidebar-wrapper {

margin:0pt;

padding:0pt;

float: left;

width:235px;

height: 240px;

}



#sidebar {

border:0pt none;

float:left;

height:100%;

margin:0pt;

padding:0pt;

position:relative;

width:235px;

}



/******* SIDEBAR IMAGE (WHEN LEFT-HAND MENU NOT AVAILABLE) *********/



#sidebar-image {

width: 235px;

height: 240px;

min-height: 240px;

padding: 0 0 0 0;

background: transparent url("../images/css/uncleft.gif");

}



#rightside-image {

width: 100%;

height: 240px;

min-height: 240px;

padding: 0 0 0 0;

background: transparent url("../images/css/rightside_bg.png");

margin: 0px;

float: left;

clear: right;

border: 1px blue solid;

}





/******* LEFT-HAND CONTROL *********/



.L3-padding {

height:0pt;

margin-top:0px;

}



.L4-padding {

height:0pt;

margin-top:0px;

}



.hsc-box {

font-size:11px;

}





/******* CONTACT US PARAGRAPH AND HEADINGS *********/



.contact-in-a-tab p {

font-size:12px;

}



.contact-in-a-tab h2 {

font-size:1.2em;

}



.contact-in-a-tab h3 {

font-size:1.1em;

}



.contact-in-a-tab h4 {

font-size:1em;

}









/******* TAB NAVIGATION **********/



#tab-navigation-wrapper {

padding-top: 40px;

width: 100%;

}



#tab-navigation {

height: 128px;

background: transparent url("../images/css/navigation_bg.gif") top left no-repeat;

width: 65%;

min-width: 660px;

max-width: 900px;

margin-left: 235px;

}



#tab-nav {

height: 37px;

color: #0078cc;

font-size: 12px;

line-height: 1.7em;

}  



#tab-nav span {

text-transform: none;

/* font-weight: normal; */

}



#tab-nav .lowercase {

text-transform: lowercase;

font-weight: bold;}



#tab-nav ul {

position: absolute; 

margin: 0; 

padding: 0; 

list-style: none;

}



#tab-nav ul li {

background: none; 

float: left;

}



#tab-nav ul li.tab-for, 
#tab-nav ul li.tab-about, 
#tab-nav ul li.tab-students, 
#tab-nav ul li.tab-staff, 
#tab-nav ul li.tab-service,
#tab-nav ul li.tab-verification
{
	position: absolute;
	padding-top: 13px;
}

#tab-nav ul li.blank-group
{
	position: absolute;
	margin: 0;
}



#tab-nav ul li.tab-for {

margin: 0 5px 0 5px;

}



#tab-nav ul li.tab-about {

margin: 0 5px 0 80px;

}



#tab-nav ul li.tab-students {

margin: 0 5px 0 225px;

}



#tab-nav ul li.tab-staff {

margin: 0 5px 0 380px;

}



#tab-nav ul li.tab-service {

margin: 0 5px 0 500px;

}



#tab-nav ul li.tab-verification
{
	margin: 0 5px 0 655px;
}




#tab-nav ul li.tab-for a:link, 

#tab-nav ul li.tab-for a:visited,

.foron {

width: 70px;

}



#tab-nav ul li.tab-about a:link, 

#tab-nav ul li.tab-about a:visited, 

.abouton {

width: 140px;

}



#tab-nav ul li.tab-students a:link, 

#tab-nav ul li.tab-students a:visited, 

.studentson {

width: 150px;

}



#tab-nav ul li.tab-staff a:link, 

#tab-nav ul li.tab-staff a:visited,

.staffon {

width: 115px;

}



#tab-nav ul li.tab-service a:link, 

#tab-nav ul li.tab-service a:visited,

.serviceon {

width: 150px;

}


#tab-nav ul li.tab-verification a:link, 

#tab-nav ul li.tab-verification a:visited,

.verificationon {

width: 150px;

}


#tab-nav ul li.tab-for a:link, 
#tab-nav ul li.tab-for a:visited, 

#tab-nav ul li.tab-about a:link, 
#tab-nav ul li.tab-about a:visited, 

#tab-nav ul li.tab-staff a:link, 
#tab-nav ul li.tab-staff a:visited, 

#tab-nav ul li.tab-students a:link, 
#tab-nav ul li.tab-students a:visited,

#tab-nav ul li.tab-service a:link, 
#tab-nav ul li.tab-service a:visited, 

#tab-nav ul li.tab-verification a:link, 
#tab-nav ul li.tab-verification a:visited
{

display: block;

text-align: center;

padding: 2px 0 2px 0;

color: #000;

font-weight: bold;

text-transform: uppercase;

text-decoration: none;

cursor: pointer;

background: #0099CC url("../images/css/nav.gif") bottom right no-repeat;

border-left: 2px solid #000;

}



#tab-nav ul li.tab-for a:hover, 
#tab-nav ul li.tab-for a:active, 

#tab-nav ul li.tab-about a:hover, 
#tab-nav ul li.tab-about a:active, 

#tab-nav ul li.tab-staff a:hover, 
#tab-nav ul li.tab-staff a:active, 

#tab-nav ul li.tab-students a:hover, 
#tab-nav ul li.tab-students a:active, 

#tab-nav ul li.tab-service a:hover, 
#tab-nav ul li.tab-service a:active, 

#tab-nav ul li.tab-verification a:hover, 
#tab-nav ul li.tab-verification a:active, 

#tab-nav ul li.tab-for a:link.foron, 
#tab-nav ul li.tab-for a:visited.foron, 

#tab-nav ul li.tab-about a:link.abouton, 
#tab-nav ul li.tab-about a:visited.abouton, 

#tab-nav ul li.tab-staff a:link.staffon, 
#tab-nav ul li.tab-staff a:visited.staffon, 

#tab-nav ul li.tab-students a:link.studentson, 
#tab-nav ul li.tab-students a:visited.studentson,

#tab-nav ul li.tab-service a:link.serviceon, 
#tab-nav ul li.tab-service a:visited.serviceon,

#tab-nav ul li.tab-verification a:link.verificationon, 
#tab-nav ul li.tab-verification a:visited.verificationon
{

color: #fff; 

border: none; 

background: none; 

padding: 2px 0 7px 0;

background: #09c url("../images/css/tabs_active_corner2.gif") top right no-repeat;

border-left: 1px solid #fff;

position: absolute;

margin-top: -4px;

}





/******* FIXED GROUP NAVIGATION *******/



#tab-nav ul .section_list ul #groups, 

#tab-nav ul .section_list ul .groups {

height: 91px;

background: #09c url("../images/css/groups_bg.gif") top left no-repeat;

}



#group0, #group1, #group2, #group3,#group4, #group5 {

position: absolute; 
padding-top: 10px; 
margin: 38px 0 0 0; 
width: 660px; 
height: 81px; 
background: #09c url("../images/css/groups_bg.gif") top left no-repeat;

}



.groups ul {

margin: 0;

padding: 5px 0px 10px 0;

width: 657px;

width: 100%;

text-transform: none;

line-height: 1em;

list-style-type: none;

min-width: 657px;

max-width: 897px;

}



.groups ul li {

float: left; 

width: 190px; 

padding: 5px 15px 0 10px; 

margin-left: 3px; 

background: transparent url("../images/css/link_dot.gif") top left no-repeat;

}



.groups ul li a:link, 

.groups ul li a:visited {

padding-left: 15px; 

color: #fff; 

font-weight: normal;

/* letter-spacing: 0.5px; */

background: transparent url("../images/css/link_dot.gif") top left no-repeat; 

margin-left: 0;

font-weight: bold;

}



.groups ul li a:hover, 

.groups ul li a:active {

color: #f29320; 

background: transparent url("../images/css/link_dot_active.gif") top left no-repeat;

}



.groups ul li#current_section a {

background: transparent url("../images/css/link_dot_active.gif") top left no-repeat;

}



.groups ul li#current_section a:link, 

.groups ul li#current_section a:visited {

color: #fff;

}





.groups ul li.current a {

background: transparent url("../images/css/link_dot_active.gif") top left no-repeat;

}



.groups ul li.current a:link, 

.groups ul li.current a:visited {

color: #fff;

}





/******* FOOTER *******/



#global-footer {

position: relative;

margin: 0 0 0 235px;

padding: 0;

width: 900px;

height: 100%;

background: #F29320 url("../images/css/content_bottom_bg.gif") top right repeat-x;

}



#footer-text {

margin-left: 15px;

padding-bottom: 15px;

color: #D81F27;

font-size: 11px;

line-height: 1.2em;

width: 60%;

}



#footer-text a:link, 

#footer-text a:visited {

font-size: 11px;

font-weight: normal;

border-bottom: 1px dotted #D81F27;

}



#footer-text a:hover, 

#footer p a:active {

border-bottom: none;

}





#footer-img {

float: right;

padding: 15px;

text-align: right;

font-size: 11px;

width: 25%;

}



#footer-img a:link, 

#footer-img a:visited {

color: #D81F27; 

border: none;

font-size: 11px;

}



#footer-img a:hover, 

#footer-img a:active {

border-bottom: 1px dotted #D81F27;

font-size: 11px;

}



#footer-nav {

padding: 15px;

float: left; 

width: 65%;

}



#footer-nav a:link, 

#footer-nav a:visited {

color: #000;

text-decoration: none; 

padding: 0 2px 0 2px; 

font-size: 11px;

}



#footer-nav a:hover, 

#footer-nav a:active {

color: #D81F27;

font-size: 11px;

}



#footer-nav img {

border: none; 

padding: 0; 

margin: 0;

}





.L3-padding {

margin-top: 0px;

height: 0;

}



.L4-padding {

margin-top: 0px;

height: 0;

}



.hsc-box {

font-size: 11px;

}



#contact-us p {

font-size: 12px;

}



#contact-us h2{

font-size: 1.2em;

}





#contact-us h3{

font-size: 1.1em;

}



.temp-announce

{

color: #000;

font-weight: bold;

margin: 10px 25px;

line-height: 16px;

}



.temp-announce a:link,

.temp-announce a:visited

{

color: #fff;

}



.temp-announce a:hover

{

color: #7ed8fa;

}



ul.staff-list li

{

list-style-type: none;

margin-bottom: 15px;

line-height: 17px;

}



.staff-name

{

font-weight: bold;

font-size: 1.1em;

}







/******* SIDEBAR IMAGE (WHEN LEFT-HAND MENU NOT AVAILABLE) *********/



#sidebar-image {

position: absolute;

width: 235px;

height: 240px;

min-height: 240px;

padding: 0 0 0 0;

}







/********* CONTACT-OUT-OF-TAB ***********/



#contact-out-of-tab

{

margin: 15px 12px 0pt 20px;

padding-top: 28px;

}



#contact-out-of-tab h2

{

font-size: 1.2em;

color: #fff;

margin:0pt;

}



#contact-out-of-tab p

{

font-size: 0.8em;

color: #fff;

line-height: 14px;

}



#contact-out-of-tab p a:hover

{

color: #0078CC;

}





/********* CONTACT-IN-A-TAB ***********/



.contact-in-a-tab {

padding:10px 15px 0pt 10px;

}





/******* LEFT & RIGHT CONTENT (60-30) **********/



#left-content-60 {

background-color:#FFFFFF;

float:left;

min-width:370px;

width:60%;

}



#right-content-30 {

float: right;

min-width: 210px;

width: 30%;

background-color:#FFFFFF;

margin-left: 30px;

}



#right-content-30 p {

margin: 0 0 1.05em 0;

}



#right-content-30 h2 {

margin: 0 0 1.1em 0;

}



#right-content-30 h3 {

margin: 0 0 0 0;

font-size: 1.0em;

}



#right-content-30 .b2top {

margin-bottom:30px;

text-align: right;

}