img, div { behavior: url(iepngfix.htc) }

body {
	font-family:arial;
	margin:0px;
	padding:0px;
	font-size: 82%;
	color:#b2b2b2;
	background-color: #000000;
}

ul {
	list-style-type:none;
	padding:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:40px;
	line-height:1.625em;

}

a {
	list-style-type:none;
	outline: none;
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
  color: #ffd200;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#ffd200;
	font-size:1.5em;
	line-height:1.0em;
	letter-spacing:.125em;
	margin-bottom:24px;
	margin-top:0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#ffd200;
	font-size:1.0em;
	line-height:.75em;
	letter-spacing:.125em;
	margin-bottom:6px;
	margin-top:0px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#fff;
	font-size:1.0em;
	line-height:.9em;
	letter-spacing:.125em;
	margin-bottom:12px;
	margin-top:0px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#ffd200;
	font-size:1.0em;
	line-height:.75em;
	letter-spacing:.125em;
	margin-bottom:6px;
	margin-top:24px;
}

p {
	font-size:1.0em;
	margin-right:40px;
	line-height:1.625em;
	margin-top:0px;
}

.p2 {
	font-size:1.0em;
	line-height:1.625em;
}

.emphasis {
	color: #ff7f00;
	font-weight: bold;
}

div#s1 {
	position:absolute;
	top:0px;
	left:0px;
  	width: 180px;          /* menu width */
}

div#s1 ul {
  	list-style-type: none; /* get rid of the bullets */
  	padding:0;             /* no padding */
  	margin:0;              /* no margin for IE either */
}

div#s1 ul li {
  	margin: 0;
  	padding: 0;
  	display:block;
}

div#s1 ul li a {
  	display: block;         /* lines extend to right, make area clickable */
  	color: #666;
  	padding: 3px 3px 3px 0px;
  	margin:0;
  	text-decoration: none;
  	height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
}

div#s1 ul ul li a {
  	margin-left: 9px;     /* indent level 1 */
	outline: none;
	font-size:1.0em;

}

div#s1 ul ul ul li a {
  	margin-left: 18px;     /* indent level 2 */
	font-size: 1.0em;
	outline:none;
}

div#s1 li ul, div#s1 li.open li.closed ul {
  	display: none;         /* collapse */
}

div#s1 li.open ul {
  	display: block;        /* expand */
}
 
div#s1 ul li.open a {
  background-image: url(bullet_open.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.closed a {
  background-image: url(bullet_closed.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.leaf a {
  background-repeat: no-repeat;
} 
 
div#s1 li.active a {
  background-position: 0px -20px;
  color:#FFF;            /* highlight text */
}
 
div#s1 li.active li a {
  list-style-type:none;
  background-position: 0px 0px;
  color:#666;          /* fix lower levels */
}

div#s1 ul li a:hover {
  color: #ffd200;/* rollover effect */
}

#wrapper {
	position:absolute;
	top:0px;
	left:50%;
	width:900px;
	height:1050px;
	* height:1050px;    /* the scourge of IE */
	margin-left:-450px;
	border:none;
}

#wrappersp {
	position:absolute;
	top:0px;
	left:50%;
	width:900px;
	height:1330px;
	* height:1330px;	/* the scourge of IE */
	margin-left:-450px;
	border:none;
}

#wrappersm {
	position:absolute;
	left:50%;
	width:600px;
	margin-left:-300px;
	top:50%;
	height:383px;
	* height:383px;    /* the scourge of IE */
	margin-top:-190px;
	border:none;
	text-indent:-9999px;
	background-image:url(images/home.png);
	background-repeat:no-repeat;
}

	#wrappersm	a {
		position:absolute;
		top:342px;
		left:16px;
		width:105px;
		height:20px;
		* height:20px;	/* the scourge of IE */
		border:none;
		text-indent:-9999px;
		background-image:url(images/enter.png);
		background-repeat:no-repeat;
}

	#wrappersm	a:hover {
		background-image:url(images/enter_h.png);
		background-repeat:no-repeat;
}	

#header {
	position:relative;
	width:900px;
	height:248px;
	border:none;
	text-align:left;
	background-image:url(images/banner_vivid.png);
}

#nav {
	position:absolute;
	top:268px;
	left:20px;
	width:180px;
	height:250px;
	border:none;
}

#text {
	position:absolute;
	top:313px;
	bottom:50px;
	left:250px;
	width:450px;
	max-width:450px;
	margin-top:0px;
}

#textsp {
	position:absolute;
	top:313px;
	bottom:50px;
	left:250px;
	width:550px;
	max-width:600px;
	margin-top:0px;
	overflow:auto;
}
	
