body {
		font-family: Arial, Tahoma, Verdana;	
	}
	
	a {
		color: black;
		border-style: none;
	}
	img {
		border-style: none;
	
	}
	
	div.footer {
			background-color: #336797;
			
}
	
	.speaker3 {
		display: none;
		border-style: solid;
		width: 700px;
		height: 275px;
		border-color: black;
		border-width: 1px;
		background-color: white;
		text-align: left;
		
	}
	
	.speaker3 a{
		text-decoration: none;	
		color: black;
	
	}
	
	.speaker3 #top {
		background-color: #336797;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	
	
	.speaker3 td.middle {
		background-color: #cccccc;
		width: 100%;
		height: 10px;
		vertical-align: top;
		text-align: left;
	}
	
	.speaker3 td.middle ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	
	}
	
	.speaker3 img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}

	.speaker3 ul {
		position: relative;
		left: 30px;
	}
	
	.speaker3 li {
		line-height: 2em;
	
	}

	
	.speaker3 #speakbody {
	
	
	}
	
	.speaker3 h3#date {
		margin-left: 5px;
		font-size: medium;
		color: white;
		font-style: italic;
		display: inline;
		vertical-align: top;
		
	}	
	
	.speaker3 #name {
		float: left;
		font-weight: bold;
		display: inline;
	}
	
	.speaker3 #time {
		float: right;
		text-align: right;
		font-size: medium;
		font-style: italic;
		font-weight: bold;
		display: inline;
	}
	
	.speaker3 h3#date a{
		color: white;
	}

	
	
	
	
	
	html * {
		-moz-box-sizing: border-box; /* needed for Firefox*/ 
		box-sizing: border-box; /* for Safari, Webkit, Opera, etc*/
		-khtml-box-sizing: border-box;
	
	}

	.content {
		background-color: white;	
		width: 100%;
		height: auto;
		z-index: 1;
	}
	.content p {
		border: 5px;
		padding: 15px;
		width: 600px;
	
	}
	.content a {
		text-decoration: none;
	
	}
	
	.content h2 {text-align: center;}
	
	
	.post {
		float: left;
		width: 700px;
		height: 10px;
		padding-bottom: 20px;
		padding-left: 150px;
		text-align: left;
	}
	
	.post a {
		color: #004080;
		text-decoration: none;
		display: inline;
		background-color: #fff;
		text-align: left;
	}
	
	.post a:hover {
		background-color: #efefef;
		font-weight: bold;
		text-decoration: none;
	}
	
	.post #morning {
		/*padding-left: 50px;
		left: 400px;
		*/
	}
	
	.post #evening {
		/*padding-left: 50px;
		float: right;
		display: inline;
		text-align: left;
		*/
	}	
	
	
	
	
	/* Postcontent is for the javascript enabled feature on Speakers.php */
	
	.postcontent {
		display: none;
		width: 700px;
		height: 250px;
		padding: 10px;
	}
	
	.postcontent table {
		float: left;
		display: inline;
	}
	
	.postcontent #name {
		font-weight: bold;
		color: black; 
		display: inline;
		font-size: medium;
		text-align: left;
	}	
	
	.postcontent #time {
		float: right;
		font-weight: bold;
		font-style: italic;
		font-size: medium;
		color: black; 
		display: inline;
		text-align: right;
	
	}
	
	.postcontent #top {
		background-color: #cccccc;
		width: 700px;
		height: 20px;
	}
	
	.postcontent ul {
		position: relative; 
		/*left: 30px; */
		display: inline;
		text-decoration: none;
		list-style-type: none;
		
	}
	
	.postcontent li {
		line-height: 2em;
	}
	
	.postcontent img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}




	/* .help creates a fixed side bar to the left of the audio/video download page,
		providing instructions on how to enjoy the sermons */
	
	.help {
		top: 250px;
		left: 0;
		width: 125px;
		padding: 1em;
		border: 1px solid #336797;
		background-color: #336797;
		position: fixed;
		float: left;
		font-size: medium;
		color: white;
	}

	
	.help tr:hover {
		background-color: lightgray;
		color: black;
	}
	
	.help tr {
		color: white;
	}
	
	
	
	/*  end Help	*/
	
	
	.side {
		float: right;
		/*background-image: url(images/bg-side.gif);
		background-repeat: repeat;
		background-position: top; */
		min-height: 300px;
		display: inline;
		padding: 5px;
		width: 200px;
		background-color: white;
	}
	
	
	.side img {
		width: 175px;

	
	}
	
	.side a {
		color: #cccccc;
	
	}


	
	body {
		background-image: url(images/bg-gradient1.gif);
		background-repeat: repeat-x;
		background-attachment: fixed;
		background-position: bottom;
		width: 100%;
		height: 100%;
		behavior: url("csshover3.htc"); 

	}
	
	blockquote {background-color: lightgray;font-style: italic;}
		



