/* 

updated 26/07/12 06:07pm 

fixed link styles and headings


quote double-word fonts - "Times New Roman"

local font attributes override CSS styles - use <span>

or <FONT FACE="Verdana" CLASS="boxhead" SIZE="4" COLOR="#333399">

LI affects the bullet and not the text - use OL, UL

CSS "p", td" etc affect the body elements, ".btiny" applies to span or class

*/



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

    INDEX
    
    Base HTML Elements
    Custom text
    Bullets
    myCMS Headings
    myCMS Misc styles
    myCMS Left Nav
    QuickLinks & Breadcrumbs
    UNSW Styles & Header
    Tables

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



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

    BASE ELEMENTS 
    ### Declare all base elements here so they can be overwritten further down by specific elements ###

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

/*body {
 see UNSW styles
}*/


ul {
   list-style : disc url( );
}


li {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


ol {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


.dashlist li {
   list-style: none;
   background-image: url('../images/global/black-dash-bullet-1pix-top.gif');
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 10px;
}


hr {
   color : #CC9900;
   width : 100%;
   height : 1px;
}


P {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


BLOCKQUOTE {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


/* STD HEADINGS */


h1 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 24px;
   color : #003399;
}


h2 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 18px;
   color : #003399;
}


h3 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 16px;
   color : #003399;
}


h4 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 14px;
   color : #003399;
}

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

    myCMS FIXES 

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

br + ul, br + ol, li + br, br + li {
   margin-top: -5px;
}   /*  fix for CMS */

ul + br, ol + br {
   margin-top: -5px;
}  /*  fix for CMS */


/* test style - only IE 6 & 7 */

.ie67
{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 12px;
   *color : red;
}

/* test style - only IE 6 & 7 */

.ie6
{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 12px;
   _color : green;
}



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

    BASIC LINK STYLES 

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


a {
	text-decoration: none;
}


/* order is ALWAYS link, visited, hover, active */


/* visited links display same colour */
a:link, a:visited {
   text-decoration : none;
   color : #0066CB;
}


/* HREF links hover - but not NAME tags */
a:link:hover {
	text-decoration: underline;
}

a.skip {
	display: none;
}

a img {
	border: none;
}




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

    CUSTOM TEXT STYLES 

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


