body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 20px;
	background-color: #FFF;
	}	
 
.hide { display: none; }
	
#frame {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 769px;
	text-align: left;
	}

/* TEXT */

#promo a, #maincontent a, #utility a, #footer a, #siteby a {
	color: #369;
	}
	
#promos a { color: #369; }	
a:hover { 
	color: #333; 
	text-decoration: none;
	}
.alternate { color: #F00; }
.alternateNew { color: #008000; }
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	padding: 30px 0 5px 0;
	text-transform: uppercase;
 	}
	
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	color: #333;
 	}

p, h3 { 
	font-size: 11px;
	line-height: 16px;
	color: #333;
	}
	
.blue { color: #2A4582; }
	
p.calltoaction { 
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	padding: 5px;
	color: #333;
	background: #F9F5E4;
	border: 1px solid #ba976a;
	}
	
hr.press { margin: 0 25px 0 20px; }
	
/* Global Navigation */
 
#nav {
	position: relative;
	margin: 0;
	/*padding: 0 0 0 10px;*/ /* Fix Safari Temp */
	padding: 0 0 0 27px;
	background-color: #369;
	height: 28px;	
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;	
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 11px;
	line-height: 18px;
	/*margin: 4px 15px 0 15px;*/ /* Fix Safari Temp */
	margin: 4px 27px 0 0;
	padding-bottom: 2px;
	text-decoration: none;
	border: none;
	color: #fff;
	}
	
#nav a:link.active, #nav a:visited.active, #nav a:hover {
	border-bottom: 4px solid #fff;
	padding-bottom: 2px;
	color: #fff;
	}
	
#content a:link.active, #content a:visited.active, #content a:hover {
	color: #333;
	text-decoration: none;
	}
	
#right div a:link.active, #right div  a:visited.active, #right div a:hover {
	color: #333;
	text-decoration: none;
	}
	
/* Side Navigation */

.sideNavLevel1Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	color: #369;
	text-decoration : none;
}

.sideNavLevel2Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #369;
	text-decoration : none;
}

.sideNavLevel3Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #369;
	text-decoration : none;
}

.sideNavLevel4Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #369;
	text-decoration : none;
}

a:hover.sideNavLevel1Text {color: #333}
a:hover.sideNavLevel2Text {color: #333}
a:hover.sideNavLevel3Text {color: #333}
a:hover.sideNavLevel4Text {color: #333}

a:hover.sideNavLevel1TextOn {color: #333}
a:hover.sideNavLevel2TextOn {color: #333}
a:hover.sideNavLevel3TextOn {color: #333}
a:hover.sideNavLevel4TextOn {color: #333}

.sideNavLevel1TextOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	color : #333;
	text-decoration : none;
}

.sideNavLevel2TextOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color : #333;
	text-decoration : none;
}

.sideNavLevel3TextOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color : #333;
	text-decoration : none;
}

.sideNavLevel4TextOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color : #333;
	text-decoration : none;
}

/* LAYOUT */

#utility {
	text-align: right;
	color: #888;
	font-size: 10px;
	line-height: 25px;
	margin: 0;
	padding-right: 5px;
	border-bottom: 4px solid #999;
	background-color: #fff;
	}
	
#utility a:link.active, #utility a:visited.active, #utility a:hover {
	color: #333;
	text-decoration: none;
	}
	
#header {
	width: 100%;
	height: 73px;
	}
	
#logo {
	margin: 0;
	padding: 0;
	background-color: #2A4582;
	}
	
#quote {
	text-align: center;
	width: 160px;
	font-size: 10px;
	line-height: 14px;
	color: #ddd;
	height: 68px;
	margin: 0;
	padding: 24px 10px 0 15px;
	background-color: #006633;
 	}
	
#promo {
	width: 100%;
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#content {
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: url(../img/bg_content.gif) repeat-y;
	}
	
#content #cw1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	background: url("../img/home/2009/full-default.gif") no-repeat top left;
	}
	
#content #cw1.header-events {
	background: url("../img/home/2009/full-events.gif") no-repeat top left;
	}
	
#content #cw1.header-intro {
	background: url("../img/home/2009/full-newstudents.gif") no-repeat top left;
	}
	
#content #cw1.header-classes {
	background: url("../img/home/2009/full-classes.gif") no-repeat top left;
	}
	
#content #cw1.header-shop {
	background: url("../img/home/2009/full-boutique.gif") no-repeat top left;
	}
	
#content #cw1.header-enews {
	background: url("../img/home/2009/full-enews.gif") no-repeat top left;
	}
	
#content #cw1.header-teachers {
	background: url("../img/home/2009/full-yogateachers.gif") no-repeat top left;
	}
	
