* {margin:0px; padding:0px}
html, body {height:100%}


.clearboth {clear: both;}

body {
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
a, a:link, a:visited, a:active {
	color:#3B3B3B;
	text-decoration:none;
	}
	
a.heading5, a.heading5:link, a.heading5:visited, a.heading5:active {
	color: #FFFFFF; 
	font-style: italic; 
	font-size:10pt;
	text-decoration: underline
}


a.heading8, a.heading8:link, a.heading8:visited, a.heading8:active {
	color: #FFFFFF; 
	font-size:9pt;
	text-decoration: none;
}

a.heading2, a.heading2:link, a.heading2:visited, a.heading2:active {
	color: #CCE821; 
	font-size:13pt;
	text-decoration: none;
}

a.heading1, a.heading1:link, a.heading1:visited, a.heading1:active {
	color: #CCE821; 
	font-size:10pt;
	text-decoration: none;
}


a.distdetails1, a.distdetails1:link, a.distdetails1:visited, a.distdetails1:active {
	color: #FFFFFF; 
	font-size:10pt;
}
		
a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	
ul {
	list-style-type:none;
}	
	
li {
	  	width:90%;
		margin:2%; 
		float:left;	
}

li.distdetails {
	  	width:90%;
		margin:2%; 
		float:left;	
}	
	
#container {
	margin:0 auto;
	position:relative;
	width:790px;
	height:1530px;
	background-color:#3B3B3B;
	text-align:left;
	}

/*Used to lengthen the page so the award image would fit  */

#homepageaward {
	margin:0 auto;
	position:relative;
	width:790px;
	height:600px;
	background-color:#3B3B3B;
	text-align:left;
	}

/*End award image  */

#homepage {
	margin:0 auto;
	position:relative;
	width:790px;
	height:530px;
	background-color:#3B3B3B;
	text-align:left;
	}

#logo {
	position:absolute;
	padding-top:43px;
	left:530px;
	top:10px;
	width:250px;
	height:77px;
	text-align:left;
	z-index:3;
	}
.scrolltext {
	position:relative;
	margin:0 auto;
	width:770px;
	height:22px;
	background-color:#FFFFFF;
	text-align:left;
	color:#767676;
	padding:5px 10px 0px 10px;
	}					
.menu {
	top:140px;
	left:660px;
	background-color:#00A0C6;
	width:118px;
	min-height:118px;
	position:absolute;
	padding:2px 0px 0px 2px;
	overflow:visible;
	line-height:14px;
	font-size:10px;
	z-index:20;
	}
.csiro {
	position:relative;
	left:-2px;
	padding:10px 0px 0px 0px;
	float:left;
	margin-top:10px;
	background-color:#3B3B3B;
	width:120px;
	height:110px;
	overflow:hidden;
	}
.heading1 {
	color:#CCE821;
	}
.heading2 {
	color:#CCE821;
	font-size:17px;
	}	
.heading3 {
	color:#FFFFFF;
	font-size:17px;
	}
	
.heading4 {
	color:#CCE821;
	font-size:13pt;
	margin-left:54.0pt;
}

.heading5 {
	color: #FFFFFF; 
	font-style: italic; 
	font-size:13pt;
	text-decoration: underline;
	margin-left:54.0pt;
}
.heading6 {
	color:#CCE821;
	font-style: italic;
	}
	
.heading7 {
	color:#CCE821;
	font-size:13pt;
	margin-left:54.0pt;
	margin-bottom:5pt;
	}

.heading8 {	
	color: #FFFFFF;
	font-size:9pt;

}



.space {
	line-height:0.6;
	margin-left:54.0pt;
}

.distdetails {
	color:#FFFFFF;
	font-size:10pt;
	margin-left:54.0pt;
	margin-bottom:5pt;
}		
	
.abouttext {
	position:absolute;
	left:270px;
	top:140px;
	width:250px;
	height:510px;
	overflow:auto;
	}
.producttext {
	position:absolute;
	left:140px;
	top:140px;
	overflow:visible;
	width:510px;
	margin-bottom:10px;
	}
#imagecontainer {
	position:relative;
	float:left;
	overflow:visible;
	margin:10px 0px 0px 0px;
	border-left:thin;
	border-left-color:#767676;
	border-left-style:solid;
	border-top:medium;
	border-top-color:#767676;
	border-top-style:solid;
	}
.table_column {
	position:relative;
	float:left;
	width:120px;
	height:140px;
	text-align:right;
	color:#FFFFFF;
	overflow:hidden;
	}
.table_head {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:508px;
	height:35px;
	padding:2px 0px 0px 2px;
	text-align:left;
	color:#CCE821;
	overflow:visible;
	}	
.news_test_col1 {
	position:relative;
	left:0px;
	top:10px;
	width:490px;
	overflow:visible;
	padding-left:2px;
	border-left:thin;
	border-left-color:#767676;
	border-left-style:solid;
	color:#CCE821;
	}
.howto_container1sml {
	position:relative;
	left:10px;
	top:140px;
	margin:0px;
	padding:0px;
	width:640px;
	height:120px;
	overflow:auto;
	padding-bottom:10px;
	}
.howto_container2sml {
	position:relative;
	left:10px;
	top:140px;
	margin:0px;
	padding:0px;
	width:680px;
	height:390px;
	overflow:auto;
	padding-bottom:10px;
	}
.howto_col1sml	{
	position:relative;
	float:left;
	width:118px;
	height:118px;
	background-color:#767676;
	margin-right:10px;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	color:#CCE821;
	}
