*
{
margin: 0px;
padding: 0px;
}

a:link, a:visited {color:#FFFFFF;}

img{
	border:solid #ffffff 2px;
}
#classes {
	background-image: url(transmission/classes.jpg);
	width: 366px;
	height: 193px;
	margin-left: 20px;
}

#pic1 {
	background-image: url(transmission/mats.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	width: 200px;
	border: 2px solid #4B4B4B;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 50px;
}

body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #383838;
	margin-top: 20px;
	background-color: #B2D1C3;
}

#content
{
	margin: 0 auto;
	width: 791px;
	text-align: left;
}

/* for Internet Explorer */
/*\*/
* html #left #right {
height: 605px;
}
/**/

div#left { 
min-height:605px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

#top
{
	width: 791px;
	background: #B2D1C3 url(transmission/top2.jpg) no-repeat top;
	height: 22px;
}
#map {
	background-image: url(transmission/map.jpg);
	border: 2px solid #4B4B4B;
	width: 275px;
	height: 266px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

#main
{
	width: 771px;
	background-color: #99C0CA;
	padding: 6px;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	min-height: 620px;
	height: auto;
}
	
#back
{
width: 791px;
}

#header {
	height: 260px;
	text-align: right;
	background: #B2D1C3 url(transmission/header1.jpg) no-repeat;		
}

#logo {

width: 771px;
height: 148px;
text-align: left;
padding-top: 20px;
padding-left: 20px;
}


/* --------------------menu------------------------- */

#menu1
{
width: 751px;
height: 70px;
padding-left: 40px;
padding-top: 20px;
background: url(transmission/buttons1.jpg) no-repeat;
}
#menu {
	height: 25px;
}

#menu ul {
	list-style: none;
	margin-left: -5px;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 110px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 10px;
	display: block;
	height: 40px;
}

#timetable {
	margin-left: 18px;
	width: 200px;
	margin-top: 20px;
}
#earlybird {
	background-image: url(transmission/earlybird.jpg);
	height: 64px;
	width: 272px;
	margin-left: 90px;
}
#email {
	margin-left: 10px;
	margin-top: 20px;
}

#autumn {
	margin-left: 18px;
	width: 200px;
	margin-top: 15px;
}

#menu a:hover {
	color: #75A9B8;
}

body#home a#homenav,
body#yoga a#yoganav,
body#shiatsu a#shiatsunav,
body#shop a#shopnav,
body#links a#linksnav,
body#contact a#contactnav{
	color: #86A04E;
}

.dropdown {float:left}
.dropdown dt {
	width:90px;
	font-weight:bold;
	cursor:pointer;
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 13px;
}
.dropdown dt:hover {
	color: #75A9B8;
}
.dropdown dd {position:absolute; overflow:hidden; display:none; z-index:200; opacity:0}
.dropdown ul {width:125px; list-style:none;}
.dropdown li {display:inline}
#yoga_nav .dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	height: 20px;
	color:#333;
	text-decoration:none;
	text-transform: none;
	width:125px;
	font-size: 12px;
	text-align:left;
	padding: 2px;
	background-color: #75A9B8;
	padding-top: 5px;
	padding-left: 3px;
}
#yoga_nav .dropdown a:hover {
	color:#333333;
	background-color: #86A04E;
}
.dropdown .underline {border-bottom:1px solid #b9d6dc; border-left: 1px solid #b9d6dc; border-right: 1px solid #b9d6dc;}


/* -----------------------------right column--------------------------- */

#right
{
	width: 220px;
	float: right;
	background-color: #75a9b8;
	margin-right: 7px;
	height: 530px;
}
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	margin-left: 20px;
	margin-top: 18px;
}
#address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}

#right ul {
	list-style: none;
	margin-bottom: 10px;
}

#right li  {
	padding: 10px;
}
#right a:hover {
	color:#333333;
	}
	
#right a:visited {
	color: #99C0C9;
}

.bot
{
padding: 10px;
}


/* -----------------------------left column------------------------------- */

#left
{
	width: 495px;
	padding: 10px;
	background: url(transmission/calligraphy.jpg) no-repeat right;
	min-height: 605px;
}
#quote {
	background-color: #86A04E;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	filter: alpha(opacity=60);
	text-align: center;
	height: auto;
	padding-bottom: 8px;
}

#left H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #208A06;
}

#left a
{
color: #333366;
text-decoration: underline;
}

#left p {
	margin: 5px;
	padding: 0;
	padding-bottom: 10px;
}

#left h2 {
	margin: 0;
	padding: 0px;
	color: #496706;
	margin-left: 5px;
}

#eventpic {
	float: right;
	margin-left: 8px;
	}
	
#contactform{
	margin-top:10px;
	height: 50px;
	margin-bottom: 20px;
	margin-left: 5px;
}

/* --------------------------submenu------------------------*/
#submenu {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#submenu ul{
	list-style:none;
	padding: 4px;
	display: inline;
}
#submenu ul li{
	font-size: 13px;
	display: inline;
}

#submenu ul li a{
	color: #343434;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	background-color: #86A04E;
	display: block;
	width: auto;
	float: left;
	margin-right: 6px;
	border:1px solid #b9d6dc;
	text-decoration: none;
}

#submenu a:hover{
	background-color: #496706;
	color: #FFFFFF;
	
 }
 
#submenu .extraline{
	margin-top: 5px;
	margin-left: 100px;
}

#submenu .extra{
	margin-top: 5px;
	width: 107px;
}
 
body#yoga a#aboutnav,
body#yoga a#classesnav,
body#yoga a#teachersnav,
body#yoga a#intensivesnav,
body#yoga a#cleansesnav,
body#yoga a#retreatsnav,
body#yoga a#yttnav,
body#yoga a#eventsnav{
	background-color: #39373E;
	color: #FFFFFF;
}


/* -------------------------------footer-------------------------------- */

#footer {
	height: 55px;
	clear: both;
	padding-top: 40px;
	padding-bottom: 30px;
	background: #B2D1C3 url(transmission/bottom2.jpg) no-repeat top;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #333333;
}

#footer a {
	color: #333333;
}
#writing {
	margin-top: 85px;
}

#menu2 li{
	display: inline;
}

#menu2 ul{
    list-style:none;
    margin-left:265px;
}
#menu2 ul li a{
    float:left;
    padding-right:7px;
    color:#000000;
    font-size:100%;
}
#pic2 {
	background-image: url(transmission/light.jpg);
	background-repeat: no-repeat;
	float: right;
	border: 2px solid #4B4B4B;
	width: 100px;
	height: 218px;
	margin-left: 10px;
}
#bali {
	float: right;
	margin-left: 2px;
}
#teachers {
	float: left;
	margin-right: 30px;
	height: 200px;
	width: 120px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#teachers  a  {
	text-decoration: none;
}
