#container{
background-color:#ffffff;
margin:0 auto;
padding:10px;
width:870px;
}

#demo{
float:left;
background-color:#fff;
padding:0 20px 0 0;
margin:0;
width:690px;
}

.demohead{
font-size:1.3em;
padding:0 0 10px 20px;
margin:0;
color:#444;
}

.paraText {
font-family:"Lucida sans", Arial, sans-serif;
color:#333333;
font-weight:normal;
font-size:11px;
}

body{
font-family:"Lucida sans", Arial, sans-serif;
color:#333333;
font-weight:normal;
font-size:70%;
height:100%;
background-color:#153850;
line-height:1.2em;
margin:0;
padding:40px 0 0 0;
text-align:left;
}

#header{
background:url(images/logo.jpg) no-repeat top;
width:868px;
height:274px;
}

#scrollingDiv{
text-align:left;
width:400px;
overflow:hidden;
padding:0;
margin:0;
}

#scrollingDiv ul li {
padding:0;
margin:0 0 5px 0;
font-size:.9em;
}


img{
border:0;
padding:0;
margin:0;
}

#news{
padding:0px;
margin:5px 0 20px 0;
background-color:#f1f5f8;
}

#news p{
padding:5px 10px;
margin:0;
}

#news .newsHeading{
font-weight:bold;
padding:5px 10px;
margin:0;
}

#right .newsHeading, .newsHeading b{
font-size:12px !important;
padding:5px 10px;
}

#main .newsHeading, .newsHeading b{
font-size:14px !important;
padding:5px 0;
}


#main p font span .byline{
font-size:1.1em !important;
}

#news .date{
font-weight:bold;
padding:5px 10px;
margin:0;
}

#allNews{
background:url(images/dotLineSingle.gif) repeat-x left;
padding:10px 0;
margin:0;
width:400px;
}

#main-testimonials #allNews{
background:url(images/dotLineSingle.gif) repeat-x left;
padding:10px 0;
margin:0;
width:640px;
}

#newsletter-archive{
padding:0;
margin:0 0 20px 0;
background-color:#f1f5f8;
}

#newsletter-archive a{
padding:0 0 0 10px;
margin:0;
background-color:#f1f5f8;
}

.readMore{
text-align:right;
font-size:1em;
padding:5px 10px;
margin:0;
}

.readMore a, a:visited, a:active{
text-decoration:none;
}

.readMore a:hover{
text-decoration:none;
color:#333;
}

#theQuote{
color:#878787;
padding:0px;
margin:5px 0 20px 0;
background-color:#f1f5f8;
}

#theQuote p{
padding:5px 10px;
}

.author{
text-align:right;
font-style:italic;
}

.a-testimonial img{
padding:0 10px 10px 10px;
margin:0;
}

.clear{
clear:both;
}

.right{
float:right;
display:inline;
}

#top{
}

#left{
float:left;
width:190px;
background-color:#fff;
}

#main{
font-family:"Lucida sans", Arial, sans-serif !important;
float:left;
width:400px;
background-color:#fff;
padding:0 20px 0 20px;
margin:0;
}

#main-testimonials{
font-family:"Lucida sans", Arial, sans-serif !important;
float:left;
width:640px;
background-color:#fff;
padding:0 20px 0 20px;
margin:0;
}

#main p, #main p font, #main p span,#main p font i, #main p font b, #main font span, #main font, #main span, #main font a, #main font a:hover, #main font a:visited{
font-family:"Lucida sans", Arial, sans-serif !important;
line-height:16px;
font-size:12px !important;
}

#main-testimonials p, #main-testimonials p font, #main-testimonials p span, #main-testimonials p font i, #main-testimonials p font b, #main-testimonials font span, #main-testimonials font, #main-testimonials span, #main-testimonials font a, #main-testimonials font a:hover, #main-testimonials font a:visited{
font-family:"Lucida sans", Arial, sans-serif !important;
line-height:16px;
font-size:12px !important;
}

#main-photos{
float:left;
width:848px;
background-color:#fff;
margin:0 10px 20px 10px;
padding:0;
}

#main-photos p font{
line-height:1.1em;
}

#right{
float:left;
width:230px;
background-color:#fff;
padding:0 10px 0 0;
margin:0;
}

#right h2{
margin:0 0 15px 0;
padding:0;
}

#footer{
background:url(images/footerBg.gif) repeat-x bottom;
padding:0;
margin:10px 0 0 0;
height:54px;
}

#footerLeft{
padding:25px 0 0 10px;
float:left;
}

#footerRight{
padding:25px 10px 0 0;
float:right;
}

p{
font-size:1em;
padding:0;
margin:0;
}

h1{
font-size:1.6em;
padding:0;
margin:0;
}

h2{
font-size:1.3em;
padding:0 0 10px 0;
margin:0;
color:#444;
}

h3{
font-size:1.1em;
padding:0;
margin:0;
}

h4{
font-size:.8em;
padding:0;
margin:0;
}