#partners {
	position:absolute;
	top:313px;
	left:720px;
	width:160px;
	height:160px;
	* height:160px;
	border:none;
	margin:0px;
	padding:0px;
	background-image:url(images/AP-logo-mono.png);
	background-repeat:no-repeat;
}

	#partners a {
		position:absolute;
		top:0px;
		left:0px;
		width:80px;
		height:80px;
		* height:80px;
		border:none;
		margin:0px;
		padding:0px;
		background-image:url(images/partners_colour.png);
		background-repeat:no-repeat;
	}
	
	#partners a:hover {
		background-image:url(images/partners_mono.png);
	}

#quote {
	position:absolute;
	bottom:48px;
	left:607px;
	width:270px;
	height:285px;
	border:none;
	text-indent:-9999px;
	background-image:url(images/quote-home.png);
}
	
#logo {
	position:absolute;
	bottom:48px;
	left:803px;
	width:74px;
	height:59px;
	border:none;
	text-indent:-9999px;
	background-image:url(images/lifeblood-logo.png);
}

#logo20 {
	position:absolute;
	bottom:48px;
	left:803px;
	width:74px;
	height:59px;
	border:none;
	text-indent:-9999px;
	background-image:url(images/lifeblood-logo20.png);
}

#footer {
	position:absolute;
	bottom:28px;
	left:0px;
	width:900px;
	height:38px;
	border:none;
	outline:none;
	margin:0px;
	background-image:url(images/footy.png)
}	

#footersp {
	position:absolute;
	bottom:0px;
	left:180px;
	width:720px;
	height:66px;
	border:none;
	outline:none;
	margin:0px;
	background-image:url(images/footysp.png)
}	

#bottnav {
	position:absolute;
	bottom:0px;
	height:28px;
	width:900px;
	background-color:#FFFFFF;
}

#bottnavsp {
	position:absolute;
	bottom:0px;
	left:180px;
	height:28px;
	width:720px;
	background-color:#FFFFFF;
}


ul#foot li {
	position:absolute;
	right:14px;
	bottom:16px;
	display:block;
	float:left;
	margin:0;
}

	ul#foot li a {
		position:absolute;
		right:200px;
		display:block;
		outline:none;
		width:41px;
		background:transparent url(images/foot-nav.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
		margin:0px;
		padding: 0px 0 0 0;
		overflow: hidden;
		height: 7px !important; 
		height /**/:7px; /* IE5/Win */
	}

		ul#foot li a:hover {
		background-position:0 -7px;
		}
		
	ul#foot li#sphere a {
		position:absolute;
		right:161px;
		width:39px;
		background-position:-41px 0;
	}
	
		ul#foot li#sphere a:hover {
			background-position:-41px -7px;
		}
	
	ul#foot li#privacy a {
		position:absolute;
		right:122px;
		width:39px;
		background-position:-80px 0;
	}
		
		ul#foot li#privacy a:hover {
			background-position:-80px -7px;
		}
		
	ul#foot li#contact a {
		position:absolute;
		right:69px;
		width:53px;
		background-position:-119px 0;
	}
	
		ul#foot li#contact a:hover {
			background-position:-119px -7px;
		}
		
	ul#foot li#copyright a{
		position:absolute;
		right:0px;
		width:69px;
		background-position:-172px 0;
	}

		ul#foot li#copyright a:hover {
			background-position:-172px -7px;
	}

#slapper {
	position:absolute;
	top:248px;
	height:800px;
	left:180px;
	width:720px;
	background-color:#FFF;
	z-index:0;
}
	
/* main container element - absolutely positioned */
#trapper {
	position:absolute;
	top:260px;
	left:200px;
	width:680px;
	background-color:transparent;
	z-index:1;
}
.pearScroll {
	width:700px;
	/*height: 165px;*/
	overflow: hidden;
	background-color:transparent;
	margin-bottom:5px
}
/* This div contains the content */
.pearScrollContent {
	width:1200px; /* set width of this div to match total width of content (inc margins, borders etc)*/
	/*height:165px;*/
	float:left;
	padding: 0px
}

.pearScrollContentC {
	width:1680px; /* set width of this div to match total width of content (inc margins, borders etc)*/
	/*height:165px;*/
	float:left;
	padding: 0px
}

.pearScrollContentS {
	width:1440px; /* set width of this div to match total width of content (inc margins, borders etc)*/
	/*height:165px;*/
	float:left;
	padding: 0px
}

.pearScrollContentA {
	width:720px; /* set width of this div to match total width of content (inc margins, borders etc)*/
	/*height:165px;*/
	float:left;
	padding: 0px
}

#content {
	 float:left; 
	 height:730px; 
	 width:203px;
	 border-right:1px solid #CCC;
	 margin-right:18px;
	 margin-bottom:6px;
	 padding-right:18px;
}