/* Feature is the featured event on the main page */
	.content {
		background-color: white;	
		width: 100%;
		height: auto;
	}
	.content p {
		border: 5px;
		padding: 15px;
		width: 600px;
	
	}
	
	.content h2 {text-align: center;}

	.indexContent {
		/* padding: 5px; */
		width: 970px;
		/*float: left; */
		height: auto;
		/*background-image: url(images/bg-index.gif);
		background-repeat: repeat;*/
		background-color: white;
	}
	
	.indexleft {
		padding: 5px;
		float: left;
		height: auto;
		background-color: white;
	}
	
	.indexleft a {
		text-decoration: none;
		font-weight: bold;
	}
	.indexleft p {
		border: 5px;
		padding: 15px;
		width: 500px;
	
	}
	
	.indexContent h2 {text-align: center;}


	.wrap {
		font-family: Arial;
		margin-left: auto;
		margin-bottom: 0;
		margin-right: auto;
		margin-top: 0;
		text-align: left;
		float: none;
		width: 970px;
		background-color: white;	
	}



	

	

	blockquote {background-color: lightgray;font-style: italic;}
		






/* Feature is the featured event on the main page */
	.indexleft #feature {
		width: 500px;  /* 300 for one event, change to 500px for 2 events */
		height: 300px; 
		margin-right: 15px; 
		margin-left: 15px; 
		margin-bottom: 15px; 
		margin-top: 15px; 
		color: white; 
		background-color: #7f7f7f;
	}
		
	.indexleft #feature p {
		
		text-align: center;
		padding-top: 5px;
		padding-left: 5px;
		margin: 5px;
		width: 97%;

	}
	
	.indexleft #feature img {
		
		height: 160px;
		margin-top: 5px;
		margin-bottom: 5px;
		vertical-align: center;
	}
	
	.indexleft #feature h3 {
		text-align: center;
	}

	.indexleft #feature h1 {
	
	text-align: center;
}

	.indexleft #feature h2 {
		text-align: center;
	
	}

	/* end Feature */
	
	
	
	
	
	/* SpeakerDouble is the default display for the speakers and events */
	.speakerdouble {
		display: none;
		border-style: solid;
		width: 700px;
		height: 500px;
		border-color: black;
		border-width: 1px;
		background-color: white;
		text-align: left;
	}
	
	.speakerdouble a{
		text-decoration: none;	
		color: black;
	
	}
	
	.speakerdouble #top {
		background-color: #336797;
		width: 100%;
		height: auto;
		vertical-align: top;
		text-align: left;
	}
	
	
	
	.speakerdouble td.middle {
		background-color: #cccccc;
		width: 100%;
		height: 10px;
		vertical-align: top;
		text-align: left;
	}
	
	
	.speakerdouble img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}

	.speakerdouble ul {position: relative; left: 30px;}
	
	.speakerdouble li {line-height: 2em; list-style-type: circle;}

	
	.speakerdouble #speakbody {}
	
		
	.speakerdouble h3#date {
		margin-left: 5px;
		font-size: medium;
		color: white;
		font-style: italic;
		display: inline;
		vertical-align: top;
	}
	.speakerdouble h3#date a{color: white;}
	
	.speakerdouble #name {float: left; width: 48%; font-weight: bold; display: inline;}
	
	.speakerdouble #time {float: right; text-align: right; width: 48%; font-size: medium; font-style: italic; font-weight: bold; 
					display: inline;}	
	/* end SpeakerDouble */

	
	/* SpeakerSingle is for those speakers that have no evening program attached. This is also for one-day events */
	
	.speakersingle {
		display: none;
		border-style: solid;
		width: 700px;
		height: 275px;
		border-color: black;
		border-width: 1px;
		background-color: white;
		text-align: left;
		z-index: 50000;
		list-style-type: circle;
	}
	
	.speakersingle a{
		text-decoration: none;	
		color: black;
	
	}
	
	.speakersingle #top {
		background-color: #336797;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
		
	
	.speakersingle td.middle {
		background-color: #cccccc;
		width: 100%;
		height: 10px;
		vertical-align: top;
		text-align: left;
	}
	
	.speakersingle td.middle ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	
	}
	
	.speakersingle img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}

	.speakersingle ul {
		position: relative;
		left: 30px;
	}
	
	.speakersingle li {
		line-height: 2em;
		list-style-type: circle;
	
	}

	
	.speakersingle #speakbody {
	
	
	}
	
	.speakersingle h3#date {
		margin-left: 5px;
		font-size: medium;
		color: white;
		font-style: italic;
		display: inline;
		vertical-align: top;
		
	}	
	
	.speakersingle #name {
		float: left;
		font-weight: bold;
		display: inline;
	}
	
	.speakersingle #time {
		float: right;
		text-align: right;
		font-size: medium;
		font-style: italic;
		font-weight: bold;
		display: inline;
	}
	
	.speakersingle h3#date a{
		color: white;
	}

	
	/* end SpeakerSingle */

	
	
	
	
	
	
	
	/* Speaker is the default display for the speakers and events here at the Tabernacle */
	
	.speaker {
		border-style: solid;
		width: 700px;
		height: 500px;
		border-color: black;
		border-width: 1px;
		background-color: white;
		text-align: left;
	}
	
	.speaker a{
		text-decoration: none;	
		color: black;
	
	}
	
	.speaker #top {
		background-color: #336797;
		width: 100%;
		height: auto;
		vertical-align: top;
		text-align: left;
	}
	
	.speaker #music {
		float:left;
		margin:10px 5px 5px 5px;	
}
	
	.speaker td.middle {
		background-color: #cccccc;
		width: 100%;
		height: 10px;
		vertical-align: top;
		text-align: left;
	}
	
	
	.speaker img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}

	.speaker ul {position: relative; left: 30px;}
	
	.speaker li {line-height: 2em; list-style-type: disc;}

	
	.speaker #speakbody {}
	
		
	.speaker h3#date {
		margin-left: 5px;
		font-size: medium;
		color: white;
		font-style: italic;
		display: inline;
		vertical-align: top;
	}
	.speaker h3#date a{color: white;}
	
	.speaker #name {float: left; width: 48%; font-weight: bold; display: inline;}
	
	.speaker #time {float: right; text-align: right; width: 48%; font-size: medium; font-style: italic; font-weight: bold; 
					display: inline;}	
	/* end Speaker */
	
	/* Speaker2 is for those speakers that have no evening program attached. This is also for one-day events */
	
	.speaker2 {
		
		border-style: solid;
		width: 700px;
		height: 275px;
		border-color: black;
		border-width: 1px;
		background-color: white;
		text-align: left;
		z-index: 50000;
		list-style-type: circle;
	}
	
	.speaker2 a{
		text-decoration: none;	
		color: black;
	
	}
	
	.speaker2 #top {
		background-color: #336797;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
		
	.speaker2 #music {
		float:left;
		margin:10px 5px 5px 5px;	
}

	
	.speaker2 td.middle {
		background-color: #cccccc;
		width: 100%;
		height: 10px;
		vertical-align: top;
		text-align: left;
	}
	
	.speaker2 td.middle ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	
	}
	
	.speaker2 img {
		height: 200px;
		float: left;
		display: inline;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: 5px;
	}

	.speaker2 ul {
		position: relative;
		left: 30px;
	}
	
	.speaker2 li {
		line-height: 2em;
		list-style-type:disc;
	
	}

	
	.speaker2 #speakbody {
	
	
	}
	
	.speaker2 h3#date {
		margin-left: 5px;
		font-size: medium;
		color: white;
		font-style: italic;
		display: inline;
		vertical-align: top;
		
	}	
	
	.speaker2 #name {
		float: left;
		font-weight: bold;
		display: inline;
	}
	
	.speaker2 #time {
		float: right;
		text-align: right;
		font-size: medium;
		font-style: italic;
		font-weight: bold;
		display: inline;
	}
	
	.speaker2 h3#date a{
		color: white;
	}

	
	/* end Speaker2 */
	
	
	
	.side {
					
	
	}
	
	.smallProgram {
	
	
	}
	
	.smallProgram #macro a{
		text-decoration: none;	
	}
	
	.smallProgram #macro a:link{
		color: black;
		text-decoration: none;
		
	}
	
	.smallProgram #macro tr {
		background-color:lightgray;
		
		/*
		border-bottom-style: solid;
		border-bottom: 2px;	
		border-color: black;
		*/
	}
	
	
	.smallProgram #macro td {
		/*
		border-bottom-style: solid;
		border-bottom: 2px;	
		border-color: black;
		*/
	}
	
	.smallProgram #macro tr:hover{
		background-color: #336797;
		color:white;
	}
	
	.smallProgram #macro tr:hover a{
		color:white;
	}
	
	.smallProgram #macro a:hover {
		background-color: #336797;
		color: white;
	}
	
	
	
	
	
	/* Small Program 2 is only for the original speakers.php */
	
	.smallProgram2 {
		width: 700px;
	
	}
	
	.smallProgram2 a{
		text-decoration: none;	
	}
	
	.smallProgram2 a:link{
		color: black;
		text-decoration: none;
	}
	
	
	
	.smallProgram2 tr {
		background-color:lightgray;
		
		/*
		border-bottom-style: solid;
		border-bottom: 2px;	
		border-color: black;
		*/
	}
	
	
	.smallProgram2 td {
		/*
		border-bottom-style: solid;
		border-bottom: 2px;	
		border-color: black;
		*/
	}
	
	.smallProgram2 tr:hover{
		background-color: #336797;
		color:white;
	}
	
	.smallProgram2 tr:hover a{
		color:white;
	}
	
	.smallProgram2 a:hover {
		background-color: #336797;
		color: white;
	}
	
	.smallProgram2 #past a{
		font-style: italic;
		color: white;
	}
	
	.smallProgram2 #past td{
		font-style: italic;
		color: white;
	}
	
	.smallProgram2 #past a:hover {
		font-style: italic;
		color: lightgray;
		background-color: #336797;
	}
	
	.smallProgram2 #past td:hover{
		font-style: italic;
		color: lightgray;
		background-color: #336797;
	}
	
		.smallProgram2 #past td:hover a{
		font-style: italic;
		color: lightgray;
		background-color: #336797;
	}
	
	
	
	/* Leadership is for the Trustees.php and staff.php pages */
	
	.leadership {
		width: 700px;
		
	}
	
	.leadership table {
		border-width: 1px;
		border-style:groove;
	
	}
	
	.leadership td {
		padding: 1px;
		border-width: 1px;
		border-style: groove;
	}
	
	.leadership td#name {
		background-color: #336797;
		color: white;
		height: 10px;
		font-weight: bold;
	}
	
	.leadership td#bio {
		background-color: white;
		width: 100%;
		height: 140px;
	
	}
	
	.leadership img {
		width: 150px;
	}
	
	.leadership a {
		color: white;
		text-decoration: none;
	}
	
	
	/* CHILDREN is for the Children's Min page */
	
	.children {
	
	}
	
	.children table {
	}
	
	.children td {
		width: 300px;
		
	}
	
	.children tr#title {
	}
	
	
	
	
	/* youthEvent is for the Children's Min and Youth Min pages */
	
	.youthEvent {
		width: 700px;
		
	}
	
	.youthEvent td {
		border: groove;
		border-width: 1px;
	
	}
	
	.youthEvent #top {
		background-color: #336797;
	}
	
	.youthEvent #top td {
		border-bottom: none;
	}
	
	.youthEvent #middle td {
		border-top: none;
	
	}
	
	.youthEvent #middle {
		background-color: lightgray;
	}
	
	.youthEvent h3#title {
		color: white;
	
	}

	.youthEvent img {
		width: 150px;
		
	}

	.youthEvent h3#ages {
		color: black;
	}
	
	.youthEvent h3#name {
		color: white;
	}
	
	.youthEvent h3#date {
		color: black;
	}