.bnormal {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


.bsmall {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}


.btiny {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}


.bnormal_grey {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color:#666666;
}


.bsmall_grey {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color:#666666;
}


.bnormal_darkgrey {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color:#333333;
}


.bsmall_darkgrey {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color:#333333;
}


.bsmall_blu {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #003399;
   font-size : 11px;
}


/* CUSTOM DARK BLUE HEADINGS */

.normhead{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 13px;
   color : #003399;
}


.smallhead {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 10px;
   color : #003399;	
}


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

    CUSTOM LINKS 

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


/* permanent underline 
.linkline {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #3366cc;
   font-size : 12px;
}
*/

a.linkline:link {
   text-decoration : underline;
   color : #3366CC;
}


a.linkline:visited {
   text-decoration : underline;
   color : #3366CC;
}


a.linkline:hover {
   text-decoration : underline;
   color : #CC9900;
}


a.linkline:active {
   text-decoration : none;
   color : #3366CC;
}

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

    BULLETS 

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



/* ### RED ARROWS ###*/

/* zero out other margins to avoid IE misalignment
.redarrowbullet {
   list-style: none;
   padding: 0;
   margin: 10px 0 5px 10px; 
}
*/

/* zero out other margins to avoid IE misalignment */
.redarrowbullet {
   list-style: none;
   padding: 7px 0 0 0;/* space at top - cms add a br after*/
   /*margin: 10px 0 5px 10px;gives it a bit or room */
}


/* red arrow bullet as graphic */
.redarrowbullet li {
   list-style: none;
   margin-left: 25px;/*pushes bullets off left margin */
   margin-bottom: 0.7em;/* more space between */
   background-image: url('../images/global/unsw_arrow.gif');
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 1.0em  /*pushes bullet left off text */
}


.redarrowbullet li a {
   border-bottom : 1px dotted #6588CD;
   text-decoration : none;
}

/* red arrow bullet as graphic */
.pdfdoclink {
   list-style: none;
   border: solid 1px #CC0099; /*purple*/
   margin: 0; /* to overcome double BRs in CMS*/
}


/* red arrow bullet as graphic */
.pdfdoclink li {
   border: solid 1px #009966; /*green*/
   list-style: none;
   margin-left: 15px;/*pushes bullets off left margin */
   background-image: url('../images/global/unsw_arrow.gif');
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 1.0em  /*pushes bullet left off text */
}



/* bold red arrow bullet as graphic 
.redarrowbullet li {
   list-style: none;
   background-image: url('../images/global/red_arrow_list_icon.gif');
   background-repeat: no-repeat;
   margin: 0; 
   background-position: 0 .4em;
   padding-left: 1em
}
*/

/* bold red arrow */
.arrowred {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 10px;
   color : #FF3300;
}


/* bold red arrow */
.arrowredsm {
   font-size : 10px;
   font-weight : bold;
   color : #FF3300;
}


/* ### HOME PAGES ARROWS & BULLETS ###*/


/* red arrow bullets */
.redarrowbullethome {
   position: relative;
   left: 20px;
   bottom: 15px;
   line-height: 1.7em;
}


/* red arrow bullet as graphic */
.redarrowbullethome li {
   list-style: none;
   background-image : url('../images/global/unsw_arrow.gif');
   background-repeat : no-repeat;
   background-position : center left;
   padding-right : 1.0em /* pushes bullet left off text 
   padding-left : 15px;*/
}


/* blue round bullets */
.blueRoundBullets {
   list-style: none;
   line-height: 1.4em;
}


.blueRoundBullets li {
   background: url('../images/global/mid_blue_1pix_above.gif') no-repeat;
   background-position: center left;
}

/* blue square bullets */
.blueRoundMiniBullets {
   position: relative;
   top: 8px;
   margin: 0;
   padding: 0 0 0 10px;
   list-style: none;
   line-height: 1.4em;
}


.blueRoundMiniBulletsNews {
	line-height: .9em;
	padding: 0 5px 0 10px;
	list-style: none;
}

.blueRoundMiniBullets li {
	background: url('../images/global/unsw_arrow.gif') no-repeat;
	background-position: center left;
	padding-left : 12px;
	font-size: 12px;
	font-family: Helvetica;
}


.blueRoundMiniBulletsNews li {
	background: url('../images/global/unsw_arrow.gif') no-repeat;
	background-position: 0% 15%;
	font-size: 12px;
	/*color: #002b54*/;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 12px;
	line-height: 1.5em;
	font-family: Helvetica;
}


/*ul.blueRoundMiniBulletsNews li a {
	color: #002b54;
}
*/


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

    HIGHLIGHT BOXES 

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

/* pale blue graduation - top */
.hilitebox_blue_content {
   margin: 0;
   padding: 15px 10px 15px 17px ;
   background: url('../images/global/highlight_box_paleblue_top.gif') no-repeat top left;
}


/* pale blue graduation - base */
.hilitebox_blue_container {
   width: 573px;
   margin: 0;
   padding: 0;
   background: url('../images/global/highlight_box_paleblue_base.gif') no-repeat bottom left;
}


.highlight_box {
   width: 592px; 
   height: 116px; 
   background-image: url('../images/global/paleblue_highlight_box_590.gif');
   background-repeat: no-repeat;
   background-position: center left;
}


/* pale grey background with outline*/
.greybox, .introbox {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   width : 650px;
   display: block;
   padding : 5px 12px 5px 12px;
   background-color : #F8F8F8; 
   border: solid 1px #CCCCCC;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
}


/* pale blue-grey background with outline & rounded corners*/
.bluegreybox {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   width : 650px;
   display: block;
   padding : 8px 12px 8px 12px;
   background-color : #E9F2FA; 
   border: solid 1px #9DADCF;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
}


/* Used when you link to a new site*/
.linkbox {
   margin-left : 50px; 
   width : 400px; 
   padding : 10px 15px 10px 15px; 
   background-color : #F8F8F8; 
   border: solid 1px #CCCCCC;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   display: block;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
}

/* pale pink background dotted outline*/
.warningbox {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   width : 650px;
   text-align : center;
   display: block;
   padding : 8px 5px 5px 8px;
   background-color : #FFF1F8; 
   border: dotted 1px #CCCCCC;
}



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

    DOC ICONS 

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


/* PDF & doc text */

.filext {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color:#666666;
}


.filextsm {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color:#666666;
}


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

    myCMS HEADINGS 

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


/* alt heading
.heading {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 16px;
   color : #003399;
   font-weight : 700;
}
*/

/* section heading */
.head {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 18px;
   color : #003399;
   white-space: nowrap;
   font-weight : 800;
   border-left-color: #6588CD ;
   border-bottom-color: #6588CD ;
   background-color: #EBF2FA;
   padding-right: 250px; padding-left: 10px; padding-top: 6px; padding-bottom: 5px;  
   border-left-style: solid;   
   border-left-width: 9px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}


/* section heading */
.subheading {
   width : 80%;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11pt;
   color : #336699;
   font-weight : 700;
   border-left-color: #EBF2FA ;
   padding : 3px 0px 3px 5px;
   border-left-style: solid;
   border-left-width: 3px;
   border-bottom-style : solid;
   border-bottom-color : #6588CD;
   border-bottom-width: 1px;
}

.subheading a:hover {
   text-decoration : none;
 }



/* paragraph heading */
.heading, .heading a {

   font-family : "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size : 11pt;
   /*font-size : 1.2em;*/
   color : #336699;
   font-weight : 600;
   padding : 20px 0px 0px 0px;
   text-decoration : none;
}




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

    myCMS MISC STYLES 

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

/*  these seem to be base styles for CMS */
.normal {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : black;
   font-weight : 400;
}

/*  these seem to be base styles for CMS */
.mainbody {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   font-weight: 400;
}

.highlight {
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : black;
   font-weight : 800;
}

.footer {
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #666666;
   font-weight : 400;
}

/* -------------------
#footer .navigation {
   width: 944px;
   padding: 5px 0;
   border-top: 1px solid #e5e5e6;
   border-bottom: 1px solid #e5e5e6;
   margin-bottom: 5px;
}

#footer ul li {
   padding: 0 8px;
   border-right: 1px solid #e5e5e6;
}

#footer ul li.last {
   padding: 0 0 0 8px;
   border-right: none;
}

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



.navError {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 9px;
   color : red;
   font-weight : 800;
}



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

    my CMS LEFT NAV 

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


/* ### Organisation LeftNav ### */

/* UNSW Label Link */
.siteOrnt {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #003399;
   font-weight : 700;
}


/* ### ITS Label Link ### */


.facultyOrnt {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
   font-weight : 700;
}


/* old myCMS - not used 

.schoolOrnt {
   color : #002b54;
}

.departmentOrnt {
   color : #002b54;
}

div.navTop { 
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
}

div.navTopSel { 
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
}

div.navTopHigh { 
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
}

*/


/* Sub-Home Label in left nav - About, For Staff etc  */
.firstNav {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
   font-weight : 700;
}


a.firstNav:visited {
   color : #002b54;
}


a.firstNav:link {
   color : #002b54;
}


a.firstNav:active {
   color : #002b54;
}


a.firstNav:hover {
   color : #002b54;
}


a.firstNav:visited:hover {
   color : #002b54;
}


/* ### ### LEFT NAV STYLES ### ### */


/* Default State for left navs  */
.nav {
   font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
}


a.nav:link {
   text-decoration : none;
   color : #002b54;
}


a.nav:visited {
   text-decoration : none;
   color : #002b54;
}


a.nav:active {
   text-decoration : underline;
   color : #002b54;
}


a.nav:hover {
   text-decoration : underline;
   color : #002b54;
}


a.nav:visited:hover {
   text-decoration : underline;
   color : #002b54;
}


.navHigh {
   font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
}


a.navHigh:link {
   color : #002b54;
}


a.navHigh:visited {
   color : #002b54;
}


a.navHigh:active {
   text-decoration : underline;
   color : #002b54;
}


a.navHigh:hover {
   text-decoration : underline;
   color : #002b54;
}


a.navHigh:visited:hover {
   text-decoration : underline;
   color : #002b54;
}


.navChild {
   font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
}


a.navChild:link {
   text-decoration : none;
   color : #002b54;
}


a.navChild:visited {
   text-decoration : none;
   color : #002b54;
}


a.navChild:active {
   text-decoration : underline;
   color : #002b54;
}


a.navChild:hover {
   text-decoration : underline;
   color : #002b54;
}


a.navChild:visited:hover {
   text-decoration : underline;
   color : #002b54;
}


.navChildHigh {
   font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #002b54;
}


a.navChildHigh:link {
   color : #002b54;
}


a.navChildHigh:visited {
   color : #002b54;
}


a.navChildHigh:active {
   text-decoration : underline;
   color : #002b54;
}


a.navChildHigh:hover {
   text-decoration : underline;
   color : #002b54;
}


a.navChildHigh:visited:hover {
   text-decoration : underline;
   color : #002b54;
}


.navBaby {
   font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #666;
}


a.navBaby:link {
   text-decoration: none;
   color: #666;
}


a.navBaby:visited {
   text-decoration: none;
   color: #666;
}


a.navBaby:active {
   text-decoration: underline;
   color: #002b54;
}


a.navBaby:hover {
   text-decoration: underline;
   color: #002b54;
}


a.navBaby:visited:hover {
   text-decoration: underline;
   color: #002b54;
}


.navBabyHigh {
   font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #002b54;
}


a.navBabyHigh:link {
   text-decoration: none;
   color: #002b54;
}


a.navBabyHigh:visited {
   text-decoration: none;
   color: #002b54;
}


a.navBabyHigh:active {
   text-decoration: underline;
   color: #002b54;
}


a.navBabyHigh:hover {
   text-decoration: underline;
   color: #002b54;
}


a.navBabyHigh:visited:hover {
   text-decoration: underline;
   color: #002b54;
}


/* ??*/

.navSeparator {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   height : 14px;
}


/* ### ### LEFT NAV ICONS ### ### */

.nav {
    line-height: 1.6em;
    margin-top: 20px;
}


.navImg {
   background : url('../images/leftnav_icons/leftnav_in_arrow_blue.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgHigh {
   background : url('../images/leftnav_icons/leftnav_in_arrow_gold.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgParent {
   background : url('../images/leftnav_icons/leftnav_down_arrow_blue.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgParentHigh {
   background : url('../images/leftnav_icons/leftnav_down_arrow_gold.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgChild {
   background : url('../images/leftnav_icons/leftnav_in_arrow_small_blue.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgChildHigh {
   background : url('../images/leftnav_icons/leftnav_in_arrow_small_gold.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgParentChild {
   background : url('../images/leftnav_icons/leftnav_down_arrow_sml_blue.gif'); 
   border: 0px;
   margin-right: 3px;
}


.navImgParentChildHigh {
   background : url('../images/leftnav_icons/leftnav_down_arrow_sml_gold.gif'); 
   border: 0px;
   margin-right: 3px;
}


.leafImg {
   background : url('../images/leftnav_icons/leftnav_small_nochild_blue.gif'); 
   border: 0px;
   margin-right: 3px;
}


.leafImgHigh {
   background : url('../images/leftnav_icons/leftnav_small_nochild_gold.gif'); 
   border: 0px;
   margin-right: 3px;
}


/* Breadcrumbs */

.breadcrumbs {
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #ccc;
   font-weight : 400;
}


/* ### ### Quick Links Styles ### ### */


.qLink {
   font-family : Geneva, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #3366CC;
   font-weight : 500;
}


.qHead {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 14px;
   color : #3366CC;
   font-weight : 700;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++

   ############# CSS HOME PAGE CSS ##############

+++++++++++++++++++++++++++++++++++++++++++++++*/



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

    STRUCTURE 

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


/* container & floats code is in MyCMS.css */


#leftCol {
   float: left;
   width: 199px;
   margin-left: 0 !important;
   margin: 0;
   padding: 0;
}


.homeContentHolder {
   float: left;
      width: 100%;
}


/* ITU Home page */
#centreColHome {
   width: 540px; /* width of the background image */
   float: left; /* so the next column will be on the right */
   margin-left: 10px;
   padding: 0;
}

/* Sub Homes */
#centreCol {
   width: 743px; /* width of the background image */
   float: left; /* so the next column will be on the right */
   margin: 0;
   padding: 0;
   position: relative;
}


#rightCol {
   float: right;
   width: 199px;
   padding: 0;
   margin: 0;
}




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

    SIDE BAR CELLS 

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


/* side bar heading*/
.sidebarBoxTitle {
	width: 188px;
	height: 25px;
	margin: 0;
	padding: 9px 3px 0px 10px; /*position of title text */
	font-family : Helvetica;
	font-weight : bold;
	font-size : 14px;
	color : #002b54;
	/*   border: dotted 1px #4446FF;*/
   background: url('../images/global/sidebar_head_bg.gif') no-repeat top left;
}


/* base sliding background */
.sidebar_cell {
   width: 199px;
   margin: 0;
   padding: 0 0 25px 0;
   background: url('../images/global/sidebar_base_bg.gif') no-repeat bottom left;
}

/* free text alignment */
.sidebar_cell p {
	width: 180px;
	margin: 0;
	padding: 0 10px;
	color : #333333;
	font-size: 12px;
	font-family: Helvetica;
}


/* side bar divider stripe & ServDesk titles*/
.sectionBoxTitle {
	width: 199px;
	margin: 0;
	padding: 6px 0 5px 10px;
	font-family : Helvetica;
	font-weight : bold;
	font-size : 16px;
	color : #002b54;
}

/* used with sidebar stripe */
.sectionDividerTitle {
	margin: 0;
	padding: 3px 0 0 10px;
	font-family : Helvetica;
	font-weight : bold;
	font-size : 14px;
	color : #002b54;
}


/* used to mark sections within side bar cells */
.sidebarSectionStripe {
   width: 192px;
   height: 25px;
   margin: 15px 0 0 3px;
   padding-right: 1px;
   background: #EFEEEF;
}


.sectionStripe  h4 {
   padding: 5px 0;
   margin: 0;
}


/* thin line to divide a sidecell bar horizontally */
.break {
   width: 192px;
   height: 1px;
   margin: 10px 0 0 3px;
   background: #c3d4de;
}

/* alert messages displayed inside the sidebar cells */
.alertBox {
   width: 161px;
   margin: 3px 0 0 14px;
   padding: 0 0 0 5px;
   border: 1px solid #000;
   background: #f2f2f2;
}

.alertBox h3 {
   margin: 0;
   padding: 5px 0 0 0;
   /*size: 100%;*/
   color: #ff0000;
   background: none;
}

.alertBox p {
   color: #333;
}

.message {
   width: 162px;
   margin: 5px 0 0 18px;
}



/* List Formatting for Side Bar Cells right*/

/* to position the sub list under "self manage" in line with the lists under UNSW Resources */
.sub {
   position: relative;
   right: 15px;
   top: -4px;
}

.headline {
   width: 178px;
   font-weight: bold;
   position: relative;
   right: 5px;
}

.news {
   width: 157px;
   position: relative;
   left: 8px;
   top: 1px;
}

/* News Highlights */

#newsH dl {
   width: 200px;
   margin: 10px 0 0 18px;
}


#newsH dl dt {
   font-weight: bold;
}


#newsH dl dd {
   margin: 0 0 0 13px;
   padding: 0;
}

/*
.heading {
   font-weight: bold;
}*/


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

   FEATURE AREA

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


/* holds the base of the background image */
.centralFeatureColHome {
   clear: both;
   width: 540px; /* width of the background image */
   padding: 0; 
   margin: 0;
}

.index_bg {
   clear: both;
   float : left;
   height : 57px;
   margin : 0;
   padding: 0 0 20px 0; /*give some space at base of bg image */
}

br.clear {
   clear: both;
   }



.billboard {
 background: url('../images/home/billboard.gif') #fff no-repeat top left;
   padding: 0 0 300px 0; /*give some space at base of bg image */
}

/* holds the base of the background image */
.centralFeatureCol {
/*   clear: both;*/
   width: 743px; /* width of the background image */
   float: left;
   padding: 0 0 20px 0; /*give some space at base of bg image */
   margin: 0;
   background: url('../images/home/central_feature_base_bg.gif') #fff no-repeat  bottom left ;
}

/* attached the top part of the central feature image */
.centralFeatureCol h2 {
   width: 743px;/* width of the header image */
   height: 25px; /* how much is revealed */
   text-align: center;
   padding: 6px 0 4px 0;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 16px;
   color : #003399;
   margin : 0;
   background: url('../images/home/central_feature_head_bg1.gif') no-repeat top left;
}

.centralFeatureCol p {
   padding: 0 23px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #333333;
}

.centralFeatureColRuled {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #333333;
   font-size : 13px;
   padding-top: 4px;
   border-top-color: #6588CD ;
   border-top-style: solid;
   margin : 10px 23px 0 23px;
   border-width : 1px;
}


/* holds the base of the background image */
.centralFeatureColMulti {
/*   clear: both;*/
   width: 743px; /* width of the background image */
   float: left;
   margin: 0;
  padding-bottom: 5px; /*give some space at base of bg image */
   background: url('../images/home/central_feature_base_bg.gif') #fff no-repeat bottom left;
}

/* attached the top part of the central feature image */
.centralFeatureColMulti h2 {
   width: 743px;/* width of the header image */
   height: 25px; /* how much is revealed */
   text-align: center;
   padding: 6px 0 4px 0;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 16px;
   color : #003399;
   margin : 0;
   background: url('../images/home/central_feature_head_bg1.gif') no-repeat top left;
}
/* attached the top part of the central feature image */
.centralFeatureCol h2 {
   width: 743px;/* width of the header image */
   height: 25px; /* how much is revealed */
   text-align: center;
   padding: 6px 0 4px 0;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 16px;
   color : #003399;
   margin : 0;
   background: url('../images/home/central_feature_head_bg1.gif') no-repeat top left;
}

.centralFeatureCol ul {
   margin: 0 0 0 25px;
   padding: 0;
   list-style: none;
}


/*makes 2 cols for the indexes */
.cols2 {
   width:45%; 
   float:left; 
   margin-left: 25px;
   padding-left: 0;
   display:inline;
}


/* sub headings */
.cols2 h4  {
	margin: 5px;
	font-family : Helvetica;
	font-weight : bold;
	font-size : 14px;
	color : #002b54;
	white-space: nowrap;
	background-color : #F8F8F8;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	/* border-left-color: #6588CD; */
	/* border-left-style: solid;
	border-left-width: 2px; */
	/* border-bottom-color: #6588CD; */
	/* border-bottom-style: solid;
	border-bottom-width: 1px; */
	margin: 15px 0 3px 0;
}


.cols2 ul  {
   margin: 0;
   padding: 0 0 10px 0;

}

.cols2 li {
   margin: 0 0 0 0;
   list-style: none;
}


/* index items with bullets */
.cols2 li li{
	list-style: none;
	margin-left: 15px;/*pushes bullets off left margin */
	background-image: url('../images/global/unsw_arrow.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1.0em  /*pushes bullet left off text */;
	font-size: 12px;
	font-family: Helvetica;
}


.centralFeatureTextBlock {
   float: left;
   padding: 0;
   margin: 0 2% -6% 0;
}

.centralFeatureTextBlock h4 {
   position: relative;
   left: 20px;
}

.centreText {
   width: 715px;
   padding: 15px;
   margin: -15px 0 0 9px;
}

.centreText a {
   font-size: 1.3em;
}

/* text column holder */
.featureTextLeftCol {
   margin: 0 0 0 7px;
   padding: 0 0 0 0;
   width: 355px;
   float: left;
}

/* text column holder */
.featureTextRightCol {
   width: 355px;
   padding: 0 0 0 0;
   float: left;
}





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

    NEWS FEATURE FOOTER 

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


/* sliding background */
#newServices {
	float: left;
	clear: both;
	width: 964px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url('../images/home/footer_base_bg.gif') no-repeat bottom left;
}


/* header bar*/
#newServices h3 {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 18px;
   color : #002b54;
   text-align: center;
   margin: 0;
   padding: 8px 0 11px;
   width: 964px;
   background: url('../images/home/footer_feature_head_bg.gif') no-repeat top left;
}

