/* @override http://mac.local/cmj/css/center-for-mindfulness-and-justice-1.4.css */
/* @group  Reset */

/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */               
 
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#523e78;}
h1 {font-size:1.7em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1;margin-bottom:0.3em;}
h5 {font-size:1em;line-height:1;margin-bottom:0.3em; color: #888;}
h6 {font-size:0.9em;line-height:1;margin-bottom:0.3em; color: #888; font-style: italic;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a {outline: none;}
a img {border: none; text-decoration: none; border: none;}
blockquote {margin:1.5em; font-style:italic; border-left:  1px solid #ccc; padding-left: 1em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {font-size: 1.3em;}
.loud-cufon {font-size: 1.3em;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* generic classes */

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.column {display: inline; float: left;}
.column.right {float: right;}
.w700 {width: 700px;}
.w500 {width: 500px;}
.w400 {width: 400px;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.finder {border: 1px solid red;}
.remove {position: absolute;left: -9999em;} /* for search engines */
.unbullet {list-style: none;}
.plainlist {list-style: none;margin-left: 0;}

/* @end */

/* @group  Global */


/* global styles */

body {
	background-color: #d7ba82;
	background-image: url(../images/bg-middle.jpg);
	background-repeat: repeat-y;
	background-position: -76px 47px;	
	color: #523e78;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
}

#body-upper {
	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: -76px top;
	min-height: 609px;
  	/* IE 6 "Min-Height Fast Hack" */
  	height: 609px;
  	/* IE 6 "Min-Height Fast Hack" */
}

#body-lower {
	background: url(../images/bg-bottom.jpg);
	background-repeat: no-repeat;
	background-position: -76px bottom;
	height:auto !important;
	min-height: 976px;
  	/* IE 6 "Min-Height Fast Hack" */
  	height: 976px;
  	/* IE 6 "Min-Height Fast Hack" */ 
  	position: relative; 
}

body.home {
	background-position: 0 47px;
}

.home #body-upper {
	background-position: 0 top;
}

.home #body-lower {
	background-position: 0 bottom;
}

h2 {
	/* see ie7.css */
	background: #523e78;
	width: 247px;
	font-size: 1.33em;
	line-height: 1.33em;
	color: #eeb15a;
	padding: 0 0 4px 10px;
	margin-bottom: 35px;
	margin-left: -35px;
	padding-left: 35px;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}

.home h2 {
	margin-bottom: 20px;
	margin-left: -41px;
	padding-left: 15px;
	width: 140px;
}


#logo {
	position: absolute;
	top: 40px;
	left: -244px;
	width: 238px;
	height: 237px;
	display: block;
	z-index:2;
	background: url(../images/center-for-mindfulness-and-justice-logo-small.png) no-repeat;
}

.home #logo {
	top: 40px;
	left: -300px;
	width: 249px;
	height: 238px;
	background: url(../images/center-for-mindfulness-and-justice-logo.png) no-repeat;
}

#intro {
	font-size: 1.25em;
	margin-bottom: 45px;
}

.box {
	/* see ie7.css */
	background: url(../images/bg-box.png);
	padding: 25px 35px 20px 35px;
	overflow: visible;
	margin-bottom: 15px;
}

p {
	font-size: 1.1em;
}

a {
	color: #7a8f72;
	text-decoration: none;
}

a:hover {
	color: #eeb15a;
}

a.arrow-link {
	padding-right: 25px;
	background-image: url(../images/arrow-sprite.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

a.arrow-link:hover {
	background-position: right -14px;
}

a.doc-link {
	padding-right: 25px;
	background-image: url(../images/arrow-sprite.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	color: #888;
}

a.doc-link:hover {
	color: #8eba3f;
	background-position: right -14px;
}

#wrapper {
	width: 730px;
	padding: 94px 0 40px 0;
	margin: 0 0 0 250px;	
	position: relative;
}

.home #wrapper {
	margin-left: 304px;
	width: 674px;
}

#footer {
/* 	color: #b29e79;	 */
	color: #7d6c4b;	
	margin-top: -5px;
}

#footer a {
/* 	color: #b29e79;	 */
	color: #7d6c4b;	
}

