<style type="text/css" >

	/*
		Vertical Accordions
	*/

	.accordion_toggle {
		display: block;
		height: 30px;
		width: 680px;
		background: url(../images/accordian/accordion_toggle.jpg) no-repeat top right #acc2ce;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		font-family: arial, "lucida console", sans-serif;
		color: #000000;
		border-bottom: 1px solid #ffffc0;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.accordion_toggle_active {
		background: url(../images/accordian/accordion_toggle_active.jpg) no-repeat top right #acc2ce;
		color: #ffffff;
		border-bottom: 1px solid #acc2ce;
	}

	.accordion_content {
		color: #444444;
		overflow: hidden;
	}

		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}

		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}

	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 600px;
		background: url(../images/accordian/accordion_toggle.jpg) no-repeat top right #acc2ce;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		font-family: arial, "lucida console", sans-serif;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.vertical_accordion_toggle_active {
		background: url(../images/accordian/accordion_toggle_active.jpg) no-repeat top right #acc2ce;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}

	.vertical_accordion_content {
		color: #444444;
		overflow: hidden;
	}

		.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}

		.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}

	/*
		Horizontal Accordion
	*/

	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 100px;
		width: 30px;
		background: url(../images/accordian/h_accordion_toggle.jpg) no-repeat top left #ffff00;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #ffffc0;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.horizontal_accordion_toggle_active {
		background: url(../images/accordian/h_accordion_toggle_active.jpg) no-repeat top left #acc2ce;;
		border-right: 1px solid #f68263;
	}

	.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}

		.horizontal_accordion_content p {
			width: 450px;
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}


    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;
      height: 100px;
    }

    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

</style>