/* a new feature item */
.newItem {
	float: left;
	margin: 3px 0 15px 25px;
	padding: 5px 7px 0 5px;

}

/* to force the item on the new line to the very left */
.newLine {
	clear: left;
	position: relative;
	bottom: 16px;
}

/* image for the feature item */
.img {
	float: left;
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px;
}

/* summary about the feature item */
.info {
	float: left;
	width: 200px;
	margin: 0 0 0 5px;
	padding: 0;
}

/* name of the feature item */
.itemName {
	font-weight: bold;
	color : #002b54;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Helvetica;
}

/* description of the feature item */
.descrip {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica;
}

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

    UNSW STYLESHEET & HEADER

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



html, body {
	font: 0.875em/1.3em Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #e4e5e7 url('../images/global/page_background.jpg') repeat-x 0 0;
}

/*
div, p, form, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, blockquote {
	margin: 0;
	padding: 0;	
}
*/

/* PAGE CONTAINER */

#container {
	width: 964px;
	margin: 0 auto;
	background-color: #fff;
}


/*spacer to add gap between header and body*/

.bodytop_spacer{
   width : 960px; 
   height : 2px;
}



/* ####### FLOATS ####### */

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}

.overlabel {
	display: none;
}

.overlabel-apply {
	display: inline;
}


