html, body {
	margin: 0px;
	padding:0px;
	background-image:url(../images/bg.gif);
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

/* Page --------------------------------------------------------------------------------------------------------------------------*/

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}

#content {
	width:778px;
	margin:0px auto;
	background-image:url(../images/bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

/* Header ------------------------------------------------------------------------------------------------------------------------*/

#logo {
	width:258px;
	float:left;
}

#logo h1{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:26px;
	color:#F76B0C;
	font-weight:normal;
	text-decoration:none;
	padding-left:40px;
	padding-top:30px;
}

#logo h4 {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#808080;
	font-weight:normal;
	text-decoration:none;
	padding-left:75px;
}

/* Menu --------------------------------------------------------------------------------------------------------------------------*/

#header {
	height:50px; /* i.e. leave space for the shading at the top */
}

#links ul {
	margin:0px; 
	padding-top:21px;
	padding-right:30px;
}

#links li {
	float:right;
	list-style-type:none;
	width:100px;
	height:25px;
	text-align:center;
	background-color:#fbb500;
	border-left:1px solid #FFF;
	padding-top:4px;
}

#links a {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links a:hover {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#header2 {
	float:right;
}

#links2 ul {
	margin:0px; 
	padding-top:0px;
	padding-left:25px;
	padding-right:0px;
	padding-bottom:20px;
}

#links2 li {
	float:top;
	list-style-type:none;
	width:139px;
	height:18px;
	text-align:center;
	background-color:#99CC00;
	border-bottom:1px solid #FFF;
	padding-top:6px;
}

#links2 a {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links2 a:hover {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

/* Main image / Banner -----------------------------------------------------------------------------------------------------------*/

#mainimg {
	background-image: url(../images/ExtnOrangeAndGreen2.png);
	background-repeat:no-repeat;
	height:132px;
	text-align:right;
}

#mainimg h3 {
	text-shadow: 2px 2px 2px #5d6f0c;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:48px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:20px 40px 0px 0px;
}

#mainimg h4 {
	text-shadow: 2px 2px 2px #5d6f0c;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:15px 40px 0px 0px;
}

/* Content -----------------------------------------------------------------------------------------------------------------------*/

#contentarea {
	clear:both;
	padding-top:25px;
	padding-bottom:0px;
	padding-left:25px;
	padding-right:25px;
}

h1{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:26px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

h2{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:22px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

h3{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:18px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

h4{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-style: italic;
	font-size:16;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

p{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}

#toc ul {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	list-style-image: url(arrow.png);
	color:#000;
	font-weight:normal;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:25px;
}

#toc a {
	color:#EE8907;
}

#toc a:hover {
	color:#000;
}

ul{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}

ol{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}

a:hover {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:12px;
	color:#7C9800;
	font-weight:bold;
	text-decoration:none;
}

#leftbar {
	float:left;
	width:475px;
	border-right:1px solid #BCBDBC;
	padding-right:25px;
}

#rightbar {
	float:left;
	width:202px;
	padding-left:25px;
}

.orangetext {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
}

table { 
	border-spacing: 0px; 
}


.cell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
   padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-right:1px solid #BCBDBC;
}

.leftCol {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:left;
	border-right:1px solid #BCBDBC;
}

.rightCol {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:left;
}

.rowTitleTopCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:2px solid #BCBDBC;
	border-bottom:2px solid #BCBDBC;
	margin-top:0px;
	margin-bottom:0px;
}

.rowTitleCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:2px solid #BCBDBC;
	border-bottom:1px solid #BCBDBC;
	margin-top:0px;
	margin-bottom:0px;
}

.rowTitleBotCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:2px solid #BCBDBC;
	border-bottom:0px solid #BCBDBC;
	margin-top:0px;
	margin-bottom:0px;
}

.leftTitleCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:1px solid #BCBDBC;
	border-bottom:2px solid #BCBDBC;
	margin-top:0px;
	margin-bottom:0px;
}

.rightTitleCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-bottom:2px solid #BCBDBC;
	margin-bottom:0px;
}

.leftTopCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:1px solid #BCBDBC;
	border-bottom:1px solid #BCBDBC;
	margin-top:0px;
	margin-bottom:0px;
}

.rightTopCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-bottom:1px solid #BCBDBC;
	margin-bottom:0px;
}

.leftBotCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	border-right:1px solid #BCBDBC;
}

.rightBotCell {
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
}

/* Codebox, modified from http://www.auscope.monash.edu.au/codex-v1.2.0/StylesheetData/codexStylesheet.css. Padded shaded box to highlight example code in courier font. "Normal" text inside box will appear black by default. Conforms to the size/border parameters of the surrounding object. Use <xmp> tag around XML code snippets (<xml> tag should not be used as it only works for IE). For coloured syntax highlighting use <span class="cbelement">, <span class="cbparam"> and <span class="cbval"> for elements, parameters and values, respectively. */

#codebox {
	background: #F0F0D8;
	padding: 0.1px 0px 0.1px 0px; 
	margin: 0px;
}

#codebox p {
	text-align: left;
}

.cbelement {
	color: #803000;
}

.cbparam {
	color: #006050;
}

.cbval {
	color: #0030FF;
}

pre {
	font-family: courier, serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.0em;
	padding: 0.1px 10px 0.1px 10px; 
}

xmp {
	font-family: courier, serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.0em;
	padding: 0.1px 10px 0.1px 10px; 
}

/* Bottom ------------------------------------------------------------------------------------------------------------------------*/

#bottom {
	clear:both;
	height:32px;
	padding-top:25px;
}

#email {
	float:left;
	background-color:#9BBE00;
	height:27px;
	padding-top:5px;
	width:778px;
}

#email a{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	padding:0px 40px;
}

#email a:hover{
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
	
}