#footer a:hover {
	color: #b29e79;	
	text-decoration: underline;
}

#footer #credit {
	float: right;
}

#footer #copy {
	float: left;
}

#sidebar-green {
	background: #7a8e72;
	float: right;
	display: inline;
	margin: 20px -35px 20px 20px;
	width: 320px;	
	-moz-border-radius: 50px 0 0 0;
	-webkit-border-top-left-radius: 50px;
	padding: 40px 20px 20px 26px;
	height: 160px;
}

#sidebar-green p {
	color: #fff0be;
	font-style: italic;
}

#sidebar-green.quotes p {
	font-size: 1.2em;
	margin: 60px 20px 20px 26px;
}

.source {
	float: right;
}

.sidebar-wrap {
	float: right;
	display: inline;
	margin: 0 -35px 20px 20px;
	width: 380px;
}

.sidebar-wrap.maples .sidebar-content {
	padding-top: 0;
}

.sidebar-wrap.maples img {
	padding-bottom: 23px;
}

.sidebar-cap {
	background: url(../images/sidebar-yellow-cap.png);
	height: 60px;
}

.sidebar-shoe {
	background: url(../images/sidebar-yellow-shoe.png);
	height: 35px;

}

.sidebar-content {
	background: url(../images/sidebar-yellow-tile.png);
	padding: 57px 30px 0 40px;
	position: relative;
}

.sidebar-content p {
	margin-bottom: 0;
	padding-bottom: 10px;
	font-style: italic;
	line-height: 1.8em;
}

.sidebar-content p.t-author {
	font-style: normal;
	text-align: right;
}


.sidebar-content h3 {
	background: #7a8f72;
	width: 247px;
	color: #fff;
	padding: 0 0 4px 14px;
	position: absolute;
	left: 14px;
	top: -5px;
	text-transform: lowercase;
}

.sidebar-img {
	position: absolute;
	top: -28px;
	right: 27px;
}

#zoom_content {
	padding: 30px 30px 0 30px;
}

#zoom_content p {
	color: #826f57;
}

#share {
	background-image: url(../images/tell-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 44px;
	height: 64px;
	position: absolute;
	top:  0;
	right: -37px;
}


#share:hover {
	background-position: 0 -64px;
	cursor: pointer;
}

#sign-up {
	background-image: url(../images/sign-up-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 96px;
	height: 32px;
	position: absolute;
	left: 17px;
	display: block;
	bottom: 49px;
}

.home #sign-up {
	left: 55px;
}

#sign-up:hover {
	background-position: 0 -33px;
	cursor: pointer;
}

form#donate {
	margin: -10px 0 20px -7px;
}

ul.service-list {
	list-style: none;	
	padding: 0;
}

ul.service-list li {
	margin: 20px;
	font-size: 1.2em;
}

img.right {
	margin: 0 0 20px 20px;
}



.calendar h4 {
	line-height: 1.5em;
}

.news-item {
	border-bottom: 1px solid #e6d8b7;
	padding:  30px 0 10px 0;
}

.news-item.last {
	border-bottom: none;
}

.news-item img {
	margin-bottom: 10px;
}

.home .story { 
	/* see ie6.css */
	overflow: visible;
}

.home .story .asset, .home .story img {
	/* see ie6-7.css */
	float: right;
	display: inline;
	margin-left: 30px;
	margin-bottom: 40px;
	margin-top: -40px;
}

#highlights {
	position: relative;
	padding-bottom:  5px;
}

#highlights p {
	margin-bottom: 5px;
}

#resume {
	display: none;
	font-size: 1.2em;
}

#slides-nav, #resume {
	/* see ie7.css */
	position: absolute;
	top: 27px;
	left: 178px;
}

#slides-nav a {
	font-size: 1.1em;
	text-decoration: none;
	margin: 0 10px 0 0;
	font-weight: bold;
	display: inline-block;
}

#slides-nav a:hover {
	color: #eeb15a;
}

#slides-nav a.activeSlide {
	color:  #eeb15a;
}

#slides-nav #slide-next a {
	background: url(../images/slide-next-sprite.png) no-repeat 0 0;
	width: 13px;
	height: 19px;
	margin-bottom: -5px;
}