#content #cw1.header-yogaclasses {
	background: url("../img/home/2009/full-yogaclasses.gif") no-repeat top left;
	}
	
#content #cw1.header-teachertraining {
	background: url("../img/home/2009/full-teachertraining.gif") no-repeat top left;
	}
	
#content #cw1.header-ourstudio {
	background: url("../img/home/2009/full-ourstudio.gif") no-repeat top left;
	}
	
#content #cw1 #right {
	padding-top: 77px;
	}
	
/* Home Page */
	
#mainpromo {
	margin: 0;
	padding: 0;
	width: 225px;
	height: 210px;
	float: left;
	border: 1px solid #fff;
	background-color: #fff;
	}
	
#mainpromo p {
	margin: 5px;
	padding: 0 4px 2px 4px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	}
	
#mainpromo ul {
	list-style: none;
	margin: 0; padding-bottom: 4px;
	padding-left: 10px;
	color: #666;
	}
	
#mainpromo li{
	margin: 0px;
	font-size: 11px;
	color: #666;
	}
	
/*#promos {
	width: 100%;
	padding-bottom: 15px;
	background-color: #fff;	
	border-top: 4px solid #999;	
	}*/
	
#promos {
	width: 100%;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #fff;
	/*border-top: 9px solid #999;*/
	}
	
.promoimg {
	width: 171px;
	float: left;
	padding-left: 28px;
	}
	
.promoimgfirst {
	width: 171px;
	float: left;
	padding: 0;
	}
	
.promoimgthird {
	width: 171px;
	float: left;
	padding-left: 29px;
	}
	
#promoheadlines {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #dfdede;
	height: 24px;	
	border-bottom: 10px solid #fff;	
	}	

.promocontent {
	width: 191px;
	float: left;
	background-color: #fff;
	border-right: 1px solid #dfdede;
	}
	
.promocontent p {
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 21px;	
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	}
	
.promocontent h3 {
	padding: 0;
	margin-left: 16px;
	margin-right: 21px;
	font-size: 11px;
	line-height: 13px;
	color: #369;
	}
	
.promocontent h3 a { text-decoration: none; }
	
.promocontent ul {
	list-style: square;
	margin-top: 0px;
	margin-left: 35px;
	margin-bottom: 0px;
	color: #666;
	}
	
.promocontent li{
	margin: 0px;
	font-size: 11px;
	color: #666;
	}
	
#promo a:link.active, #promo a:visited.active, #promo a:hover {
	color: #333;
	text-decoration: none;
	}
	
/* Basic Pages */
	
#maincontent {
	margin: 0;
	padding: 0;
	width: 570px;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	}
	
#maincontent p {
	font-size: 11px;
	line-height: 15px;
	color: #666;
	}
	
#maincontent ul {
	list-style: square;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #666;
	/*padding: 0;*/
	}
	
#maincontent #teacherPhotos ul {
	padding: 0;
	}
	
#maincontent li {
	margin: 0px;
	font-size: 11px;
	color: #666;
	margin-right: 20px;
	}
	
#maincontent h1, #maincontent p, #maincontent h2, #maincontent h3  { 
	margin: 0 25px 15px 20px;
	}
	
#maincontent h3  { margin: 0 25px 15px 18px; }
	
#maincontent h1 { margin-top: 15px; }
	
#maincontent h3 { 
	margin-bottom: 0;
	color: #2A4582;
	}
	
#maincontent ul.itunes {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#maincontent ul.itunes li {
	padding-left: 40px;
	padding-right: 25px;
	background: url(/img/itunes_icon.jpg) no-repeat top left;
	}
	
/* Teachers */
	
#teacherPhotos {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
	background-color: #FFF;
	}
	
#teacherPhotos td {
	padding: 0 20px 20px 0;
	}
	
.teacherPhoto {
	border: 1px solid #ccc;
	padding: 5px;
	}
	
.teacherPhotoBio {
	border: 1px solid #ccc;
	padding: 5px;
	}
	
#photoGrid p.teacherName {
	margin: 0;
	text-align: center;
	}
	
#teacherPhotos p.bio {
	margin: 0 0 12px 0;
	}
	
#teacherPhotos h2  { 
	margin-left: 0px;
	margin-bottom: 12px;
	}
	
#teacherPhotos ul {
	line-height: 15px;
	margin: 0 0 25px 20px;
	}
	
#teacherPhotos li { margin-bottom: 12px; }
	
/* PHOTOS */

#photoGrid {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
	/*width: 450px;*/
	text-align: left;
	}
	
#photoGrid .photo {
	float: left;
	padding: 0 20px 20px 0;
	}	

