body
{
background:#606f33;
margin:0px;
}

p, td, th
{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#2f2a26;
}

.chart-white
{
font-size:10px;
color:#ffffff;
}

.chart-black
{
font-size:10px;
}



a:link{color:#400e79; text-decoration:none; }
a:hover{color:#400e79; text-decoration:underline; }
a:active{color:#400e79; text-decoration:none; }
a:active:hover{color:#400e79; text-decoration:underline; }
a:visited{text-decoration:none; }
a:visited:hover{text-decoration:underline; }


#wrap{
width:577;
/*left: auto;
right: auto; 
margin-left:-210px;*/
margin-top:-4px;
border-top: #2f2a26 1px solid;
border-left: #2f2a26 1px solid;
background-color: #f8f1c7;
}

html>body #wrap{
position: relative;
left: auto;
right: auto;
width:569px;
margin-left: 210px;
border-top: #2f2a26 1px solid;
border-left: #2f2a26 1px solid;
background-color: #f8f1c7;
}

#container{
background-color:#9ca468;
margin-top:10px;
width:780px;

}

#free_class
{
	/* "link" will be our container, here div tag */
	/*position:absolute; link-image place,adapt to your needs 
	left: 10px; image dimensions, adapt to your needs 
	top: 166px;/*
	width: 160px;
	height: 128px;	
	background: url(/yogaman/includes/first_class2.gif top left no-repeat;	/* second image place, for second background */
}

#free_class a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 160px;
	height: 128px;
	background: url(/yogaman/includes/first_class2.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #000;
}

#free_class a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/yogaman/includes/first_class2b.gif) top left no-repeat;
	/* second image place, for second background */
}



#navcontainer{
background:#9ca468;
float:left;
width:200px;

}

 #navlist li{
background:transparent;
list-style-type: none;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:-1px;
color:#2f2a26;
width:150px;
border-bottom: 1px solid #3d0179;
}

#navlist li a:link {
	color: #2f2a26;
	text-decoration:none;
	padding: 5px;
	display: block;
}

#navlist li a:visited {
	color: #2f2a26;
	padding: 5px;
	text-decoration:none;
	display: block;
	
}

#navlist li a:hover {
	color: #f8f1c7;
	background-color: #606f33;
	text-decoration:none;
	font-weight: bold;
	display: block;
}

h1{
font-size:18px;
font-weight:bold;
color:#400e79;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

h2{
font-size:14px;
font-weight:bold;
color:#400e79;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

.content{
background-color: #f8f1c7;
padding:18px;
text-align:left;
font: 9pt/14pt Verdana, Arial, Helvetica, sans-serif;
color: #2f2a26;
}

#footer{
background:#f8f1c7;
padding:9px;
text-align:center;
font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

#title{
background: #C0B68F;
text-align:right;
padding:9px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
}

#header{
background-image: url(images/ywt_and_tony.jpg);
background: #9ca468;
width:780px;
height: 200px;
}

#outer{
background: #606f33;
width:820px;
margin:0;
}

.pullquote {
color:#3d0179;
width:150px;
float:right;
width:150px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}