/* end Youth Event */

/* start Form */


	.form {
		padding-left: 10px;
		margin: 10px;
	}
	
 	label {
		width: 4em;
		float: left;
		text-align: right;
		margin-right: 0.5em;
		display: block;
		color: black;
		font-weight: bold;
	
	}
	
	input {
		color: black;
		background: #cccccc;
		border: 1px solid #336797;
	}
	
	.submit input {
		margin-left: 3em;
		color: #000;
		background: #cccccc;
		border: 2px outset #336797;
	}
	
	fieldset {
		border: 1px solid #336797;
		width: 25em;
		padding-left: 10px;

	
	}
	
	legend {
		color: black;
		font-weight: bold;
		background: #cccccc;
		border: 1px solid #336797;
		padding: 2px 6px;
	}
	
	
	.form #email {
	
	
	
	}	
	
/* end Form */




/* start .Footer */		

	.footer {
		width: 970px;
		float: left;
		background-position: 0 bottom;
		color: white;
		background-color: #336797;
		text-align: center;
		height: 85px;

	}

	.footer ul { 	
		

	}
	
	.footer p#quote {
		font-style: italic;
		font-weight: bold;
		vertical-align: top;	
	}
	
	.footer p#copy {
	
	}
	
	
			/* commom style for all browsers */



