@charset "utf-8";


body { text-align: center; font: 90%/160% Tahoma, Arial, Verdana, sans-serif; background: #FFF; }

/*-----------block elements-----------------------------------*/

#divOuterContainer { width: 1000px; position: relative; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:0; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../images/bgOuterContainer.gif); background-repeat: no-repeat; background-position: center top; z-index: 1; }
#printlogo { display: none; }
#divLogo {
	position: absolute;
	height: 127px;
	top: 417px;
	width: 130px;
	left: -4px;
	padding: 15px;
	text-indent: -9999px;
}

#divLeftBlock1 { width: 190px; float: left; margin: 0px 31px 0px 0px; padding: 230px 45px 15px 6px; position: relative; }
#divLeftBlock2 { width: 150px; padding: 100px 15px 15px; margin: 0px; float: left; background: url(../images/bg-box-trans.png) repeat; }
#divMainContent {
	width: 350px;
	padding: 140px 15px 15px;
	float: left;
	position: relative;
	font-size: 0.9em;
}
.regIframe { border: 5px solid #DBF7A3; }



#london #divDirections { width: 163px; top: 476px; position: absolute; text-align: left; font-size: 0.9em; left: 74px; z-index: 20; height: 29px; }
#events #divDirections { width: 250px; top: 450px; position: absolute; text-align: left; font-size: 0.9em; left: 45px; z-index: 20; height: 163px; }

/*-----------headings-----------------------------------*/

h1 
h2, h3 { color: #FFFFFF; font: 1.3em; margin: 0px; padding: 0px; }
#divMainContent h2 {
	color: #000000;
	padding: 0.3em 0.3em 0.3em 0em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#home #divContainer #divMainContent h2 { background: transparent; border-bottom: 1px solid #FFF; border-top-style: none; border-right-style: none; border-left-style: none; width: 80%; }

/*-----------Nav and link styles-----------------------------------*/

#home #li_home a, #about #li_about a, #london #li_london a, #hinckley #li_hinckley a, #events #li_events a, #links #li_links a, #faq #li_faq a, #contact #li_contact a { color: #000; text-decoration: none; font-variant:small-caps; letter-spacing: 0.1em; }
#home #li_home:hover, #about #li_about:hover, #london #li_london:hover, #hinckley #li_hinckley:hover, #events #li_events:hover, #links #li_links:hover, #faq #li_faq:hover, #contact #li_contact:hover { border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width: 1px }

#divMainContent a:link { color: #000000; text-decoration: underline; display:inline; }
#divMainContent  a:visited { color: #000000; text-decoration: underline; display:inline; }
#divMainContent  a:hover { color: #0000CC; text-decoration: none; display:inline;}
#divMainContent a:active { color: #FF0000; text-decoration: none; display:inline;}

#Copyright  a:link { margin-right: 3em; text-decoration: underline; color: #333333; }
#Copyright a:visited { margin-right: 3em; text-decoration: underline; color: #333333; }
#Copyright a:hover { margin-right: 3em; text-decoration: none; color: #333333; }
#Copyright a:active { margin-right: 3em; text-decoration: none; color: #00FF00; }

#divDirections a:link { color: #000000; text-decoration: underline; }
#divDirections a:visited { color: #333333; text-decoration: underline; }
#divDirections a:hover{ color: #006600; text-decoration: none; background: #FFFFFF; }
#divDirections a:active{ color: #FF0000; text-decoration: underline; }

/*----------navigation block links----------------*/

#divLeftBlock1 a:link, a:visited { text-decoration: none; color: #666666; padding: 5px 0 5px 0; display: block; }
#divLeftBlock1 a:hover { color: #000000; display: block; padding: 5px 0 5px 0; text-decoration:none; }
#divLeftBlock1 a:active { color: #000066; background: #FFF; padding: 5px 0 5px 0; display: block; }
p/*-----------------------------Text Styles------------------------------------------*/
  { line-height: 1.6em; }
.clearfloat { clear: both; }
.pre { white-space: pre; font-size: 0.9em; margin-top: 2em; }
.fltrt { float: right; margin-bottom: 15px; margin-left: 15px; margin-top: 8px; }
.dottybottom { border-bottom: 1px dashed #666666; }
.regIframe { }
span.emphasis { font-weight: bold; color: #000099; margin-left: 5px; }
.smallcaps { font-variant: small-caps; font-weight: normal; letter-spacing: -0.1em; }
.pLineAbove { margin-top: 3em; border-top: 1px solid #666666; }

/*-----------------------------List Styles------------------------------------------*/

#divLeftBlock1 ul { list-style: none; margin: 0 0 0 46px; padding: 0; }
#divLeftBlock1 li { display: block; text-indent: 0.3em; text-align: center; line-height: 0.6em; font-size: 0.85em; width: 10em; margin: 0; padding:0; }
#divLeftBlock1 li:hover { border-bottom: 1px solid #666; border-collapse: collapse; }
.navbottomborder { border-bottom: 1px solid #FFFFFF; }
#divDirections ul { list-style: none; }
ul.ulevents { list-style-type:none; text-indent: 0px; }

/*--------------footer----------------------------------------------*/
#divFooter { height: 40px; text-align: right; width: 1000px; font-size: 0.8em; top: -230px; z-index: 0; margin-right: auto; margin-left: auto; background-image: url(../images/bgFooter.gif); background-repeat: no-repeat; padding-top: 260px; background-position: 0px -10px; position: relative; left: auto; right: auto; clear: both; }

#Copyright {
	color: #999;
	width: 500px;
	position: absolute;
	right: 7px;
}
#divFooter #Copyright a{
	text-decoration: none;
	color: #999;
	
}


/*-----------------home specifics----------------------*/

#home #divContainer { width: 920px; text-align: left; position: relative; color: #333; font-size: 1em; padding-left: 30px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 40em; border: 1px solid #2DFF0F; background-image: url(../images/bgContainer-index.jpg); z-index: 2; visibility: visible; background-repeat: no-repeat; }


/*-----------------about specifics---------------------*/

#about #divContainer { width: 920px; text-align: left; color: #333333; background: url(../images/bgContainer-about.jpg) repeat; font-size: 1em; padding-left: 30px; border: 1px solid #;
border: 1px solid #33FF33; z-index: 1; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 75em; }
#about #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; }
#about #divContainer #divLeftBlock1 #2 a:link { color: #FF0000; }

/*-----------------link specifics---------------------*/

#links #divContainer {
	width: 920px;
	text-align: left;
	color: #333333;
	background: url(../images/bgContainer-london.jpg) no-repeat;
	font-size: 1em;
	padding-left: 30px;
border: 1px solid #;
	border: 1px solid #33FF33;
	z-index: 1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 105em;
}
#links #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; }

/*------------------london specifics-----------------------*/

#london #divContainer { width: 920px; text-align: left; color: #333333; background: url(../images/bgContainer-london.jpg) repeat; font-size: 1em; padding-left: 30px; border: 1px solid #;
border: 1px solid #CC33CC; z-index: 1; height: 90em; margin: 0px auto; position: relative; }

#london #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; overflow: visible; height: 60em; }


/*------------------hinckley specifics-----------------------*/

#hinckley #divContainer { width: 920px; text-align: left; color: #333333; background: url(../images/bgContainer-hinckley.jpg) repeat; font-size: 1em; padding-left: 30px; border: 1px solid #;
border: 1px solid #CC33CC; z-index: 1; height: 105em; margin: 0px auto; }
#hinckley #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; overflow: visible; }


/*------------------event specifics-----------------------*/

#events  #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; overflow: visible; }
#events #divContainer {
	width: 920px;
	text-align: left;
	color: #333333;
	background: #C1F1DB url(../images/bgContainer-events.jpg) no-repeat;
	font-size: 1em;
	padding-left: 30px;
border: 1px solid #;
	border: 1px solid #CC33CC;
	z-index: 1;
	height: 300em;
	margin: 0px auto;
}


/*------------------faq specifics-----------------------*/ 

#faq #divMainContent h2 { }
#faq #divContainer { width: 920px; text-align: left; color: #333333; background: url(../images/bgContainer-faq.jpg) no-repeat; font-size: 1em; border: 1px solid #;
border: 1px solid #33FF33; z-index: 1; height: 95em; margin: 0px auto; padding-left: 30px; }
#faq #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; }
#faq #divContainer #divLeftBlock1 #2 a:link { color: #FF0000; }

/*------------------contact specifics-----------------------*/ 
#contact #divContainer {
	width: 920px;
	text-align: left;
	color: #333333;
	background: url(../images/bgContainer-hinckley.jpg) repeat;
	font-size: 1em;
	padding-left: 30px;
border: 1px solid #;
	border: 1px solid #33FF33;
	z-index: 1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 80em;
}
#contact #divMainContent { width: 600px; padding: 160px 15px 15px; position: relative; float: left; }
h4  { margin-top: 2em; margin-bottom: 0px; font-size: 0.85em; }
/*form styles*/
#contact #formcontact #tabContact{ background-color:transparent;}
input { border: 1px solid #666; background-color:#DAEBFC; }
input:hover { border: 1px solid #00FF00; }
#contact #tabContact {
}
#contact #tabContact th { color: #333333; }
#contact #formcontact #tabContact { width: 100%; }
#contact #formcontact #tabContact caption { text-align: left; text-indent: 1em; }
caption { font-size: 1em; font-weight: bold; color: #333333; text-align: left; }
#contact #divOuterContainer #divContainer #divMainContent #CollapsiblePanel1 { border-style: none; }
.click { letter-spacing: 0.3em; }
#about #divOuterContainer #divContainer #divMainContent #annapic { margin-top: -168px; }
/*----------------h2's specifics---------------------------------------*/
#about #divMainContent h2 { width: 350px; }
#contact #divOuterContainer #divContainer #divMainContent h2 { }
#events #divOuterContainer #divContainer #divMainContent h2 { }
#hinckley #divOuterContainer #divContainer #divMainContent h2 { }
#about #divOuterContainer #divContainer #divMainContent h2 { }
#london #divOuterContainer #divContainer #divMainContent h2 { border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; }
#faq #divOuterContainer #divContainer #divMainContent h2 { border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; }
.redText { color: #CC0066; }
p.pClassTitle { background: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 0px; padding-left: 15px; padding-top: 3px; padding-bottom: 3px; }
div.divClassTitle { width: 95%; border: 5px solid #DBF7A3; height: auto; }
.purpleText { color: #990099; }
img.fltlft { float: left; margin-right: 1.5em; margin-bottom: 3em; margin-top: 0.5em; }
img.fltrt { float: right; margin-left: 1.5em; margin-bottom: 3em; margin-top: 0.5em; }
#events blockquote { font-style: italic; margin: 0px; }
ul.ulGeneral { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 1em 2em 2em; }
#events h3 { font-size: 1em; font-weight: bold; color: #333333; height: 25px; background: url(../images/lotus-crop.png) repeat left center; padding-left: 5px; margin-top: 45px; border-top: 1px solid #CDCFE6; border-bottom: 1px solid #CDCFE6; 
}
.divEventHeading { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
h3.h3EventsAlt { font-size: 0.85em; font-weight: bold; color: #333333; height: 75px; background: url(../images/lotusleafR.gif) no-repeat right center; text-align: right; padding-right: 45px; }

#picturebox { margin-top: 15em; height: auto; }

p.quotes { font-style: italic; font-weight: bold; margin: 0em 0px 4em 0em; font-size: 0.8em; padding-left: 9em; }

p.bold { font-weight: bold; }

#events .CollapsiblePanelTab { }

#events  h4 {
	border-bottom: 1px solid #FFFFFF;
	margin-top: 1em;
	margin-bottom: 0.3em;
	padding-left: 5px;
}

#home #divLogo {
	background: url(../images/yoga-alliance-certified-teacher-500.png) no-repeat center bottom;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	width: 63px;
	background-image: url(../images/yoga-alliance-certified-teacher-500.png);
}
#divBookmark     { position: absolute; left: 51px; top: 451px; width: auto; }


span.reg { font-size: 0.8em; color: #999; }
.CollapsiblePanelContent p {
	padding-left: 45px;
}
#events #divOuterContainer #divContainer #divMainContent p {
	margin-left: 40px;
}
#events #divOuterContainer #divContainer #divMainContent form.fred {
	font-weight: bold;
	height: 55px;
}
#events #divOuterContainer #divContainer #divMainContent form #paySec {
	margin-top: 18px;
	margin-left: 18px;
}

#events #divOuterContainer #divContainer #divMainContent select {
	background: #CAF1DE;
}
#events #divOuterContainer #divContainer #divMainContent form {
	margin-left: 40px;
	margin-bottom: 75px;
}
#events #ws       {
	border-width: 0px;
	vertical-align: middle;
}
acronym {
	border-bottom: 1px dashed #FFF;
}
.retWhtSp {
	white-space: pre;
}
#events  #divMainContent table td{
	width: 33%;
	text-align: left;
}
#events #divMainContent table th {
	width: 33%;
	text-align: left;
}
#events tr.alt {
	background: #A9EBAB;
}
#events #divMainContent table.lt40{
	margin-left: 40px;
	width: 70%;

}
#events #divOuterContainer #divContainer #divMainContent #submit  {
	margin-bottom: 35px;
}
#events .signup th{
	text-align: right;
	vertical-align: top;
}
#shop #divContainer {
	width: 920px;
	text-align: left;
	color: #333333;
	background: url(../images/bgContainer-london.jpg) repeat;
	font-size: 1em;
	padding-left: 30px;


border: 1px solid #;
	border: 1px solid #CC33CC;
	z-index: 1;
	margin: 0px auto;
	position: relative;
	height: 4000px;
}
#shop #divOuterContainer #divContainer #divMainContent {
	width: 930px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 380px;
	left: 10px;
}
#contact .tabContact th {
	text-align: right;
	vertical-align: top;
	width: 35%;
}
#contact .tabContact {
	text-align: right;
	vertical-align: top;
	width: 100%;
}
#contact .tabContact td {
	text-align: left;
	vertical-align: top;
}