/* IMAGE SPRITE */
.sprite {
	overflow: hidden;
	display: block;
	height: 0;
/*background-image: url('../images/global/uheader/bg_sprite.gif');*/
	background-repeat: no-repeat;	
	background-position:  0 0;
}

/*more info ... buttons */
a.more {
	display: block;
	padding-left: 12px;
	background: url('../images/global/uheader/unsw_arrow.gif') no-repeat 0 center;	
}


/* LISTS */

ul.listing,
ul.horizontal {
	float: left;
	list-style: none;
}

ul.listing li,
ul.horizontal li {
	float: left;
}

ul.listing li {
	border-bottom: 1px solid #e5e5e6;
}

ul.listing li.last {
	border-bottom: none;
}


/* INPUT */
.textbox, textarea, select {
	border: 1px solid #e5e5e6;
	padding: 2px;
	font: 1em Helvetica, Arial, sans-serif;
	color: #666;
}




/* ####### HEADER ####### */

#header {
	width: 964px;
	background-color: #fff;
}

#header .top {
	height: 120px;
	width: 964px;
        border-bottom: 10px solid #ffe600;
}

#header a{
	color: #000;
}



/* HEADER MIDDLE LINKS */

.toolbox {
	padding: 30px 0 0 0;
	margin: 0;
	*padding-top: 41px; /*IE7 adjust*/
	_margin-top:8px; /*IE6 adjust*/
}