/* new menu5 will correct all the older problems */
	
	.menu5 {
		text-align: center;
		font-family: sans-serif;
		position: relative;
		font-size: 16px;
		height: 10px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 970px;
	}
	
	.menu5 ul {
		width: 161px;
		padding: 0;
		margin: 0;
		list-style-type: none;
	} 
	
	.menu5 li {
		float: left;
		text-align: center;
		position: relative;
	}
	
	.menu5 li a:visited {
		display: block;
		text-decoration: none;
		background-image: url(images/topbutton2.gif);
		/* background-repeat: repeat; */
		width: 161px;
		height: 2em;
		font-weight: bold;
		text-align: center;
		line-height: 2em;
		color: #fff;
	}
	
	.menu5 li a {
		display: block;
		text-decoration: none;
		background-image: url(images/topbutton2.gif);
		/* background-repeat: repeat; */
		width: 161px;
		height: 2em;
		font-weight: bold;
		text-align: center;
		line-height: 2em;
		color: #fff;
	}
	
.menu5 li a:visited {
		width:161px; w\idth: 161px; /* hack for IE5.5 */
	}
	
	* html .menu5 li a {
		width:161px; w\idth: 161px; /* hack for IE5.5 */
	}
	
	.menu5 li a.drop:visited {
	
	}
	
	.menu5 li a.drop {
	
	}
	
	.menu5 li ul {
		visibility: hidden;
		position: absolute;
		left: 0;
		top: 31px;
		height: 0;
		overflow: hidden;
	}
	
	.menu5 table {
		margin: -2px;
		width: 99%; 
		border-collapse: collapse;
		padding: 0;
		border: 0;
		/* font-size: 16px; */
		font-size: 1em;
	}
	
	.menu5 li a:hover {
		font-weight: bold;
		color: #ffffff; 
		border: 0;
		background-image: url(images/topbuttonhover.gif);
		/*background-repeat: repeat; */
	}
	
	.menu5 li:hover a {
		font-weight: bold;
		color: #ffffff; 
		border: 0;
		background-image: url(images/topbuttonhover.gif);
		/*background-repeat: repeat; */
	}
	
	.menu5 li a:hover ul {
		visibility: visible;
		height: auto;
		/*width: 161px;*/
		width: 100%;
		background: #fff;
		left: 0;
		border: 1px solid #ddd;
		overflow: visible; 
		z-index: 500;
		padding: 1px;
	}
	
	.menu5 li:hover ul {
		visibility: visible;
		height: auto;
		/*width: 161px;*/
		width: 100%;
		background: #fff;
		left: 0;
		border: 1px solid #ddd;
		overflow: visible; 
		z-index: 500;
		padding: 1px;
	}
	
	.menu5 li a:hover ul li a {
		display: block;
		font-weight: normal;
		color: #004080;
		background: #fff;
		text-decoration: none;
		padding: 5px;
		width: 161px;	
		height: auto; /* former height: 32px*/
		text-align: center;
		line-height: 32px;
	}

	.menu5 li:hover ul li a {
		display: block;
		font-weight: normal;
		color: #004080;
		background: #fff;
		text-decoration: none;
		padding: 5px;
		width: 161px;	
		height: auto; /* former height: 32px*/
		text-align: center;
		line-height: 32px;
	}

