/*
		Some basic Page Styles
	*/


		#top_container {
			width: 602px;
			height: 130px;
			margin: 10px auto 10px auto;
		}

		#bottom_container {
			clear: both;
			width: 602px;
		}

	h1 {
		color: #96BF55;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 0 5px 0;
		text-align: left;
	}

	h1 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
	}

	.description {
		font-size: 12px;
		line-height: 18px;
		color: #ffffbe;
		padding: 5px 0 15px 0;
	}	

	.footer {
		margin: 20px 0 0 0;	
		text-align: left;
		font-size: 10px;
	}
	
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		width: 200px;
		display: block;
		height: 700px; 
		width: 34px;
		background: url(/images/accordions/h_accordion_toggle.jpg) no-repeat top left;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		cursor: pointer;
		margin: 0 0 0 0;
		border-left: 1px solid #97BDD2;
	}
	
	#a_to_z.horizontal_accordion_toggle_active { border: none; background: #fff; }
	#a_to_z.horizontal_accordion_toggle { border: none; }
	
	.horizontal_accordion_toggle_active {
		background: #fff;
		border: none;
		border-left: 1px solid #97BDD2;
	}
	#a_to_z.horizontal_accordion_toggle_active { background: url(/images/accordions/roundedToggle_off.gif) left top no-repeat; }
	#problem_header.horizontal_accordion_toggle_active { background: url(/images/accordions/roundedToggle_off.gif) left top no-repeat; }
	
	#beginner.horizontal_accordion_toggle_active,
	#intermediate.horizontal_accordion_toggle_active,
	#sanscrit.horizontal_accordion_toggle_active,
	#advanced.horizontal_accordion_toggle_active { background: url(/images/accordions/toggle_off.gif) left top no-repeat; }
	
	#yogaFor_header.horizontal_accordion_toggle_active,
	#poses_header.horizontal_accordion_toggle_active,
	#bodyPart_header.horizontal_accordion_toggle_active { background: url(/images/accordions/toggle_off.gif) left top no-repeat; }
	
	.horizontal_accordion_content {
		
		/* REQUIRED */
		width: 100px;
		height: 700px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		background: url(/images/accordions/content_bg.gif) right top repeat-y; 
		border-top: 1px solid #5082B1;
		border-bottom: 1px solid #97bdd2;
		overflow: hidden;
		background-color: white;
		color: #444444;
		}
		
		.horizontal_accordion_content p {
			width: 200px;
			line-height: 150%;
			padding: 5px 10px 15px 25px;
		}
		
		.horizontal_accordion_content h1 {
			font-size: 30px;
			_font-size: 25px;
			_padding: 0px;
			_margin: 0px;
			padding-left: 0px;
			color: #86B5DA;
			font-family: "trebuchet ms", helvetica, arial, sans-serif;
		}
	
		#top_container ul.first,
		#pose_top_container ul.first {
			padding-left: 40px;
		}
		
		#top_container ul,
		#pose_top_container ul {
			margin: 0px;
			padding: 0px;
			padding-left:10px;
			width: 120px;
			float: left;
			list-style-type: none;
			list-style-image: url(/images/accordions/arrow.gif);
			overflow: hidden;
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
		}
		
		#top_container li,
		#pose_top_container li {
			margin: 0;
			padding: 0;
			_height: 8px;
		}
		
		#top_container li a,
		#pose_top_container li a {
			color: #222;
			text-decoration: none;
			font-size: 11px;
			_line-height: 9px;
		}

		
		#top_container li a:hover,
		#pose_top_container li a:hover {
		text-decoration: underline;
		}

	#advancedContent { background: url(/images/accordions/advancedContent_bg.gif) top right no-repeat; height: 313px; }
	#sanscrit { background: url(/images/accordions/sanscrit.gif) top left no-repeat; }
	#a_to_z { background: url(/images/accordions/a-z.gif) top left no-repeat; }
	#beginner { background: url(/images/accordions/beginner.gif) top left no-repeat; }
	#intermediate { background: url(/images/accordions/intermediate.gif) top left no-repeat; }
	#advanced { background: url(/images/accordions/advanced_closed.gif) top left no-repeat; }
	#PosesHeader_wrap { margin-bottom: 10px; float: left; margin-top: 0px; padding-top: 0px; }
	
	#yogaFor_content { background: url(/images/accordions/advancedContent_bg.gif) top right no-repeat; border-top: none !important; border-bottom: none !important; height: 313px; }
	#problem_header { background: url(/images/accordions/problem_rounded.gif) top left no-repeat; border: none !important; height: 318px; }
	#bodyPart_header { background: url(/images/accordions/bodypart.gif) top left no-repeat; }
	#poses_header { background: url(/images/accordions/poses.gif) top left no-repeat; }
	#yogaFor_header { background: url(/images/accordions/yogafor_closed.gif) top left no-repeat; }