/***** THERE ARE 2 STYLE SHEETS FOR THE WEBSITE - ONE FOR IE AND ONE FOR OTHER BROWSERS - PLEASE EDIT BOTH ***** 

style.css
style_ie.css

*/

/* CSS Document */

/******* html *******/
html { 
	margin: 0; 
	padding : 0; 
	text-align : center; }


/******* body *******/
body { 
	margin: 0px; 
	padding : 0px; 
	font : 76%/160% Tahoma, Verdana, Arial, sans-serif; 
	background-color : #fff; 
	text-align : center; }
	
	
.clear {clear:both;}


/******* links *******/
a {
	color:#3976b9;
	padding:0;
	margin:0;
}
a:link {
	color:#3976b9;
	padding:0;
	margin:0;
}
a:visited {
	color:#004a7e;
	padding:0;
	margin:0;
}
a:hover {
	color:#cbb70e;
	padding:0;
	margin:0;
}
a:active {
	color:#cbb70e;
	padding:0;
	margin:0;
}

a.coloured_link {
	color:#3976b9;
	padding:0;
	margin:0;
}
a.coloured_link:link {
	color:#3976b9;
	padding:0;
	margin:0;
}
a.coloured_link:visited {
	color:#004a7e;
	padding:0;
	margin:0;
}
a.coloured_link:hover {
	color:#000;
	padding:0;
	margin:0;
}
a.coloured_link:active {
	color:#000;
	padding:0;
	margin:0;
}

/******* logo *******/
div#branding{
	position:relative;
	text-align:left;
	margin:0; 
	padding:0; 
}
div#branding h1{
	z-index:2; 
	position:relative;
	width:313px; 
	height:79px; 
	background:url(_images/logo.gif) no-repeat; 
	margin:0px; 
	padding:0; 
	text-indent:-99999px;}

div#branding h1 a{
	display:block; 
	width:313px; 
	height:79px;
	margin:0; 
	padding:0;  
	}
	
/******* Menu - Navigation *******/

/* div#menu {text-align:left} needed to keep menu aligned left in IE */
div#menu {
	position:relative;
	float:left; 
	text-align:left;
	right:-6px;
	top:1.4em;
	z-index:1;
	}

div#menu a{ 
	color:#fff;
	text-decoration:none;
	padding-left: 5px;
  	margin: 0;
}
div#menu a:hover{ 
	color:#0976c7;
	text-decoration:none;
	padding-left: 5px;
	margin: 0;
}

div#menu ul{
  padding-left: 20px;
  margin: 0;
  list-style: none;  
  }

div#menu li{
  z-index:4; 
  padding-left: 8px;
  padding: 0px;
  margin: 0px;
  font-size:90%;
  text-align:left;
  }
  
.menu_bk{
  background:url(_images/menu_butt_back.gif) no-repeat;
  background-position:bottom;
  width:150px; 
  height:30px;
} 
  
.menu_bk_coloured{
  background:url(_images/menu_butt_back_g.gif) no-repeat;
  background-position:bottom;
  width:150px; 
  height:30px;
}

/******* Main Top Image *******/

div#welcome{
	position:absolute;
	text-align:left;
	left:0px;
	background: url(_images/top_image_bg1.jpg) repeat-x ;
	width:100%; 
	height:216px;
	margin:0; 
	padding:0; 
}

p#welcome_image{ 
	background: transparent url(_images/top_image_left.jpg) no-repeat top left; 
	margin:0; 
	padding:0; 
	width:570px; 
	height:216px;  
	float: left;}
	
h3#welcome_text {
	float: right;
	background: transparent url(_images/top_image_right.jpg) no-repeat ; 
	width:382px; 
	height:216px;
	text-indent:-99999px;
	margin:0; 
	padding:0; }

h3#nowelcome_text {
	float: right;
	background: transparent url(_images/top_image_right2.jpg) no-repeat ; 
	width:382px; 
	height:216px;
	text-indent:-99999px;
	margin:0; 
	padding:0; }

	
/******* Content *******/

div#content{
	position:relative;
	top:220px;
	width: 700px;
	text-align:justify;
	margin:0;  
	padding-left:220px;
	padding-right:60px;
}
.sri_team div#content{
	position:absolute;
	left: 8px;
	top:27em;
	}
	
/******* Images *******/

#project_image{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}
	
#project_image img{
	padding:10px;
	}
	
/*.global_supply #content_image{
	z-index:8;
	position: absolute;
	background: transparent url(_images/rack_image.jpg) no-repeat;
	margin:0;
	padding:0;
	width: 230px;
	height: 300px;
	right: 8px;
	top:13px;
	}*/
	
.computer_aided #content_image{
	z-index:8;
	position: absolute;
	background: transparent url(_images/computer_aided_design.jpg) no-repeat;
	margin:0;
	padding:0;
	width: 250px;
	height: 166px;
	right: 14px;
	top:88px;
	}
	
	
/******* Image - Enviromental Page *******/
.enviro #recycle_image{
	z-index:80;
	position: absolute;
	background: transparent url(_images/recycle_earth.jpg) no-repeat;
	background-position:center;
	margin:0;
	padding:0;}
	
.enviro #postion{
	width: 400px;
	height: 400px;
	}

/******* Image - Corner Feature *******/

/*
#corner_image{
	z-index:7;
	position: absolute;
	background: transparent url(_images/corner_item2.gif) no-repeat;
	margin:0;
	padding:0;
	width: 160px;
	height: 84px;
	left: 10px;
	top:450px;
	}*/
	
/******* Font Styles *******/

.coloured_text{
	color:#990000;
	}
.coloured_text2{
	color:#547dbd;
	}
.sml_text{
	font-size:75%;
	}