p, body, table, trPurple, trBorderPurple { color:#330033; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
line-height: normal;
font-weight: bold;
background-color: transparent;
border-bottom: none;
}

h1 {
font-size: 22px;
border-bottom: dotted #330033 thin;
padding: 0px;
padding-bottom: 4px;
padding-top: 0;
margin: 12px 0px 4px 0px;
}

h2 {
font-size: 16px;
padding: 0px;
padding-bottom: 4px;
padding-top: 0;
margin: 12px 0px 4px 0px;
}

h3 {
font-size: 14px;
padding: 0px;
padding-bottom: 4px;
padding-top: 0;
margin: 12px 0px 4px 0px;
}

p { margin-top: 0; margin-bottom: 0.5em; }

.headerFont { font-size:18px; background-repeat:no-repeat; background-position:bottom; font-weight:bold; text-decoration:none; color:#FFFFFF;}
a.headerFontm a.headerFont:link, a.headerFont:active, a.headerFont:visited { color:#FFFFFF; }
a.headerFont:hover { text-decoration:none; color:#B5B56C; }


/*
	List Style classes used to define the appearance of the lists
	example: <ul class="main_ul"><li>item 1</li></ul>
*/

.main_ul, .main_ul_2
{
	list-style-type: none;
	margin: 0;
	padding:0;
}

.main_ul li, .main_ul_2 li
{
	background: url(../images/bullet_arrow.gif) no-repeat top left;
	padding-left: 1.3em;
	padding-top: 0.15em;
}

.main_ul_2 li
{
	background-image: url(http://www.swinburne.edu.au/images/arrow8.gif);
	padding-left: 1.3em;
	padding-top: 0.15em;
}


a { font-weight:bold; }
a:link { color:#330033; }
a:visited { color:#330033; }
a:active { color:#330033; }
a:hover { color:#990000; }

.white { color:#FFFFFF; }
a.white:link { color:#FFFFFF; }
a.white:visited { color:#FFFFFF; }
a.white:active { color:#FFFFFF; }
a.white:hover { color:#B5B56C; }

/* 
	smooth taste table styles
	written by Thomas Opp http://www.yaway.de
*/
#menu table {
  border-collapse: collapse;
  border: 1px solid #F4F4EC;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0;
  background: #330033;
  }
#menu caption {
  text-align: left;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  color: #330033;
  }
#menu td, #menu th {
  border: 1px solid #F4F4EC;
  padding: .3em;
  color: #F6ECF0;
  }
#menu thead th, #menu tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #F4F4EC;
  text-align: left;
  background: #330033;
  color: #F6ECF0;
  padding-top:3px;
  }
#menu tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
#menu tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
#menu tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
#menu tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
#menu tbody th, #menu tbody td {
  vertical-align: top;
  text-align: left;
  }
#menu tfoot td {
  border: 1px solid #F4F4EC;
  background: #38160C;
  padding-top:6px;
  }
#menu .odd {
  background: #460046;
  }
#menu .odd a {
  margin-left:10px;
  }

#menu .oddWhite a,
#menu .oddWhite,
#menu .oddWhite td {
  background:#FFFFFF;
  color:#330033;
  font-weight:normal;
  }

#menu .oddWhite th,
#menu .oddWhite td  {
  border: 1px solid #330033;
  background:#FFFFFF;
  color:#330033;
  }

#menu tbody tr:hover {
  background: #51152A;
  }
#menu tbody tr:hover th,
#menu tbody tr.odd:hover th {
  background: #51152A;
  }


.tBorderPurple {background: url(images/dot_purple.gif) 0 0 repeat-x; width: 20em}
.bBorderPurple {background: url(images/dot_purple.gif) 0 100% repeat-x;}
.lBorderPurple {background: url(images/dot_purple.gif) 0 0 repeat-y}
.rBorderPurple {background: url(images/dot_purple.gif) 100% 0 repeat-y}
.blBorderPurple {background: url(images/bl_purpleBorder.gif) 0 100% no-repeat}
.brBorderPurple {background: url(images/br_purpleBorder.gif) 100% 100% no-repeat}
.tlBorderPurple {background: url(images/tl_purpleBorder.gif) 0 0 no-repeat}
.trBorderPurple {background: url(images/tr_purpleBorder.gif) 100% 0 no-repeat; padding:10px; color:#FFFFFF; }

.blPurple {background: url(images/bl_purple.gif) 0 100% no-repeat #330033; width: 20em}
.brPurple {background: url(images/br_purple.gif) 100% 100% no-repeat}
.tlPurple {background: url(images/tl_purple.gif) 0 0 no-repeat}
.trPurple {background: url(images/tr_purple.gif) 100% 0 no-repeat; padding:10px; color:#FFFFFF; }
.clear {font-size: 1px; height: 1px} 

.blGold {background: url(images/bl_gold.gif) 0 100% no-repeat #330033; width: 20em}
.brGold {background: url(images/br_gold.gif) 100% 100% no-repeat}
.tlGold {background: url(images/tl_gold.gif) 0 0 no-repeat}
.trGold {background: url(images/tr_gold.gif) 100% 0 no-repeat; padding:10px; color:#B5B56C; }
.clear {font-size: 1px; height: 1px} 

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 0px; letter-spacing:1px;}
#xsnazzy h1 {font-size:18px; font-weight:bold; color:#fff; width:355px; height:75px; vertical-align:middle;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:0;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#330033; border-left:1px solid #330033; border-right:1px solid #330033;}
.xb1 {margin:0 5px; background:#330033;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#330033; border:0 solid #330033; border-width:0 1px;}

/*Thumbnail style
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P10/
*/

.thumbnail{
position: relative;
z-index: 0;
border: 1px thin #330033;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
border: 1px thin #330033;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #B5B56C;
padding: 5px;
left: -1000px;
border: 1px dashed #330033;
visibility: hidden;
color: #330033;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}