#slides-nav #slide-next a:hover {
	background-position: -1px -19px;
}

.resources #zoom_content {
	padding-bottom: 30px;
	font-size: 1.2em;
	color: #826f57;
}

.box#testimonials {
	position: relative;
	padding-bottom: 50px;
}


#testimonial-next {
	position: absolute;
	bottom: 20px;
	right: 35px;
	background: url(../images/next-sprite.png) no-repeat 0 0;
	width: 60px;
	height: 19px;
}

#testimonial-next:hover {
	background-position: 0 -16px;
}

#testimonials p {
	font-style: italic;
}

#testimonials .source {
	font-style: normal;
	margin-top: 10px;
}

.home img.left {
	margin-right: 20px;
	margin-bottom: 20px;
}

.sign-up form {
	margin-top: 50px;
}

.sign-up input {
	margin:  5px 0 20px 0;
}

.news-item h3 {
	margin-bottom: 5px;	
}

#calendar-archive {
	position: absolute;
	top: 181px;
	left: 269px;
}

.quote {
	font-style: italic;
}

#latest img {
	float: right;
	margin:  -40px 0 0 20px;
}

#trainings p {
	margin-bottom: 0;
}

#zoom {
	z-index: 20;
}

.book {
	font-style: italic;
}

.resources #zoom_content #guesthouse-wrap p {
	font-size: 12px !important;
}



/* @end */

/* @group  Nav */


/*##################################
#########   SUPERFISH NAV  #########
##################################*/

#nav {
	position: absolute;
	top: 8px;
	left: -50px;
}

#nav a {
	text-decoration: none;
}

.home #nav {
	left:  -105px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100px; /* left offset of submenus need to match (see below) */
	background: #fff;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:  #523e78;
}

.sf-menu a.section {
	font-size: 14px;
	font-weight: bold;
}

.sf-menu li a:hover {
	text-decoration: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	/* VERTICAL SUBMENU PLCMT */ 
	top: 36px; 
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			0;
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float: left;
}

.sf-menu {
	text-align: right;
}

/* styles for section links */
.sf-menu li.section {
	font-size: 12px;
	line-height: 25px;
	height:  36px;
	text-decoration:none;
	text-transform: lowercase;	
	margin-right: 26px;
	position: relative;
	text-transform: uppercase;
}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #523e78;
}

/* skin for submenu */
.sf-menu li ul {
	background: #fff0be;
	text-align: left;
	padding: 10px 20px 10px 20px;
	width:  180px;
	text-transform: lowercase;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border:  1px solid #efc68c; 
}

.sf-menu li ul#resources-subnav, .sf-menu li ul#about-subnav {
	width:  100px;
}

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour -- also see ie6-css */
	color: #523e78;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	
}


.sf-menu li li a.active, .sf-menu li li a.current:visited  { /* visited pseudo selector so IE6 applies text colour -- also see ie6-css */

color: #7a8f72;

}

.sf-menu li li a.active:hover, .sf-menu li li a.current:visited:hover  { /* visited pseudo selector so IE6 applies text colour -- also see ie6-css */

color: #7a8f72;

}

.sf-menu li li a:hover, .sf-menu li li a:visited:hover {
	color: #7a8f72;
}


.sf-menu li {
	background:	transparent;
}

.sf-menu li li { 
	margin-bottom: 10px;
}

/* not needed at this time
.sf-menu li li li {
	background:		#9AAEDB;
}
*/

/* adds the nav cue to section links li */
.sf-menu li.parent:hover, .sf-menu li.parent.sfHover {
	
}

/* adds the nav cue to section links a */
.sf-menu li:hover a, .sf-menu li.sfHover a, li.current a {
	border-bottom: 1px solid #7c6680;
}

/* removes styling from children a */
.sf-menu li.parent:hover li a, .sf-menu li.parent.sfHover li a {
	border-bottom: none;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

.sf-menu li:hover a.section, .sf-menu a.section:hover, .sf-menu li.current a.section  {

}

.sf-menu li.current a.section  {

}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 122px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	168px; /* match ul width */
	top:	-50px;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* @end */