* html .menu5 li a:hover ul li a {
		width: 161px; w\idth: 161px;
	}
	
	.menu5 li a:hover ul li a.drop {
	}
	
	.menu5 li:hover ul li a.drop {
	}
	
	.menu5 li a:hover ul li a ul {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 161px;
		overflow: hidden;
		height: 0;
	}
	
	.menu5 li:hover ul li ul {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 161px;
		overflow: hidden;
		height: 0;
	}
	
	.menu5 li a:hover ul li a:hover {
		font-weight: bold;
		background: #efefef;
	}
	
	.menu5 li:hover ul li a:hover {
		font-weight: bold;
		background: #efefef;
	}
	
	.menu5 li a:hover ul li a:hover ul {
		visibility: visible;
		color: #000;
		border: 1px solid #ddd;
		height: auto;
		background: #fff;
		width: 161px;
	}

	.menu5 li:hover ul li:hover ul {
		visibility: visible;
		color: #000;
		border: 1px solid #ddd;
		height: auto;
		background: #fff;
		width: 161px;
	}

	.menu5 li a:hover ul li a:hover ul.left {
		left: -150px;
	}
	
	.menu5 li:hover ul li:hover ul.left {
		left: -150px;
	}
	
	.menu5 li a:hover ul li a:hover ul li a {
		display:block; 
		height:auto;
	}

	.menu5 li:hover ul li:hover ul li a {
		display:block; 
		height:auto;
	}

	.menu5 li a:hover ul li a:hover ul li a:hover {
		font-weight: bold;
	}
	
	.menu5 li:hover ul li:hover ul li:hover a {
		font-weight: bold;
	}
	
	/* end Top Menu */
	

/* Staff is for the staff page */

.staff {


}

.staff table {
	width: 600px;
	text-align: center;
	padding: 3px;
}

.staff td {
	width: 300px;
	height: 10px;
}

.staff img {
	width: 150px;
	border: 2px;
	border-color: #C0C0C0;
}

.staff h3#name {
	color: #336797

}

.staff h3#title {
	color: #808080;

}

.oceancity {

}

.oceancity a {
 	color: black;
 	font-weight: bold;
}

.oceancity a:hover {
	font-weight: bold;
	color: white;
	background-color: #336797;
}

.oceancity li {
	list-style-type: none;
}

.video {

}

.video a {

}

.video a:hover {
	font-weight: bold;
}

.video #vidcontent {
	display: hidden;
}

.video object {
	display: hidden;
}


.homepage_link {

	display: inline;

}






.nursery {
	width: 770px;
	margin-left: 100px;
	
}

.nursery p {
	width: 770px;
}

.nursery a {
	font-weight: bold;
}

.nursery a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.nursery ul {
	padding-left: 25px;
}



#wrapper {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 500px;

	background: white;
	border: 1px solid black;
	cursor: pointer;
	font-weight: bold;
	}
 
.accordionContent {	
	width: 500px;

	background: black;
	display: none;
	}