.profile 
{
    float: left;
    margin: 0 25px 10px 0;
    width: 655px;   
    clear: both; 
    border-bottom: 1px #ccc solid;
    padding-bottom: 2px;
}

* html .profile 
{
    display: inline;
}

.profile .photo 
{
    float: left;
    width: 203px;
    margin: 0 10px 10px 0;    
}

* html .profile .photo 
{
    display: inline;
}

.profile .photo img
{
    width: 203px;
    height: 203px;
}

.profile .photo2 img
{
    width: 655px;
    height: 203px;
}

.profile .description 
{
    float: left;
    width: 442px;
    margin-bottom: 5px;
}

.profile .description h3 {	
	font-weight:lighter;
	color:#e63b00;
	font-size:1.0625em;
	line-height:1.0em;
	letter-spacing:.125em;
	margin-bottom:3px;
	width: auto;
}
.profile .description h4 {
	font-weight:lighter;
	color:#333;
	font-size:.8em;
	line-height:1.125em;
	letter-spacing:.125em;
	margin-top:0px;
	margin-bottom:10px;
	width: auto;
}

.profile .description .col 
{
    float: left;  
    width: 211px;
    margin-right: 10px;  
}

* html .profile .description .col 
{
    display: inline;
}

.profile .description2 
{
    float: left;
    width: 442px;
    margin-bottom: 5px;
	padding-left: 215px;
}

.profile .description2 h3 {	
	font-weight:lighter;
	color:#e63b00;
	font-size:1.0625em;
	line-height:1.0em;
	letter-spacing:.125em;
	margin-bottom:3px;
	width: auto;
}
.profile .description2 h4 {
	font-weight:lighter;
	color:#333;
	font-size:.8em;
	line-height:1.125em;
	letter-spacing:.125em;
	margin-top:0px;
	margin-bottom:10px;
	width: auto;
}

.profile .description2 .col 
{
    float: left;  
    width: 211px;
    margin-right: 10px;  
}

* html .profile .description2 .col 
{
    display: inline;
}

.profile h5 {
	font-weight:lighter;
	color:#f98b1f;
	font-size:.75em;
	line-height:1.125em;
	letter-spacing:.125em;
	margin-top:0px;
	margin-bottom:4px;
}

.profile p {
	font-size:.75em;
	color:#333333;
	line-height:1.125em;
	margin:0px 0px 6px 0px;
}

#image_text {
	margin:0px;
	padding:0px;
}

#content h3 {	
	font-weight:lighter;
	color:#e63b00;
	font-size:1.0625em;
	line-height:1.0em;
	letter-spacing:.125em;
	margin-top:10px;
	margin-bottom:3px;
}
#content h4 {
	font-weight:lighter;
	color:#333;
	font-size:.8em;
	line-height:1.125em;
	letter-spacing:.125em;
	margin-top:0px;
	margin-bottom:10px;
}

#content h5 {
	font-weight:lighter;
	color:#f98b1f;
	font-size:.75em;
	line-height:1.125em;
	letter-spacing:.125em;
	margin-top:0px;
	margin-bottom:4px;
}

#content p {
	font-size:.75em;
	color:#333333;
	line-height:1.125em;
	margin:0px 0px 6px 0px;
}


/* %%%%% SLIDER CODE %%%%% */
/* Main slide area container */
.pearSliderContainer {
	float:left;
	width:700px;
	height:19px;
}

.pearSliderLeft {
	background-image: url(images/scroll_bar_left.jpg);
	background-color: #f00;	
	float: left;
	width:25px;
	height:19px;
	cursor: pointer;
}
#pearSlider {
	background: url(images/scroll_bar_middle.jpg) repeat-x;
	background-color:#666666;
	height: 19px;
	width: 630px; /* 900px minus 2 * 25px (.pearSliderLeft, .pearSliderRight) */
	float: left;
	cursor: pointer;
}
.pearSliderRight {
	background-image: url(images/scroll_bar_right.jpg);
	background-color: #f00;
	float: left;
	width:25px;
	height:19px;
	cursor: pointer;
}



/* %%%%%%% HANDLE CODE %%%%%%%%%*/

/* Handle container */
#pearScrollKnob {
	height: 17px;
	cursor: pointer;
	padding-top:1px;
}
.knobLeft, .knobBg, .knobRight {
	float: left;
	height: 17px;
}
.knobLeft {
	background-image: url(images/scroll_handle_left.png);
	/*background-color:#99FF00;*/
	width:7px;
}
.knobBg {
	background: url(images/scroll_handle_middle.png) repeat-x;
	/*background-color: #333366;*/
	width: 7px;
}
.knobRight {
	background-image: url(images/scroll_handle_right.png);
	/*background-color:#99FF00;*/
	width:7px;
	
}