.toolbox li {
	padding: 8px 20px 4px 0px;
}


.toolbox li li {
	padding: 0px;
	margin: 0px;
}


.toolbox li label {
	position: absolute;
	top: 5px;
	left: 12px;
	z-index:1;
}

.toolbox li .textbox {
	width: 131px;
	border: solid 1px #CAE2F8;
	height: 1.1em;
	padding: 3px 2px;
	margin-right: 7px;
}



/* SEARCH BUTTON */


/*.button {
	float: left;
	padding: 21px 0 0 0;
	background-color: transparent;
	background-position:  0 -60px;
	background-image: url('../images/global/uheader/bg_sprite.gif');
	background-repeat: no-repeat;	
	cursor: pointer;
	border: none;	
	overflow: hidden;
	height: 0;
}

.buttons .search {
	width: 63px;
	background-position: 0 -60px;
}

.buttons .search:hover {
	background-position: 0 -81px;
}

.buttons .go{
	width: 39px;
	background-position: -63px -60px;
}

.buttons .go:hover {
	background-position: -63px -81px;
}
*/


/* ####### TOP NAV ####### */

/*.yellowstripe { nav top stripe
	width: 964px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background: #ffcc00;
}*/

.primary { /*nav background div container*/
	width: 964px;
	background: #002b54 url('../images/global/uheader/bg_navigation.gif') repeat-x 0 0;
	color: #fff;
}