#photoGrid a {
	color: #999;
	text-decoration: none;
	border-style: none;
	}

#photoGrid a:hover {
	color: #000;
	}

/* Classes */
	
#schedule {
	padding: 0;
	width: 515px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top: 2px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	}

#schedule th {
	padding: 2px 0 5px 4px;
	font-size: 12px;
	line-height: 15px;
	border-bottom: 1px solid #CCC;
	}
	
.displayday span {
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	text-align: right;
	color: #888;
	}
	
#schedule td {
	padding: 2px 0 4px 4px;
	font-size: 11px;
	line-height: 13px;
	}
	
#schedule td.time { width: 190px; }	
#schedule td.description { width: 170px; }
	
/* Classes */
	
#events {
	padding: 0;
	width: 520px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top: 2px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	}

#events th {
	padding: 2px 0 5px 4px;
	font-size: 12px;
	line-height: 15px;
	border-bottom: 1px solid #CCC;
	}
	
#events td {
	padding: 2px 0 4px 4px;
	font-size: 11px;
	line-height: 13px;
	}
	
#eventDetails p {
	margin: 0 0 12px 0;
	}
	
/* Right Column */
	
#right {
	margin: 0 0 0 2px;
	width: 193px;
	float: left;
	}
	
#right div {
	margin: 10px 0 15px 12px;
	width: 165px;
	border: 1px solid #ccc;
	background-color: #fff;
	}
	
#right p, h3 {
	margin: 5px 10px 5px 10px;
	padding: 2px;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	}
	
#right h3 { color: #2A4582; }
	
#right ul {
	list-style: square;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #666;
	}
	
#right li {
	margin: 0px;
	font-size: 11px;
	color: #666;
	}
	
.crosslink {
	margin-top: 10px;
	border: 1px solid #ccc;
	}
	
#photo {
	width: 541px;
	height: 216px;
	float: left;
	border-right: 1px solid #fff;
	background-color: #fff;
	}
	
/* Footer */
	
#footer {
	text-align: center;
	color: #888;
	font-size: 10px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
	
#footer a {
	color: #888;
	}
	
#siteby {
	text-align: center;
	color: #888;
	font-size: 10px;
	line-height: 15px;
	margin: 0;
	padding-left: 5px;
	background-color: #fff;
	}
	
#footer a:link.active, #footer a:visited.active, #footer a:hover, #siteby a:link.active, #siteby a:visited.active, #siteby a:hover {
	color: #333;
	text-decoration: none;
	}
	
#footer p.social {
	padding-top: 5px;
	margin-right: 20px;
	}
	
#footer p.social a.facebook {
	text-decoration: none;
	color: #696969;
	background: url("../img/facebook_gr_v2.gif") no-repeat center left;
	padding: 4px 15px 4px 22px;
	height: 16px;
	}
	
#footer p.social a.facebook:hover {
	text-decoration: none;
	background: url("../img/facebook_v2.gif") no-repeat center left;
	color: #3B5998;
	}
	
#footer p.social a.twitter {
	text-decoration: none;
	color: #696969;
	background: url("../img/twitter_gr.gif") no-repeat center left;
	padding: 4px 0 4px 22px;
	height: 16px;
	}
	
#footer p.social a.twitter:hover {
	text-decoration: none;
	background: url("../img/twitter.gif") no-repeat center left;
	color: #4B80A9;
	}
	
/* Updates - New CSS */
.announcement, .announcement a { color: #F00; }

/* Updates - New Home */
.promoimg { width: 150px; float: left; padding-left: 5px; }
.promoimgfirst { width: 150px; float: left; padding: 0; }
.promoimglast { width: 150px; float: left; padding-left: 4px; }

#promo p.mmessage {
	background-color: #efefef;
	font-weight: bold;
	padding: 6px 0 8px 0; margin: 8px 0 0 0;
	}
	
#promo p.mmessage a { text-decoration: none; color: #7651A1; }
#promo p.mmessage a:hover { color: #333; }
ul#newslist { margin: 0; padding: 0 0 0 1px; }
ul#newslist li {
	padding: 6px 0 6px 12px;
	font-size: 11px; line-height: 14px;
	color: #333;
	}
	
ul#newslist li a {
	text-decoration: none;
	color: #7651A1;
	}
	
ul#newslist li.odd {
	background-color: #F8F8F8;
	}
	
/* Updates - New Home 2009 */
#callouts img {
	border: none;
	float: left;
	margin-right: 4px;
	}
	
#callouts img.last {
	margin-right: 0;
	}
	
#callouts img.first {
	 margin-left: 5px;
	}
	 
	
.rightimg {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	border: none;
	}