@font-face {
font-family: 'Felt Tip Woman';
src: url('Felt Tip Woman.ttf');
}
@font-face {
font-family: 'Calibri';
src: url('Calibri.ttf');
}
.coffee-title { font-family: "Felt Tip Woman", Helvetica, Arial, sans-serif; }

@font-face {
font-family: 'Papyrus';
src: url('PAPYRUS.TTF');
}
.table-Papyrus { font-family: "Papyrus",sans-serif; }

* { 
margin:0;
padding:0;
}
{ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

img { 
max-width: 100%; 
}
.collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased; 
-webkit-text-size-adjust:none; 
width: 100%!important; 
height: 100%;
font-family: 'Calibri';
}

.banner-adv{
padding: 24px;
background: #000;
color: #FFF;
text-align: center;
}
.banner-adv-bottom {
padding: 5px 24px 0px 24px;

color: #FFF;
text-align: left;
}
/* ------------------------------------- 
	ELEMENTS 
------------------------------------- */
a { text-decoration: none;
font-size: 12px;
color: #909090;}

.btn {
	text-decoration:none;
	color: #FFF;
	background-color: #666;
	padding:10px 16px;
	font-weight:bold;
	margin-right:10px;
	text-align:center;
	cursor:pointer;
	display: inline-block;
}

p.callout {
	padding:15px;
	background-color:#ECF8FF;
	margin-bottom: 15px;
}
.callout a {
	font-weight:bold;
	color: #2BA6CB;
}

table.social {
	
}
.coffee-desc{
font-size: 11px;
color: #000;
}
.social .soc-btn {
	padding: 3px 7px;
	font-size:12px;
	margin-bottom:10px;
	text-decoration:none;
	color: #FFF;font-weight:bold;
	display:block;
	text-align:center;
}
a.fb { background-color: #3B5998!important; }
a.tw { background-color: #1daced!important; }
a.gp { background-color: #DB4A39!important; }
a.ms { background-color: #000!important; }

.sidebar .soc-btn { 
	display:block;
	width:100%;
}

/* ------------------------------------- 
		HEADER 
------------------------------------- */
table.head-wrap { width: 100%;}

.header.container table td.logo { padding: 15px; }
.header.container table td.label { padding: 15px; padding-left:0px;}


/* ------------------------------------- 
		BODY 
------------------------------------- */
table.body-wrap { width: 100%;}


/* ------------------------------------- 
		FOOTER 
------------------------------------- */
table.footer-wrap { width: 100%;	clear:both!important;
}
.footer-wrap .container td.content  p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
.footer-wrap .container td.content p {
	font-size:10px;
	font-weight: bold;
	
}

/* ------------------------------------- 
		TYPOGRAPHY 
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 { font-weight:200; font-size: 44px;}
h2 { font-weight:200; font-size: 37px;}
h3 { font-weight:500; font-size: 27px;}
h4 { font-weight:500; font-size: 23px;}
h5 { font-weight:900; font-size: 17px;}
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}

.collapse { margin:0!important;}

p, ul { 
	margin-bottom: 10px; 
	font-weight: normal; 
	font-size:14px; 
	line-height:1.6;
}
p.lead { font-size:17px; }
p.last { margin-bottom:0px;}

ul li {
	margin-left:5px;
	list-style-position: inside;
}

/* ------------------------------------- 
		SIDEBAR 
------------------------------------- */
.social > ul > li {
    padding-bottom: 4px;
    float: left;
    list-style: outside none none;
}
ul.sidebar {
	background:#ebebeb;
	display:block;
	list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a {
	text-decoration:none;
	color: #666;
	padding:10px 16px;
/* 	font-weight:bold; */
	margin-right:10px;
/* 	text-align:center; */
	cursor:pointer;
	border-bottom: 1px solid #777777;
	border-top: 1px solid #FFFFFF;
	display:block;
	margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}



/* --------------------------------------------------- 
		RESPONSIVENESS
		Nuke it from orbit. It's the only way to be sure. 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
	display:block!important;
	max-width:700px!important;
	 
	clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the .container */
.content {
	max-width:700px;
	 
	display:block; 
}

/* Let's make sure tables in the content area are 100% wide */
.content table { width: 100%; }


/* Odds and ends */
.column {
width: 300px;
float:left;
}
.column tr td { padding: 15px; }
.column-wrap { 
padding:0!important; 

max-width:700px!important;
}
.column table { width:100%;}
.column {
width: 30%;
margin-bottom: 40px;
float:left;
margin-left: 10px;
margin-right: 10px;
}
.column-section {
width: 30%;
margin-bottom: 4px;
float:left;
}
.column-new-1 {
width: 36%;
margin-bottom: 40px;
float:left;
margin-left: 10px;
margin-right: 10px;
}
.column-new-2 {
width: 18%;
margin-bottom: 40px;
float: left;
margin-left: 10px;
margin-right: 10px;
top: 279px;
position: absolute;
left: 277px; 
}
.column-new-3{
width: 36%;
margin-bottom: 40px;
float: left;
margin-left: 10px;
margin-right: 10px;
top: 249px;
position: absolute;
left: 624px;
}
.column-new {
width: 25%;
margin-bottom: 40px;
float:left;
margin-left: 10px;
margin-right: 10px;
}
.column-new-new {
width: 37%;
margin-bottom: 40px;
float:left;
margin-left: 10px;
margin-right: 10px;
}

.content-bg{
padding:76px;
background: #828186 none repeat scroll 0% 0%;
}
.main-sunrise-image{
width: 163px;
position: absolute;
top: 223px;
left: 86px;
}
.success-text{
color: #FFF;
line-height: 125%;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
text-align: center;
background: #00b4f1 none repeat scroll 0% 0%;
padding: 5px 10px 1px;
border-radius: 8px;
}
.author-name{
text-align: right;
font-size: 13px;
font-weight: bold;
margin-bottom: 0px;
}
.vol-class{
text-align: center;
height: 21px;
width: 84px;
border-radius: 90px 90px 0px 0px;
background: #23c3f3 none repeat scroll 0% 0%;
padding: 13px 3px;
margin-top: 8px;
}
.volunteer{
color: #FFF;
line-height: 119%;
font-size: 13px;
font-weight: 700;
text-align: center;
padding-top: 11px;padding-bottom: 4px;
}
.donate-class{
text-align: center;
height: 15px;
width: 85px;
border-radius: 0px 0px 90px 90px;
background: #0083cb none repeat scroll 0% 0%;
padding: 14px 2px;
margin-left: -2px;
margin-top: 0px;
}
.donate{
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 18%;
}
.education-text {
color: #FFF;
line-height: 125%;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
text-align: center;
background: #00B4F1 none repeat scroll 0% 0%;
padding: 5px 10px 1px;
margin: auto 32px;
}
.john-author-name {
text-align: right;
font-size: 13px;
font-weight: bold;
padding-right: 121px;
margin-bottom: 3px;
}
.residantal-text{

color: 00b1e8;
line-height: 125%;
font-size: 21px;
font-weight: 600;
text-align: left;
margin-top: 0px;
margin-bottom: 3px;
}
.residantal-desc{
font-size: 14px;
color: #000;
line-height: 21px;
text-align: justify;
}

.yoga-text{
color: #00B1E8;
line-height: 125%;
font-size: 21px;
font-weight: 600;
text-align: center;
margin-top: 0px;
margin-bottom: 3px;
}
.residantal-desc-bottom{
font-size: 13.5px;
color: 017bc8;
line-height: 21px;
text-align: center;
font-weight: bold;
margin-bottom: -2px;
}
.residantal-desc-bottom-bottom{
font-size: 13.5px;
color: 017bc8;
line-height: 21px;
text-align: center;
font-weight: bold;
margin-bottom: -2px;
}
.direct-text{
color: #E2136E;
line-height: 125%;
font-size: 17px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 3px;
text-align: left;
}
.direct-desc{
font-size: 14px;
color: #000;
line-height: 21px;
text-align: justify;
}
.column-dairect-image-sticker {
width: 40%;
float: left;
margin-right: 5%;
}
.column-dairect-sticker {
width: 55%;
float: left;
}
.table-column{
text-align: center;
font-weight: bold;
color: #FFF;
}
.table-column-item{
text-align: center;
font-weight: bold;
color: #FFF;
}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 10px 20px;
line-height: 1.42857;
vertical-align: top;
border-width: 1px !important;
border-style: solid !important;
border-color: #000 !important;
}
table {
border-spacing: 1.4px;
}
.table-new > tbody > tr > td {
color:#FFF;
text-align:center;
padding: 3px;
}
.table-color{
background-color:#578F60 ; color:#FFF; font-weight:bold;
}
.column-dairect-smily {
width: 85%;
margin-bottom: 40px;
float: left;
margin-left: 5px;
margin-right: 5px;
}
.column-dairect-image-smily {
width: 10%;
margin-bottom: 40px;
float: left;
margin-left: 5px;
margin-right: 5px;
}
.smily{
width: 6%;
margin-bottom: 40px;
float: left;
margin-left: 10px;
margin-right: 10px;
top: 827px;
position: absolute;
left: 653px;
}
.yoga-text-student {
color: #000;
line-height: 125%;
font-size: 25px;
font-weight: 600;
text-align: center;
margin-top: 12px;
margin-bottom: 7px;
}
.header-menu > li{
float: left;
list-style: outside none none;
padding: 2px 19px;
background: transparent none repeat scroll 0% 0%;
border-radius: 11px;
border: 2px solid #00BDF4;
text-align: center;
font-size: 14px;
margin-left: -12px;
}
.header-menu-bottom > li{
float: left;
list-style: outside none none;
padding: 2px 19px;
background: transparent none repeat scroll 0% 0%;
border-radius: 11px;
border: 2px solid #00BDF4;
text-align: center;
font-size: 14px;
margin-left: -12px;
}
.column-dairect{
width:51%;
margin-bottom: 40px;
float:left;
margin-left: 5px;
margin-right: 5px;
}
.column-dairect-new{
width:51%;
margin-bottom: 5px;
float:left;
margin-left: 5px;
margin-right: 5px;
}
.column-dairect-image {
width: 45%;
margin-bottom: 40px;
float:left;
margin-left: 5px;
margin-right: 5px;
}
.column-dairect-image-new {
width: 45%;
margin-bottom: 5px;
float:left;
margin-left: 5px;
margin-right: 5px;
}
.learn-text{
color: #2bbdec;
line-height: 125%;
font-size: 21px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 3px;
text-align: left;
}
.learn-desc{
font-size: 15px;
color: #000;
line-height: 21px;
text-align: justify;
}
.summer-desc{
font-size: 15px;
color: #000;
line-height: 19px;
margin-bottom: 3px;
text-align: justify;
}
.cross-text{
color: #E2136E;
line-height: 125%;
font-size: 17px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 3px;
text-align: left;
}
.cross-desc{
font-size: 14px;
color: #000;
line-height: 21px;
text-align: justify;
}
.reflection-text{
color: #E2136E;
line-height: 125%;
font-size: 17px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 3px;
text-align: left;
}
.reflection-desc{
font-size: 14px;
color: #000;
line-height: 21px;
text-align: justify;
}
.contact-title{
color: rgb(0, 0, 0);font-weight: bold;font-size: 14px;
}
.address-desc{
color: #231F20;
font-size: 15px;
margin-bottom: 6px;
line-height: 19px;
}
.address-desc-bottom{
color: #231F20;
font-size: 15px;
margin-bottom: 0px;
line-height: 18px;
}
.click-class{
color: #000;font-size: 15px;font-weight: bold;
}
.copy-text{
color: #231F20;font-size: 15px;
}
/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear { display: block; clear: both; }


/* ------------------------------------------- 
		PHONE
		For clients that support media queries.
		Nothing fancy. 
-------------------------------------------- */
@media only screen and (max-width: 600px){

a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}

div[class="column"] { width: auto!important; float:none!important;}

table.social div[class="column"] {
width:auto!important;
}
.social .column {width: 100%; margin-left: 0px;
margin-right: 0px;}
}
.tmp-bg{background:url(bg.jpg) center center; }
.inner-tbl{  padding: 20px;  border: 2px solid #d8ca7b;}
.inner-content{border:1px solid #fff;
background: #FFF;
}
.tmp-title{text-align:center;color:#000;}
.main-inner{padding:10px;text-align:left;}
.main-inner > p{font-size: 10px;
font-weight: 300;
line-height: 14px;}
.box-bg{background:url(box-bg.jpg);margin-bottom:10px; padding-top: 35px;}


ul.list{
	padding:0 0 0 15px;
	margin:15px 0 15px 15px;
}
	
ul.list li i{
	margin:0 0 10px 10px !important;
}
	
a.continue-reading{
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color:#000;
	font-style:italic;
}

ul.list li{
	list-style-position:outside;
	color:#007dc5;
}