h5{
font-size:.6em;
padding:0;
margin:0;
}

h6{
font-size:1.3em;
padding:20px 0 5px 0;
margin:0;
color:#444;
}


a, a:visited, a:active{
text-decoration:underline;
color:#153850;
}

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

#contactInfo{
padding:0 0 20px 0;
}

.email{
padding:5px 0 0 0;
}

.phone{
padding:5px 0 0 0;
}

form {
padding:20px 0 0 0;
margin:0;
}

input{
font-family:"Lucida sans", Arial, sans-serif;
color:#333333;
font-weight:normal;
font-size:1em;
background-color:#fff;
color:#333333;
padding:4px 5px;
margin:0 0 5px 0;
border:#ddd 1px solid;
width:320px;
}

textarea{
font-family:"Lucida sans", Arial, sans-serif;
color:#333333;
font-weight:normal;
font-size:1em;
width:320px;
height:150px;
border:#ddd 1px solid;
padding:3px 5px;
background-color:#fff;
}

label{
width:60px;
float:left;
}

button#send{
background:url(images/sendBg.gif) no-repeat top;
font-family:"Lucida sans", Arial, sans-serif;
color:#fff;
font-weight:normal;
font-size:1em;
width:54px;
height:23px;
margin:5px 0 0 60px;
padding:0 0 1px 0;
border:0;
background-color:#fff;
}

.error{
color:darkred;
padding:10px 0 0 0;
margin:0;
}

ul{
padding:0 0 10px 0;
margin:0;
}

ul li{
padding:5px 0 5px 0;
margin:0;
list-style:none;
}

.thankYou{
padding:20px 0 0 0;
margin:0;
color:darkorange;
}

#signup form{
padding:0 0 20px 0;
margin:0;
}

#signup input{
font-family:"Lucida sans", Arial, sans-serif;
color:#333333;
font-weight:normal;
font-size:1em;
background-color:#fff;
color:#333333;
margin:0;
border:#ddd 1px solid;
width:159px;
float:left;
}

#signup form input#go{
background:url(images/sendBg.gif) no-repeat top;
font-family:"Lucida sans", Arial, sans-serif;
font-weight:normal;
font-size:1em;
color:#fff;
padding:0 0 1px 0;
margin:0;
width:54px;
height:23px;
float:right;
border:0;
}

#newsletter-archive-include{
padding:0px;
margin:-18px;
color:red;
}

#newsletter-archive-include table tr td font ul li {
line-height:20px;
}

/* IMAGE BASED NAVIGATION */
/* background image means the underlying background that the nav sits over. It is not related to the tabs */
#topNav {
	height:25px;
width:868px;
	margin:16px 0 0 0;
	padding:0 0 20px 0;
}

/* padding is to move the nav block around as a whole */
#topNav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#topNav ul li {
	float:left;
	display:block;
	margin:0;
	padding:0;
}

/* width of the nav images. Change this to height for horizontal navs */
#topNav ul li a {
	height:26px;
	display:block;
	margin:0;
	padding:0;
	outline: none;
}

/* this span shifts the original html text list to a far away place for good */
#topNav ul li a span {
	margin-left:-9999px;
	 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    
    /* End IE5-Mac hack */
}

#topNav ul li a span {float:none;}

/* this is the start of the nav items */
/* -------------------------------------------------------------- */

/* the first of the following 3 states is the up state. how high is the nav image. Change to width for horizontal navs */
/* background image refers to the single all-state nav image. Then do starting position */
/* the first number is left/right and the second number is up/down */


#topNav ul li#home {
	width:74px;
	height:26px;
	display:block;
	margin:0;
	padding:0;
	background:url('images/topNav.gif') 0 0 no-repeat;
}

#topNav ul li#home:hover, #topNav ul li#home.sfhover {
	background:url('images/topNav.gif') 0 -40px no-repeat;
}

#topNav ul li#home:active {
	background:url('images/topNav.gif') 0 0px no-repeat;
}

/* -------------------------------------------------------------- */ 

#topNav ul li#calendar {
	width:97px;
	height:26px;
	display:block;
	background:url('images/topNav.gif') -74px 0px no-repeat;
}

#topNav ul li#calendar:hover, #topNav ul li#calendar.sfhover {
	background:url('images/topNav.gif') -74px -40px no-repeat;
}
/* -------------------------------------------------------------- */

#topNav ul li#upcomingIntroTalks {
	width:180px;
	height:26px;
	display:block;
	background:url('images/topNav.gif') -171px 0 no-repeat;
}

#topNav ul li#upcomingIntroTalks:hover, #topNav ul li#upcomingIntroTalks.sfhover {
	background:url('images/topNav.gif') -171px -40px no-repeat;
}

/* -------------------------------------------------------------- */

#topNav ul li#advancedCourses {
	width:162px;
	height:26px;
	display:block;
	background:url('images/topNav.gif') -351px 0 no-repeat;
}