.primary a {
	color: #fff;
}

.primary ul.horizontal {
	float: left;
	color: #FFF;
	margin: 0;
	padding: 0;
}


/*nav divider*/
.primary li{ 
	padding: 0;
}

.primary li a { /*text*/
	display: block;
	padding: 0 10px 0 0;
}

.primary li a { /*text*/
	display: block;
	padding: 0 10px 0 0;
	font-size : 13px;
	border-right:solid 1px #EBF2FA;
}

.primary li a span { /*reveal index tabs*/
	display: block;
	padding: 11px 0 8px 10px;
}

/*roll over*/
.primary li a:hover,
.primary li a:hover span
{
color: #ffcc00;
text-decoration:none
}



.primary li.current a,
.primary li.current a span {
	text-decoration: none;
	background: #2c4165; /*button blue v2*/
	color: #ffcc00;
}

.primary li a:hover span,
.primary li.current a span {
	background-position: 0 0;
}


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

    TABLE CELLS 

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


TABLE {
   border-collapse: collapse
}


/* ### TABLE HEADS - DARK BLUE BACKGROUND ### */


/* white bold text, dark blue bg, no border */
.theadnb {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #FFFFFF;
   background-color : #003399;
   padding : 5px;
   border:0px;
}


/* white bold text, dark blue bg, blue border */
.theadbluebord {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #FFFFFF;
   background-color : #003399;
   padding : 5px;
   border: 1px solid #003399;
}


