/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
.unit{float:left;zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;_width:49.9% !important; *width:48%;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important; *width:64%;}
.size1of4{width:25%;_width:24.95% !important;}
.size3of4{width:75%;_width:74.95% !important;}
.size1of5{width:20%;_width:19.95% !important;}
.size2of5{width:40%;_width:39.95% !important;}
.size3of5{width:60%;_width:59.95% !important;}
.size4of5{width:80%;_width:79.95% !important;}
.lastUnit {float:none;_float:right;}

/* ====== Page Head, Body, and Foot ====== */
#bd{overflow:hidden; _overflow:visible; zoom:1;}
#page{margin: 0 auto; width: 995px; font-family:"Myriad Pro", Arial, Sans-Serif; font-size:14px;} /* wraps entire page */

.liquid{width: auto !important;margin:0;}
/* ====== Columns ====== */
.main{overflow:hidden; _overflow:visible; zoom:1;}
.clear {clear:both;}


#ft { background: #4d5923; height:230px;  margin-top:10px; width:100%; border-top:9px solid #828737;}
#ft_content {width:990px; margin:25px auto;}
.ft_sbTitle {color:#fff; font-size:1.1em;  width:48%;  border-right:1px solid #adbd73; padding-right:22px;}
.ft_sbTitle h1 {color:#fff; font-size:19px;}
.ft_sbTitle h1 span {color:#d1f3b4;}
.ft_sbTitle p {font-size:14px; color:#dcdcdc;}
.ft_sbTitle p a {font-size:14px; color:#e9ff9f; font-style:italic; padding-left:4px;}

.ft_sbAddress {color:#fff; font-size:1.1em; width:45%; padding-left:20px; }
.ft_sbAddress a {color:#fff; text-decoration:underline; }
.ft_sbAddress h2 {color:#d1f3b4; margin-bottom:4px; font-size:1.3em;}
.location {color:#bcc579;}
.ft_Links {width:650px; margin:30px auto 0 auto; font-size:1.0em; padding:0;}
.ft_Links li {display:inline; margin-right:6px; color:#c7cac4;}
.ft_Links li a {color:#c7cac4;}
/* ==SB Local Styles  == */
#rysLogos { position:absolute; top:30px; left:895px; *left:800px;}

#hd > .line > .size1of2 img {position:relative; top:6px;}

#photos				{}
#featuredClassEvent {}
#featuredClassEvent h1 {color:#888e43; margin:0; font-size:1.93em; font-family:Georgia,Arial,Sans-Serif;}
#featuredClassEvent h2, #latestContainer h2 {color:#838548; margin:0; font-size:1.37em;}
.classInstructor {float:left; font-weight:bold; color:#5e6b44;}
.classDate {float:left; color:#000; font-weight:bold; margin-left:75px;}

#registerOnline {margin:0 auto; width:123px;}

#featuredContainer {border:1px solid #fff; border-top:none; border-left:none; border-bottom:none; margin-top:20px; text-align:center;}
#latestContainer {border:1px solid #787878; border-top:none; border-right:none; border-bottom:none; width:48%; text-align:center; margin-top:15px;padding-left:8px; min-height:98px;}

#newsRoll 		{ margin-top:9px; border-spacing:5px; border-collapse:separate;}
.newsDate 		{ font-size:1.14em; color:#fff; width:90px;  font-weight:bold; text-align:center; background:#64462b; margin:3px 0 3px 0;} 
.newsTitle  	{ width:260px; padding-left:9px; text-align:center;}
.newsTitle a 	{ font-family: Arial, Sans-Serif; font-size:1.14em; color:#44460b; font-weight:bold;}
.newsComments	{ width:75px;}
.newsComments a { font-size:1.0em; color:#6a6722;}

/*Training */
.trainingCol1 {width:334px;}
.trainingCol2 {width:620px;}
.trainingCol3 {width:361px;}
.trainingCol4 {width:585px;}

.trainingPhoto {width:288px; margin:0 auto;}
.trainingbodytext {font-family:Arial, Sans-serif; color:#3d3e3c; font-size:14px; line-height:1.44em;}
.trainingpage1 {margin:10px 0 20px;}
.trainingpage2 {margin:10px 0 20px;}
#trainingbodyText1 {color:#6e7844; font-size:1.24em; font-weight:bold;}


/*Slider */
#slider {
  width: 990px;
  margin: 0 auto;
  position: relative;
}

.scroller {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}



	

	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 5px 0;
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 975px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 385px;
		clear: both;
		background: #fff;
	}
	
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 975px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	
	/* */
	.stripViewerBio { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 680px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: auto;
		clear: both;
		background: #fff;
	}
	
	.stripViewerBio .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewerBio .panelContainer .biopanel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 680px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewerBio .panelContainer .biopanel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	/* */
	
	.stripViewer3 { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 975px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 370px;
		clear: both;
		background: #fff;
	}
	
	
	.stripViewer3 .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer3 .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 975px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer3 .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
		width:auto;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #b0b57e;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav li.tab1 a {color:#fff; }
	.stripNav li.tab2 a {color:#fff;   }
	.stripNav li.tab3 a {color:#fff;   }
	.stripNav li.tab4 a {color:#fff;   }
	.stripNav li.tab5 a {color:#fff;   }
	
	.stripNav li a:hover {
		background: #5e3914;
	}
	
	.stripNav li a.current {
		background: #becc91;
		color: #5c6944;
	}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("images/arrow-left.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("images/arrow-right.gif") no-repeat center;
	}
	
	/* */
	
	.stripNav2 { /* This is the div to hold your nav (the UL generated at run time) */
		margin: 0 200px;
		width:415px !important;
	}
	
	.stripNav2 ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav2 ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav2 a { /* The nav links */
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #b0b57e;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav2 li.tab1 a {color:#fff; }
	.stripNav2 li.tab2 a {color:#fff;   }
	.stripNav2 li.tab3 a {color:#fff;   }
	.stripNav2 li.tab4 a {color:#fff;   }
	.stripNav2 li.tab5 a {color:#fff;   }
	
	.stripNav2 li a:hover {
		background: #5e3914;
	}
	
	.stripNav2 li a.current {
		background: #becc91;
		color: #5c6944;
	}
	
	.stripNav2L, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNav2L a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNav2L {
		left: 0;
	}
	
	.stripNav2R {
		right: 0;
	}
	
	.stripNav2L {
		background: url("images/arrow-left.gif") no-repeat center;
	}
	
	.stripNav2R {
		background: url("images/arrow-right.gif") no-repeat center;
	}
	

	/* */
	
	.stripNav3 { /* This is the div to hold your nav (the UL generated at run time) */
		margin: 0 525px;
		width:630px !important;
	}
	
	.stripNav3 ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav3 ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav3 a { /* The nav links */
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #b0b57e;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav3 li.tab1 a {color:#fff; }
	.stripNav3 li.tab2 a {color:#fff;   }
	.stripNav3 li.tab3 a {color:#fff;   }
	.stripNav3 li.tab4 a {color:#fff;   }
	.stripNav3 li.tab5 a {color:#fff;   }
	
	.stripNav3 li a:hover {
		background: #5e3914;
	}
	
	.stripNav3 li a.current {
		background: #becc91;
		color: #5c6944;
	}
	
	.stripNav3L, .stripNav3R { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNav3L a, .stripNav3R a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNav3L {
		left: 0;
	}
	
	.stripNav3R {
		right: 0;
	}
	
	.stripNav3L {
		background: url("images/arrow-left.gif") no-repeat center;
	}
	
	.stripNav3R {
		background: url("images/arrow-right.gif") no-repeat center;
	}
	
	/* */
	
	.stripNav4 { /* This is the div to hold your nav (the UL generated at run time) */
		margin: 0 2px;
		width:650px !important;
	}
	
	.stripNav4 ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav4 ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav4 a { /* The nav links */
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #b0b57e;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav4 li.tab1 a {color:#fff; }
	.stripNav4 li.tab2 a {color:#fff;   }
	.stripNav4 li.tab3 a {color:#fff;   }
	.stripNav4 li.tab4 a {color:#fff;   }
	.stripNav4 li.tab5 a {color:#fff;   }
	
	.stripNav4 li a:hover {
		background: #5e3914;
	}
	
	.stripNav4 li a.current {
		background: #becc91;
		color: #5c6944;
	}
	
	.stripNav4L, .stripNav4R { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNav4L a, .stripNav4R a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNav4L {
		left: 0;
	}
	
	.stripNav4R {
		right: 0;
	}
	
	.stripNav4L {
		background: url("images/arrow-left.gif") no-repeat center;
	}
	
	.stripNav4R {
		background: url("images/arrow-right.gif") no-repeat center;
	}
	

	/* */

/*Staff Page */

.staffHeader h2 {color:#caccaa; font-size:3.14em; margin-left:12px;}

.staffHeader {font-size:1.09em; color:#616e44; width:95%; margin-top:20px; text-align:left; }

#staff_container{ margin-left:20px;}



.asanaBox {width:135px; margin:0; float:left; text-align:center;}
.asanaBox p {color:#4a4a4a; text-align:center;  margin-top:9px; padding:3px;}
.bioLink a {color:#77733f; text-align:center; }

.mariaMig {margin-left:9px;}

#staff_container .bioLink:hover { background: #bbbe8e; }

/*Staff Bios */
#bio_container {}
.bioCol1 {width:30%;}
.bioCol2 {width:70%;}
.bioCol1 h2 {color:#caccaa; font-size:3.14em; margin-left:60px;}
.bioCol1 img {margin-left:60px; margin-top:30px;}

#biotext {margin-top:14px;}
#biotext h2, .bioCol2 h2 {color:#caccaa; font-size:2.13em; text-align:left; margin-top:9px; }
#biotext p {font-size:1.15em; color:#616e44;}
#bioAsana {text-align:center;}

.panelAsana {width:325px;}
.panelText   {width:350px;}

.headshotCol {width:150px; padding-top:20px;}
.headshotCol img {margin-left:26px;}
.headshotCol p {font-size:15px; color:#caccaa; margin-left:26px; margin-top:8px;}
.headshotCol p span {color:#848251;}
.contentCol	 {width:650px; padding-top:20px;}
.staffNav	 {width:174px;}

#bioCopy	{width:630px; margin:0 auto;}
#bioCopy p  {font-size:12px; color:#616e44; padding:0 12px;}

#staffnavmenu {width:100%;}
#staffnavmenu li {height:20px; padding:4px; background:#4c571b;}
#staffnavmenu li.odd { background:#748238;}
#staffnavmenu li:hover {background:#b3c174;}
#staffnavmenu a  {color:#fff; font-size:14px;}
/*Classes  */
.classVerbiageh2 {color:#caccaa; font-size:3.14em; margin-left:12px; margin-top:5px;}
.classVerbiage h2 {color:#caccaa; font-size:2.00em; margin-top:15px;}
.classVerbiage p  {font-size:1.24em; color:#616e44; margin-bottom:8px;}
.classPhoto {text-align:center;}
.classPhoto img {width:430px; margin:15px auto;}
.classPhoto2 img { margin:60px auto auto 40px;}
.verbiage_panel1 {margin-top:15px;}

#classList { margin:5px 0 10px 0;}
#classList li {font-size:0.9em; color:#474c37; font-weight:bold; padding:2px; background:#d5e2aa;}
#classList li.odd {font-size:0.9em; color:#474c37; font-weight:bold; padding:2px; background:#8aa55b;}
.classListtitle {margin:20px 0 0 0; color:#474c37; font-size:1.3em;}

.classPrices h3 {font-size:1.78em;}
.classPrices li {font-size:1.3em; color:#474c37;  padding:2px; margin:7px 0 7px 0;}
.classPrices strong {font-weight:bold;}


/*New to Yoga */
.newtoyoga {}
.newtoyoga h2 {color:#474c37; font-size:2.14em; margin-top:40px; margin-bottom:0;}
.newtoyoga h3 {color:#616e44; font-size:1.87em; margin:0; font-weight:bold; z-index:5000;}
.newtoyoga p {color:#616e44; font-size:1.18em;}
.newtoyoga1  {text-align:center;}
.newtoyoga1 img {margin-top:15px; }
.newtoyoga ul {padding-right:8px;}
.newtoyoga li {margin:2px 0 2px 0; color:#474c37; padding-right:4px; font-size:13px;}
.newtoyoga li.odd {color:#444a18;}
.newtoyoga td.odd {color:#444a18;}
#benefitspanel {position:relative; top:-25px;}
#benefitspanel table td {font-size:12px;}
.benefits p {font-size:14px; color:#444a18;}
.newtoyoga table td {margin-bottom:8px; padding:6px; font-size:12px;}
#newtoyogacol1 {}
#etiquetteP {margin-bottom:10px;}
#savasana {padding-top:34px;}
.firefoxspan {padding-left:0;*padding-left:17px; font-size:14px; font-style:italic;}

/*Events */
.eventVerbiage p {color:#616e44; font-size:14px;}
.eventVerbiage h2 {color:#4b5217; font-size:1.5em; margin-top:15px; padding:4px; background:#b7bd88;}
.eventVerbiage h4 {font-size:1.35em; font-weight:bold; margin-top:14px;}
.eventVerbiage p span { font-weight:bold; }
.eventcol1 {width:46%;}
.highlightevent {background:#e7ecc6; padding-bottom:14px;}
.eventDetails, .eventDetails2 {color:#474c37 !important; font-size:15px !important; line-height:24px; margin-bottom:4px; text-align:left; padding:0 12px 0 12px;}
.eventDetails2 {background:#525730;}
.giveBackYogaInfo {font-size:14px !important; color:#575f1f !important; margin-top:20px;}
.eventDetails a						{font-size:12px; color:#482711; font-weight:bold;}
.eventDetails a:hover				{color:#4B5217; }
/*Blog */
.articleWrapper li {display:inline; margin-right:10px; font-size:15px;}
.articleWrapper .date {color:#8b9540; font-weight:bold;}
.articleWrapper li a {color:#4d5419; font-size:17px;}
.articleWrapper .comment a {font-size:13px; color:#616c11; font-style:italic;}

#singleArticle {padding:0 30px 0 0;}
#singleArticle a {color:#7d8543;}
#singleArticle h1 a {font-size:24px; color:#565c29; margin-bottom:3px;}
#singleArticle .articleInfo {font-weight:bold; font-size:16px; color:#676c42;} 
#singleArticle .articleInfo span { color:#553d17;} 
#storyText, #storyText p {font-size:16px; line-height:21px; color:#313131;}
#storyText p  {margin-bottom:12px;}
#storyText p img {margin: 0 auto;}
#storyText {margin-bottom:30px;}

#sbCommentsContainer h2 {color:#afb86b; font-size:24px;}

#commentrespond {margin-top:15px; color:#744f27; font-weight:bold ;}
h3#comments {font-weight:bold; color:#744f27;}

.commentlist {color:#1d1d1d;}
.commentlist a {color:#744f27 !important; font-weight:bold;}
.commentlist li	{padding:4px; background:#bcc485; margin-bottom:15px;}
.commentlist p {font-weight:bold;} 
.commentAuthor {background:#a9b075; font-size:15px;}
.commentAuthor cite {font-weight:bold;}
.commentlist .alt {background:#81884f;}

.blogMedia {}

#expirationSticker  {position:relative; top:-150px; left:-175px;  z-index:1000;}