@charset "utf-8";
/* CSS Document */

<style type="text/css">
body {
	width: 180px;
	background-color: #E2DAD7;
	background-repeat: repeat;
	background-image: url(images/lifesourceImages/wall.jpg);
}
a:focus {
	outline: none;
}
#panel {
	background: #d2daec;
	height: 200px;
	width:116px;
	display: none;
	color: #19388a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:15px;

}
#panel2 {
	background: #d2daec;
	height: 150px;
	width:116px;
	display: none;
	color: #19388a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:15px;


}

#panel3 {
	background: #d2daec;
	height: 180px;
	width:75px;
	display: none;
	color: #19388a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:15px;


}

#panel4 {
	background: #d2daec;
	height: 160px;
	width:116px;
	display: none;
	color: #19388a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:15px;


}

.slide {
	margin: 0;
	padding: 0;
	
	background: url(images/btn-slide.gif) no-repeat ;
}
.slide2 {
	margin: 0;
	padding: 0;
	
	background: url(images/btn-slide.gif) no-repeat ;
}
.slide3 {
	margin: 0;
	padding: 0;
	
	background: url(images/btn-slide2.gif) no-repeat ;
}

.slide4 {
	margin: 0;
	padding: 0;
	
	background: url(images/btn-slide.gif) no-repeat ;
}


.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;

	width: 125px;
	height: 31px;


	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.btn-slide2 {
	background: url(images/white-arrow.gif) no-repeat right -50px;

	width: 125px;
	height: 31px;

	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.btn-slide3 {
	background: url(images/white-arrow.gif) no-repeat right -50px;

	width: 80px;
	height: 31px;

	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.btn-slide4 {
	background: url(images/white-arrow.gif) no-repeat right -50px;

	width: 125px;
	height: 31px;

	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
a:link {
	color: #19388a;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #19388a;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #19388a;
}

#wrapper {
	width:915px;
	margin:0 auto;
	position:relative;
	text-align: left;
	top: -700;

} 
#apDiv1 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	top: 168px;
	left: 153px;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	top: 168px;
	left: 287px;
	visibility: visible;
}

#apDiv4 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	top: 168px;
	left: 421px;
	visibility: visible;
}
#apDiv3 {
	position:absolute;
	width:90px;
	height:50px;
	z-index:2;
	left: 559px;
	top: 168px;
	visibility: visible;
}
#apDiv1Big {
	position:absolute;
	width:135px;
	height:50px;
	z-index:1;
	top: 168px;
	left: 153px;
	visibility: visible;
}
#apDiv2Big {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	left: 288px;
	top: 168px;
	visibility: visible;
}

#apDiv1Big2 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:1;
	top: 168px;
	left: 153px;
	visibility: visible;
}
#apDiv2Big2 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	left: 288px;
	top: 168px;
	visibility: visible;
}
#apDiv1Big3 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:1;
	top: -703px;
	left: 152px;
	visibility: visible;
}
#apDiv2Big3 {
	position:absolute;
	width:135px;
	height:50px;
	z-index:2;
	left: 286px;
	top: -703px;
	visibility: visible;
}
#apAccord {
	position:absolute;
	width:600px;
	height:400px;
	z-index:1;
	left: 33px;
	top: 290px;
	visibility: visible;
}
#apAccord2 {
	position:absolute;
	width:600px;
	height:400px;
	z-index:1;
	left: 33px;
	top: 290px;
	visibility: visible;
}

#apAccord3 {
	position:absolute;
	width:838px;
	height:41px;
	z-index:1;
	left: 15px;
	top: 458px;
	visibility: visible;
}
#aptext{
	position:absolute;
	width:600px;
	height:500px;
	z-index:1;
	left: 33px;
	top: 280px;
	visibility: visible;
}

#apSide {
	position:absolute;
	width:250px;
	height:200px;
	z-index:1;
	left: 640px;
	top: 370px;
	visibility: visible;
	background-color:none;

}
.accordion {
	width: 237px;
	border-bottom: solid 1px #d2daec;
}
.accordion h3 {
	background: #e9edf4 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#19388a;
	border: solid 1px #d2daec;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #d2daec;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #ffffff ;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #d2daec;
	border-right: solid 1px #d2daec;
}
.accordion2 {
	width: 540px;
	border-bottom: solid 1px #d2daec;
}
.accordion2 h3 {
	background: #ffffff url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#6a7ca3;
	border: solid 1px #d2daec;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background-color: #d2daec;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #ffffff ;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #d2daec;
	border-right: solid 1px #d2daec;
}

</style>


/* 760px will display on an 800px screen maximized browser window without */ 
/* horizontal scrollbars. */ 
</style> 
</style>
</head>