.howto_col2sml	{
	position:relative;
	float:left;
	width:248px;
	height:118px;
	background-color:#767676;
	margin-right:10px;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	}
.howto_col3sml	{
	position:relative;
	float:left;
	width:425px;
	height:390px;
	background-color:#767676;
	margin-right:10px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	}
.contactform {
	position:absolute;
	left:10px;
	top:140px;
	width:510px;
	height:740px;
	border-left:thin;
	border-left-color:#767676;
	border-left-style:solid;
	border-top:medium;
	border-top-color:#767676;
	border-top-style:solid;
	}
.contactform1 {
	position:relative;
	float:left;
	width:248px;
	height:740px;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	}
.contactform11 {
	position:relative;
	float:left;
	width:750px;
	height:740px;
	padding:2px 0px 0px 2px;
	overflow:visible;
	}				
.contactform2 {
	position:relative;
	float:right;
	width:248px;
	height:694px;
	padding:2px 0px 0px 2px;
	text-align:right;
	line-height:5px;
	overflow:visible;
	}
.contactform22 {
	position:relative;
	float:left;
	width:248px;
	height:694px;
	padding:2px 0px 0px 2px;
	text-align:left;
	overflow:hidden;
	}
.contactform3 {
	position:absolute;
	top:270px;
	left:530px;
	width:250px;
	height:380px;
	text-align:left;
	overflow: hidden;
	}
.mform {
	position:relative;
	width:250px;
	left:0px;
	text-align:right;
	line-height:25px;
	}
.indexcaption {
	position:absolute;
	top:140px;
	left:10px;
	width:250px;
	height:120px;
	background-color:#CCE821;
	}
.caption {
	position:absolute;
	top:140px;
	left:10px;
	width:250px;
	height:118px;
	padding:2px 0px 0px 2px;
	background-color:#767676;
	overflow:hidden;
	font-size:16px;
	}
.caption2 {
	position:absolute;
	top:140px;
	left:270px;
	width:250px;
	height:120px;
	color:#FFFFFF;
	background-color:#767676;
	overflow:hidden;
	}
.caption_column {
	position:absolute;
	width:118px;
	height:118px;
	color:#FFFFFF;
	top:0px;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	}			
.caption3 {
	position:absolute;
	left:10px;
	top:140px;
	width:118px;
	height:248px;
	background-color:#767676;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	}
.captiontitle {
	position:absolute;
	left:10px;
	top:140px;
	width:118px;
	height:500px;
	background-color:#767676;
	padding:2px 0px 0px 2px;
	overflow:hidden;
	}
.homeimg1 {
	position:absolute;
	top:10px;
	left:270px;
	width:118px;
	height:118px;
	padding:2px 0px 0px 2px;
	background-color:#CCE821;
	color:#3B3B3B;
	overflow:hidden;
	}
.homeimg2 {
	position:absolute;
	top:140px;
	left:270px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}
.homeimg3 {
	position:absolute;
	top:140px;
	left:400px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}
.homeimg4 {
	position:absolute;
	top:140px;
	left:530px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}	
.homeimg5 {
	position:absolute;
	top:270px;
	left:270px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}
.homeimg6 {
	position:absolute;
	top:400px;
	left:270px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}
.homeimg7 {
	position:absolute;
	top:270px;
	left:530px;
	width:120px;
	height:120px;
	background-color:#767676;
	overflow:hidden;
	}
.homeimg8 {
	position:absolute;
	top:270px;
	left:50px;
	width:165px;
	height:122px;
	background-color:#767676;
	overflow:hidden;
	}

	
	
.image1 {
	position:absolute;
	float:left;
	top:10px;
	left:10px;
	width:250px;
	height:120px;
	}
.image_holder {
	position:relative;
	float:left;
	border:0px none;; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:10px
}	
.img_caption {
	position:absolute;
	left:0px;
	top:0px;
	height:18px;
	width:118px;
	overflow:hidden;
	color:#FFFFFF;
	background-color:#767676;
	padding:2px 0px 0px 2px;
	}
.logos {
	position:relative;
	float:left;
	top:530px;
	left:10px;
	width:770px;
	height:250px;
	overflow:hidden;
	text-align:center;
	}
	
#jump_base {
  overflow-y:hidden;
  width: 385px;
  height: 22px;
  border: 0px;
  margin: auto;
  padding: 5px 10px 0 10px;
  font-size: 9pt;
  font-family: Verdana, Arial, sans-serif;
}

#marquee {
  font-size: 9pt;
  width: 385px;
  height: 22px;
  border: 0px;
  padding: 10px 10px 0 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  color: #767676;
}

#jump_base a {
  color: #767676;
  text-decoration: underline;	
  background-color: inherit;
}

.news {
  background-color: #FFFFFF;
  color: inherit;	
  }
/*Photo Gallery  */
  
	
#photogcontainer
{
	width: 855px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 90%;
	line-height: 1.24em;
	padding: 5px;
	border-top: 1px solid #333333;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #333333;
}

#photogallery
{
	float: left;
	width: 700px;
	overflow: hidden;
	text-align:center;
}



#thumbnails
{
	float: left;
	width: 145px;
	height: 521px;
	overflow: auto;
	padding: 0px 5px 5px 5px; 
	text-align: center;
}


.imgcontainerg{
width: 120px;
height: 120px;
overflow:hidden;
margin: 0px 3px 5px 3px;
background-repeat: no-repeat
}

/*End Photo Gallery  */

#scroller
{
	float: left;
	width: 500px;
	height: 350px;
	overflow: auto;
	padding: 0px; 
	border-bottom: 3px solid #333333;
	
}
  
  
  