/* white bold normal text size, UNSW blue bg, blue border */
.itheadbb {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #FFFFFF;
   background-color : #003399;
   padding : 5px;
   border: 1px solid #003399;
}


/* white bold normal text size, UNSW blue bg, white border */
.ithead {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #FFFFFF;
   background-color : #003399;
   padding : 5px;
   border: 1px solid #FFFFFF;
}



/* ### WHITE CELLS - NO BORDERS ### */

.itcellwhitenb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
}


/* blue small text, 
   white bg, no border */
   
.itcellsmwhitenb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
}



/* ### WHITE CELLS - BLUE TEXT & BORDERS ### */


/* blue text, 
   white bg, dark blue border */
   
.itcellwhite{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
   border: 1px solid #003399;
}


/* blue small text, 
   white bg, dark blue border */
   
.itcellsmwhite{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
   padding-left : 3px;
   border: 1px solid #003399;
}


/* white table, blue BASE border*/

.itcellwhitebbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
   border-bottom: 1px solid #003399;
}


/* blue small text, 
   white bg, dark blue TOP border */
   
.itcellsmwhiteblutopbdr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
   border-top: 1px solid #003399;
}


/* blue small text, 
   white bg, LIGHT blue TOP border */
   
.itcellsmwhiteblutopbdrlt{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #FFFFFF;
   padding : 3px;
   border-top: 1px solid #CAE2F8;
}




/* ### GREY CELLS ### */


/* Light grey bg, no border*/
.itcelllsmgreynb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   background-color : #EDEDED;
   padding : 3px;
}


/* Light grey bg, white border base*/
.itcelllitegreywbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #EDEDED;
   padding : 3px;
   border-bottom: 1px solid #FFFFFF;
}


/* Light grey bg, blue border base*/
.itcelllitegreybbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #EDEDED;
   padding : 3px;
   border-bottom: 1px solid #003399;
}


/* Light grey bg, no border*/
.itcelllitegreynb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #EDEDED;
   padding : 3px;
}

/* Light grey bg, no border*/
.itcellvlitegreynb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #F9F9F9;
   padding : 3px;
}


/* Grey bg, blue border */
.itcellgrey{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #DADADA;
   padding : 3px;
   border: 1px solid #003399;
}


