/* ---
The Breathing Project Style Sheet
version:   3.0
author:    Lydia Mann
email:     lkmweb@nyc.rr.com
modifications: reduced top position on nav to accommodate donation graphic; styled donation graphic
Thanks to all web standards designers and developers who have helped along the way.
--- */

body { margin: 0; padding: 0; color: #555; background: #bebebe; font: .8125em/1.5em arial, helvetica, sans-serif; }
p, li, dt, dd { font-size: 95%; }
dt li, dd li { font-size: 100%; }
p { margin: 0 0 1em; }
/*.form form {display:inline;}
.form p {
	text-align:left;
	margin-left:0px;
}*/
.top { text-transform: uppercase; font-size: 90%; text-align: right; color: #25a; }
.old { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { font-family: tahoma; line-height: 115%; color: #25a; }
h1 { font-size: 120%; margin: 1em 0 .5em; }
h2 { text-transform: none; font-size: 100%; margin: .5em 0; letter-spacing: 1px; }
dl + h2 { margin-top: 2em; }
h3 { font-size: 110%; margin: 1em 0 0; }
h4 { font-size: 100%; font-weight: normal; margin: .6em 0 .5em; text-transform: uppercase; letter-spacing: 0; color: #555; }
h5 { font-size: 95%; line-height: 130%; margin: .5em 0 0; letter-spacing: 1px; }
h6 { font-size: 100%; line-height: 130%; margin: 0; }
#home h1, #home h2 { color: #ed1f24; text-transform: none; }
#home h1 span, #home h2 span { font-size: 120%; line-height: 120%; }
ul, ol, dl { margin: .5em 0; padding: 0; line-height: 1.3em; clear: left; }
ul.van { margin-left: 2em; }
dt { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 1em 0 0; }
li { list-style: none outside; background: url(../graphics/bullet2.gif) 2px 2px no-repeat; padding-left: 20px; }
ul.van li { background-image: none; padding-left: 0; margin-bottom: .7em; }
li, dd { margin: 0 0 1em; }
ol li { background-image: none; list-style-type: decimal; padding-left: 0; margin-left: 2em; }
dd span { font-size: 120%; }
address { font-size: 90%; font-style: normal; padding: 170px 2em 40px; text-align: center; }
blockquote { float: left; clear: both; margin: .5em 2em; padding: .5em 1em; font-family: Georgia, serif; font-style: italic; color: #666; border: 1px solid #eee; }

a, a:link { color: #555; text-decoration: none; }
p a:link, p a:visited, address a:link, dl a:link, dl a:visited { border-bottom: 1px solid #555; }
dl a:link { color: #25a; }
a:visited { color: #669; }
a:hover { border: none; }
p a:hover, address a:hover, dl a:hover { color: #f00; border-bottom: 1px solid #f00; }
a.pdf{background-image: url(../images/icon_pdf.gif);background-repeat: no-repeat;background-position: 2px center;padding-left:20px;}
.newlink a:link a:visited{color:#660033; }
#wrapper { width: 1020px; margin: 0 auto; padding: 0; background: #fff url(../graphics/silhos.jpg) 20px 99% no-repeat; }
#main, #sidebar, .col { display: inline; float: left; margin: 0; padding: 0; }
#main { margin-top: 120px; width: 749px; margin-left: 280px; }
#sidebar { width: 250px; margin-left: -1030px; }
#branding { float: left; position: relative; top: 0; left: 0; z-index: 100;}
#footer { width: 100%; height: 190px; clear: both; margin:0; padding: 0 0 2em; }
.col { padding: 10px 16px 10px 22px; }
#solo { width: 650px; }
#news, #events { width: 302px; background: url(../graphics/ltgray.gif) 0 0 repeat; border: 1px solid #bebebe; z-index: 10; }
#news { margin-right: 10px; }
#events { margin-top: 10px; }
#events h3{text-align:center;font-size:100%;}
#main img { float:  left; margin: 6px 10px 6px 0; }

div#nav { width: 240px; position: relative; top: 40px; left: 0; font-family: Arial; margin-bottom: 50px; z-index: 0; }
div#nav ul, div#nav ul ul { position: relative; float: left; list-style: none; width: 100%; margin: 0 0 20px; padding: 0; border-top: 1px solid #bebebe;}
div#nav li { position: relative; float: left; width: 190px; font-size: 95%; line-height: 1.2em; margin: 0; padding: 0; background-color: transparent; background-image: none; }

div#nav ul ul { position: absolute; width: 90%; top: -10px; left: 55%; border: 1px solid #25a; border-bottom: 0; margin: 5px 0 5px 60px; /*  supposed to create "sticky hovering" zones for dropdowns */ }
div#nav li li { width: 100%; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #25a;}

div#nav a { text-decoration: none; display: block; color: #25a; border-bottom: 0; padding: 3px 6px 3px 20px; background-color: transparent; }
div#nav a:visited { color: #669; }
div#nav li li a, div#nav li li a:hover { background-color: #fff; padding-left: 6px; }

/* pullouts start here */
div#nav ul li ul { display: none;}
div#nav ul li:hover ul { display: block; }
div#nav ul#study { background: url(../graphics/bp-nav-study.gif) 195px 4px no-repeat; position:auto;z-index: 30; }
div#nav ul#classes { background: url(../graphics/bp-nav-classes.gif) 195px 4px no-repeat;position:auto; z-index: 20; }
div#nav ul#joinus { background: url(../graphics/bp-nav-joinus.gif) 195px 4px no-repeat;position:auto; z-index: 10; }

#descr .descr, #bios .bios, #wellness .wellness, #anatomy .anatomy, #course .course, #leslie .leslie, #amy .amy, #enroll .enroll, #workshops .workshops, #openworkshops .openworkshops, #aboutus .aboutus, #membprice .membprice, #nonprof .nonprof, #donate .donate, #contact .contact, #newsesutra .newsesutra, #bmcyoga .bmcyoga, #bbp .bbp, #rent .rent, #book .book, #teach .teach, #enroll .enroll, #map .map, div#nav a:hover { background: #fff url(../graphics/urhere.gif) 0 0 no-repeat; color: #f00;}
div#nav li a:hover li a, div#nav li li a:hover { background-color:#FFFFFF; }
div#nav ul#study li, div#nav ul#joinus li,div#nav ul#classes li { background-color: transparent; }/* the only way I can get the parent bg transp. */

#intro { border: 1px solid #bebebe; border-width: 1px 0; width: 210px; margin: 0 0 20px; padding: 10px 9px 10px 20px; }
#intro p { font-size: 90%; line-height: 2em; margin-bottom: .5em; }

.promo { border: 1px solid #25a; margin: 10px 0; background-color: #fff; }
#topun { width: 340px; height: 196px; margin-top: -10px; overflow: hidden; }
/* url(../graphics/bpbAdBG.jpg) 50% 50% no-repeat; */
#topun img { padding: 0; display: block; }
.promo p, .promo h1, .promo h2, .promo h3, .promo h4, .promo h5, .promo h6 { padding: 0 1em; border-bottom: 0; color: #555; }
.promo p { font-size: 90%; color: #444; }
.promo img { padding: 3px 1em 1px 0; }

.fl, #workshops #solo img { float: left; margin-right: 8px; }
.ctr {display: block;margin-left: auto;margin-right: auto;width:450px;padding:10px;}
.hey { text-transform: uppercase; }

img#logo { margin: 30px 0 0 40px; }
img#tbp { margin: 30px 0 0 90px; }
img#tag { position: absolute; top: 35px; left: 620px; }
img#giveline { margin: 30px 98px 0 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
#home h1 a, #home h2 a { color: #ed1f24; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { border-bottom: 1px solid #555; background-color: #efefef; }
/*#course h2, .workshopAS {
	color: #ed1f24;
	font-weight: bold;
	font-size: 13px;
	text-transform:none;
}*/
.bullet li {
	background:none;
	margin-left:20px;
	list-style-type: disc;
	padding-left:5px;
}
.bullet ul {
	padding:0px;
	margin:0px;
}
.advstudy {text-transform:uppercase;color:#ed1f24;}
.emph {color:#ed1f24;}
.coursename {text-transform:uppercase;}
.sswEm {font-weight:600;}
img, img a:link, a:link img, a:visited img, a:hover img, a:visited:hover img, img a:hover { text-decoration: none; background: transparent; border: 0; }

#rightBox { float: right; display: inline; width: 40%; border: 1px solid #bebebe; margin: 3px 0px 3px 10px; padding: 6px;background: url(../graphics/ltgray.gif) 0 0 repeat; }

/* callout */
#grayBox { float: left; display: inline; width: 40%; border: 1px solid #bebebe; margin: 3px 10px 3px 0; padding: 6px; }

/* banner */
#banner { float: right; width: 50%; margin: 10px 0px; padding: 10px; background: url(../graphics/ltgray.gif) 0 0 repeat; border: 1px solid #bebebe; }
.clrRight {clear:right;}
/* calendar */
.blurb { border: 1px solid #bebebe; margin: 3px 0px 3px 10px; padding: 6px;background: url(../graphics/ltgray.gif) 0 0 repeat; }
table#calendar { background-color: white; font-size: 88%; line-height: 120%; color: black; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #999; }
table#calendar a, table#calendar a:link { margin: 0; padding: 0; text-decoration: underline; border: 0; }
tr#title th { background: #e7e7e7; padding: 3px; width: 14%; border-style: solid; border-width: 1px; border-color: #ccc #999 white #ccc; }
tr#days th, table#calendar td { border-style: solid; border-width: 1px; border-color: #ccc #999 white #ccc; }
tr#days th { background-color: #603; color: white; text-align: center; padding: 2px; }
table#calendar td { vertical-align: top; padding: 2px 2px 8px; }
tr#days th.mon, table#calendar td.mon { border-left: 1px solid #ccc; }
.sat, .sun, .cred { background-color: #e7e7e7; }
span.time { display: block; padding: 0; }
.schedAS, .schedAS h2, .schedAS a:link, .schedAS a:visited {color:#ed1f24;}
.sched3 {color: #000066}
/* price schedule */
table.prices { font-size: 95%; margin: 10px 0; padding: 0; border: 1px solid #900; text-align: center; width: 100%; clear: both; }
table.prices th, table.prices td.quantity { font-weight: bold; background-color: #603; color: white; text-align: center; text-transform: uppercase; padding: 2px 6px; border-right: 1px solid #900; }
table.prices td { border: 1px solid #900; border-width: 1px; text-align: center; padding: 2px; }
table#courses {
	background-color: white;
	font-size: 90%;
	line-height: 120%;
	width: 80%;
	margin: 0;
	padding: 0;
	border:none;
	border-collapse:collapse;
	margin-left: 10%;
	text-align:center;
}
table#courses a, table#courses a:link { margin: 0; padding: 0; text-decoration: underline; border: 0; }
table#courses td,table#courses th {
	vertical-align: bottom;
	padding: 5px;
	border:1px solid #999999;
	margin:0px;
}
table#courses th {
	text-transform:uppercase;
}
th.col1 {
	width: 45%;
}
div.rule { line-height: 1px; margin: .5em 0; padding: 0; width: 100%; border-bottom: 1px solid #ccc; }
.clearer { clear: both; margin: 2px 0; }
.noclear {clear:none;}
.nolist {list-style:none;}
.bullet {padding-left:20px;}
.ctrImage {text-align:center;padding:0px 15px;}
.floatRt {float:right;}
.clearLt {clear:left;}
.info { font-size:85%;}
.info a:link, .info a:visited, .info a:hover { border-bottom: 1px solid #555; color:#25a; background-color:
}
.bio1 {float:left;padding:0px 5px 0px 0px;margin:0;}
.bio2 {float:left;margin:0px;padding:0;}
.bio2 h3 {padding-top:5px;margin:0;}
.fullbio {font-size:85%;font-family: Arial, Helvetica, sans-serif;color:#555;padding-left:15px;
}
.biorule {clear:left;margin:10px 0px;border-bottom: 1px solid #666;width:450px;
}
#fb {margin-left:15px;}
/* popups */
#pop { background-color: #fff; }
#pop #wrap { width: 90%; text-align: center; margin: 0 auto; padding: 0; }
#images { padding: 10px; }
#pop #footer { margin: 2em 1em 1em; padding: 0; font-size: 90%; text-transform: uppercase; }
#pop address { padding-top: 10px; }
.promob {
	margin: 0 0 1.2em;
	padding:.585938% 0 0 .585938% /*6px 0*/;
	border-top:1px solid #ffb539;
	}
.product {
	background-image: url("../images/tint-blue.gif");
	}
.promob {
	padding: 6px;
	}
.promob img {
	border:none;
	}
.promob p {
	font-size:120%;
	margin:0;
	line-height:1.6;
	color:#666;
	}
.promob h4 {
	/*font-family: ronnia-condensed-1,ronnia-condensed-2,sans-serif;*/
	font-weight:400;
	font-size:170%;
	text-transform:none;
	color:#7a003c;
	}
.promob a, .promob a:link,.promob a:visited,.promob a:hover, .promob a:active {
font-weight: 600;
color: #25A;
margin: 0;
padding: 0;
text-decoration: none;	
}
/* * */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {     content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* * */