#topNav ul li#advancedCourses:hover, #topNav ul li#advancedCourses.sfhover {
	background:url('images/topNav.gif') -351px -40px no-repeat;
}

/* -------------------------------------------------------------- */

#topNav ul li#photos {
	width:80px;
	height:26px;
	display:block;
	background:url('images/topNav.gif') -513px 0 no-repeat;
}

#topNav ul li#photos:hover, #topNav ul li#photos.sfhover {
	background:url('images/topNav.gif') -513px -40px no-repeat;
}

/* -------------------------------------------------------------- */

#topNav ul li#whatsNew {
	width:99px;
	height:26px;
	display:block;
	background:url('images/topNav.gif') -593px 0 no-repeat;
}

#topNav ul li#whatsNew:hover, #topNav ul li#whatsNew.sfhover {
	background:url('images/topNav.gif') -593px -40px no-repeat;
}

/* -------------------------------------------------------------- */
























/* IMAGE BASED NAVIGATION */
/* background image means the underlying background that the nav sits over. It is not related to the tabs */
#leftNav{
width:177px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
}

#leftNav img{
	margin:0;
	padding:0 0 20px 0;
}

/* padding is to move the nav block around as a whole */
#leftNav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#leftNav ul li {
	float:left;
	display:block;
	margin:0;
	padding:0;
}

/* width of the nav images. Change this to height for horizontal navs */
#leftNav ul li a {
	width:165px;
	display:block;
	margin:0;
	padding:0;
	outline: none;
height:32px;
}

/* this span shifts the original html text list to a far away place for good */
#leftNav ul li a span {
margin-left:-9999px;
	
	 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    
    /* End IE5-Mac hack */
}

#leftNav ul li a span {float:none;}

/* this is the start of the nav items */
/* -------------------------------------------------------------- */

/* the first of the following 3 states is the up state. how high is the nav image. Change to width for horizontal navs */
/* background image refers to the single all-state nav image. Then do starting position */
/* the first number is left/right and the second number is up/down */


#leftNav ul li#whyMeditate {
	width:165px;
	height:32px;
	display:block;
	margin:0;
	padding:0;
	background:url('images/leftNav.gif') 0 0 no-repeat;
}

#leftNav ul li#whyMeditate:hover, #leftNav ul li#whyMeditate.sfhover {
	background:url('images/leftNav.gif') -190px 0 no-repeat;
}

#leftNav ul li#whyMeditate:active {
	background:url('images/leftNav.gif') 0 0px no-repeat;
}

/* -------------------------------------------------------------- */ 

#leftNav ul li#whyVedicMeditation {
	width:190px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -32px no-repeat;
}

#leftNav ul li#whyVedicMeditation:hover, #leftNav ul li#whyVedicMeditation.sfhover {
	background:url('images/leftNav.gif') -190px -32px no-repeat;
}
/* -------------------------------------------------------------- */

#leftNav ul li#theBenefits {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -64px no-repeat;
}

#leftNav ul li#theBenefits:hover, #leftNav ul li#theBenefits.sfhover {
	background:url('images/leftNav.gif') -190px -64px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#thePracticeItself {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -96px no-repeat;
}
#leftNav ul li#thePracticeItself:hover, #leftNav ul li#thePracticeItself.sfhover {
	background:url('images/leftNav.gif') -190px -96px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#meditatorsFAQ {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -128px no-repeat;
}

#leftNav ul li#meditatorsFAQ:hover, #leftNav ul li#meditatorsFAQ.sfhover {
	background:url('images/leftNav.gif') -190px -128px no-repeat;
}

/* -------------------------------------------------------------- */


#leftNav ul li#spacer {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -160px no-repeat;
}

#leftNav ul li#spacer:hover, #leftNav ul li#spacer.sfhover {
	background:url('images/leftNav.gif') -190px -160px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#jeffKoberBio {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -192px no-repeat;
}

#leftNav ul li#jeffKoberBio:hover, #leftNav ul li#jeffKoberBio.sfhover {
	background:url('images/leftNav.gif') -190px -192px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#testimonials {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -224px no-repeat;
}

#leftNav ul li#testimonials:hover, #leftNav ul li#testimonials.sfhover {
	background:url('images/leftNav.gif') -190px -224px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#writings {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -256px no-repeat;
}

#leftNav ul li#writings:hover, #leftNav ul li#writings.sfhover {
	background:url('images/leftNav.gif') -190px -256px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#resources {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -288px no-repeat;
}

#leftNav ul li#resources:hover, #leftNav ul li#resources.sfhover {
	background:url('images/leftNav.gif') -190px -288px no-repeat;
}

/* -------------------------------------------------------------- */

#leftNav ul li#contact {
	width:165px;
	height:32px;
	display:block;
	background:url('images/leftNav.gif') 0 -320px no-repeat;
}

#leftNav ul li#contact:hover, #leftNav ul li#contact.sfhover {
	background:url('images/leftNav.gif') -190px -320px no-repeat;
}

/* -------------------------------------------------------------- */