/* Grey bg, small, blue border */
.itcellgreysmbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #DADADA;
   padding : 3px;
   border: 1px solid #003399;
}



/* ### BUFF BACKGROUND - BLUE BORDERS ### */

/* Cream bg, small, blue border */
.itcellbuffbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #fcfceb;
   padding : 3px;
   border: 1px solid #003399;
}


/* Cream bg, small, blue border */
.itcellbuffsmbb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #fcfceb;
   padding : 3px;
   border: 1px solid #003399;
}



/* ### BLUE  BACKGROUND - WHITE BORDERS ### */


/* blue normal text size, 
   light blue bg, white border */
   
.itcellblu{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #CAE2F8;
   padding : 5px;
   padding-left : 5px;
   border: 1px solid #FFFFFF;
}


/* blue small text, 
   light blue bg, white border */
   
.itcellsmblu{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border: 1px solid #FFFFFF;
}


/* blue bold normal text size, 
   light blue bg, white border */
   
.itcellblub{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 5px;
   padding-left : 5px;
   border: 1px solid #FFFFFF;
}


/* blue small bold text, 
   light blue bg, white border */
   
.itcellsmblub{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border: 1px solid #FFFFFF;
}



/* BLUE BACKGROUND - DARK BLUE BORDERS*/


/* Blue text on blue*/


/* blue normal text size, 
   light blue bg, blue border */
   
.itcellblubr{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #003399;
	background-color : #CAE2F8;
	padding : 5px;
	padding-left : 5px;
	border: 1px solid #003399;
	text-align: center;
}


/* blue small text, 
   light blue bg, blue border */
   
.itcellsmblubr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border: 1px solid #003399;
}


/* blue bold normal text size, 
   light blue bg, white border */
   
.itcellblubbr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 5px;
   padding-left : 5px;
   border: 1px solid #003399;
}


/* blue small bold text, 
   light blue bg, white border */
   
.itcellsmblubbr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border: 1px solid #003399;
}


/* blue small bold text, 
   light blue bg, line at top*/
   
.itcellsmblubtopbdr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border-top: 1px solid #003399;
}

/* blue small bold text, 
   light blue bg, line at top*/
   
.itcellsmblubasebdr{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
   border-bottom: 1px solid #003399;
}

/* ### BLUE BACKGROUND - NO BORDERS ###*/


/* blue normal text size, 
   light blue bg, */
   
.itcellblunb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   color : #003399;
   background-color : #CAE2F8;
   padding : 5px;
   padding-left : 5px;
}


/* blue small text, 
   light blue bg, */
   
.itcellsmblunb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
}


/* blue bold normal text size, 
   light blue bg */
   
.itcellblubnb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 5px;
   padding-left : 5px;
}


/* blue small bold text, 
   light blue bg, */
   
.itcellsmblubnb{
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   color : #003399;
   background-color : #CAE2F8;
   padding : 3px;
   padding-left : 3px;
}


/* FOOTER INDEX*/



#footerindex {
   clear: both;
   width: 720px; /* width of the footer image */
   float: left; /* so that the footer element will wrap around everything inside it */
   padding: 0 0 15px 5px;
   margin: 20px 0 0 0px;
   background: url('../images/global/footer_index_bg.gif') no-repeat top left; /* footer base image */
/*border: solid 1px #FF6699; light pink;*/
}


#footerindex a, #footerindex a:hover {
  font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #666;
 }


/* manage each cell */
#footerindex div { 
   float: left;
   padding-right: 3px;
   margin: 15px 0 0 5px;
   border-right: 1px #ccc dotted; /* adds a dotted-line/border on the right */
}


/* hides the last cell border */
#footerindex div.hideBorder {
   border: none;
}


/* best bullet compromise for IE and Firefox */
#footerindex div li {
   background: url('../images/global/mid_blue_1pix_above_smaller.gif') no-repeat;
   background-position: center left;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11.5px;
   margin-bottom: 3px;
   padding-left: 8px; /* pushes bullet left off text */
}


#footerindex div h3, h4{
   margin : 0 0 -5px 10px;
   border : 0 0;
   font-size : 13px;
   color : #666;
}


/* need to specify font attributes */
#footerindex h3.highlight {
   border-bottom : dotted 1px; 
   width:70%;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-weight : bold;
   font-size : 13px;
   color : #666;
}


.cell_1 {
   width : 200px;
}

.cell_2 {
   width : 172px; /*padding & margins adds to width*/
/*border: solid 1px #009966; green*/
}

.cell_3 {
   width : 150px;
}

.cell_4 {
   width : 125px;
}

.cell_5 {
   width : 100px;
}

.cell_6 {
   width : 75px;
}


#content {
   margin-right: 10px;
}