/* Global Styles */
html, body, p, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

body {
	width: 100%;
	text-align: center;
	background-color: #ffc;
}
ul, ol, li {
	line-height: normal;
}
#pagewrapper{
	margin: 0px;
	width: 750px; 
	min-width: 750px; 
	font-family: "Trebuchet MS";
	text-align: justify;
	height: 600px;
	min-height: 600px;
	background: none;
	}

p {
	text-align: justify;
}

a {
	color: #c00;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	}
	
a:hover {
	color: #900;
	text-decoration: none;
	background-color: #ffc;
	padding: 2px;
	}

.clearit {
	clear: both;
	font-size: smaller;
	border: 0px;
	height: 2px;
	background: none;
}
.red {
	color: #F00;
}
acronym {
	font-size: smaller;
	color: #930;
}
table.classes {
	width: 99%;
	border: 1px solid #030;
	background-color:  #eee;
}
tr.classes {
	text-align: center;	
	font-size: inherit;
	vertical-align: top;
	height: auto;
	min-height: inherit;
	padding-bottom: 3px;
}
th.classes {
	background-color: #ffc;
	color: #030;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
}
td.classes {
	border: 1px solid #030;
}
/****  tabbed pages coding ****/

pre {text-indent: 30px}

	#tabmenu {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu li {
		color: #fff;
		background-color: #ABAD85;
		font: bold .9em "Trebuchet MS", Arial, sans-serif;
		border: 2px solid #366;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none;
		border-left: none;
		border-right: none;
	}
	#tabmenu li {
		border-left:  2px solid #366;
		border-right:  2px solid #366;
	}

	#tabmenu a.active, .active {
		background-color: #fff;
		color: #366;
		padding: 0 5px;
		border-bottom: 0px; }

	#tabmenu a:hover {
		background-color: #033;
		color: #fff; }

	#tabmenu a:visited {
		color: #960; }

	#tabmenu a.active:hover {
		background-color: #ABAD85;
		color: #DEDECF; }

.wraptable {
	padding: 2px;
	margin: 2px;
	border: 1px solid #366;
}

/****** end tabbed browsing dropdown ******/
.padding {
	padding: 0 20px;
}

.padtop {
	padding-top: 5px;
}

.w50 {
	width: 48%}
	
.fleft {
	float: left;
	text-align: left;
}
.fright {
	float: right;
	text-align: left;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

.center {
	text-align: center;
}

.border  {
	border: 1px solid #666;
}

.no-border  {
	border: none;
}

.brdrtop {
	border-top: 1px solid #666;
}

.brdrbtm {
	border-bottom: 1px solid #666;
}
.borderstay {
	border-left: 2px solid #069;
	border-bottom: 1px solid #069;
	padding-left: 2px;
}

.bkgrnd {
	background-color: #fff;
}

.caption {
	font-size: small;
	text-align: center;
}

.hide {
	display:none;
}
.validator {
	float: left;
	border: none;
	height: 16px;
	width: 44px;
}

/* ID Styles */
#background {
	background-image: url("/images/theme/background.gif");
/*	usemap='#tree'*/
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 831px;
}

#wrap {
	width: 99%;
	padding-top: 15px;
}
	
#clearwrap{
	width: 230px;
}
#padding {
	padding: 20px 5px 20px 5px;
	}

#topwrap {
	width: 97%;
	text-align: left;
	padding: 5px;
}
	
#bodywrap {
	padding: 3px;
}

#dateline {
	width: 200px;
	float: right;
	height: 10px;
	text-align: right;
/*	background-color: #039;  #069; 
	border: thin solid #C0DFFD;
*/
	font-family: "trebuchet MS", "Times New Roman";
	font-variant: small-caps;
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	padding-right: 5px;
	color: #fff;
}

#trip {
	width: 355px;
	min-width: 355px;
	margin-top: 0px;
	background-image: URL("/images/theme/trip2008.gif");
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 40px;	
	}
	
#trip a, #trip a:hover {
	color: #ffc;
	border: 0px;
	text-decoration: none;
	font-weight: normal;
	padding: 5px;
	background-color: transparent;
	}

.tree {
	width: 178px;
	float: left;
}
.tree img {
	padding-left: 2px;
	padding-top: 1px;
	border: 0px;
}

#pageName {
	float: right;
	width: 49%;
	margin-top: -3em;
	color: #fff;
	font: 20px "Lucida Handwriting";
	padding-bottom: 1em;
	padding-right: 5px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: right;
	}
#pageName2 {
	margin-top: -6em;
	}
#contentwrap {
	text-align: left;
	height: 560px;
}

#sidebar {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	float: left;
	height: 100%;
	padding-top: 50px;
}

#sidebar {
	width: 180px;
	max-width: 180px;
	height: 200px;
	background-image: url("/images/theme/spacer.gif");
	background-repeat:repeat-x;
	background-position: left;
	height: 600px;
}

#sidenav {
	width: 80px;
	float: left;
	min-height: 150px;
}

#navigation {
	width: auto;
	height: 40px;
}
#navigation a {
	font: 12px "Trebuchet MS";
	color: #366;
	text-decoration: none;
	letter-spacing: .1em;
	}
	
#navigation a:hover {
	color: #930;
	text-decoration: underline;
	}

#bodyText {
/*	margin-left: 200px;*/
	width: 65%;
	max-width: 65%;
	float: right;
	padding: 5px;
	padding-top: 10px;
}

#sidebarText {
	width: 68%;
	float: right;
}

#footer {
	width: 100%;
	float: right;
	text-align: right;
	font-size: xx-small;
}

#padding {
	padding: 20px 5px 20px 5px;
}
	
#weekdays th {
	font:10px "Trebuchet MS";
	color: #fff;
	letter-spacing:.2em;
}

#calheader td {
	font-weight:bold;
	text-align: right;
}

/* Class Styles */

.map {
	width: 50px;
}
.blue {
	background-color: #a4c2c2;
}

.brown {
	background-color: #996;
}
	
.logo, .header {
	font: 18px Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	color: #330;
	letter-spacing: .4em;
	font-weight: bold;
	height: 30px;
	float: left;
	font-variant: small-caps;
}
.header, .stay {
	padding-top: 5px;
	height: 20px;
	color: #033;
}
.stay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.stay p {
	background-color: #fff;
}
.calloutr {
    font: bold 130%  Verdana, Arial, Helvetica, sans-serif;
	/* Georgia, "Times New Roman", Times, serif;*/
    color:  #c93;
    margin: 0;
    padding: 30px 10px;
	text-align: center;
	width: 40%;
	float: right;
}
.calloutl {
    font: bold 130%  Verdana, Arial, Helvetica, sans-serif;
	/* Georgia, "Times New Roman", Times, serif;*/
    color:  #c93;
    margin: 0;
    padding: 30px 10px;
	text-align: center;
	width: 40%;
	float: left;
}

.sidebarText {
	font: 12px georgia;
	color: #366;
	line-height: 18px;
	text-align: left;
	margin-left: 50px;
}

.navText {
	list-style: none;
}

.bodyText {
	font: 12px "Trebuchet MS";
	line-height: 24px;
	color: #033;
}

.yoga img {
	width: auto;
	float: right;
	padding: 15px;
}
	
.subHeader, .india a{
	font: 14px "Trebuchet MS";
	color:  #c60; /* #966;*/
	font-weight: bold;
	font-variant: small-caps;
	line-height: 20px;
	letter-spacing: .2em;
	font-style: italic;
}
.xsmallr{
	font-size: xx-small;
	line-height: 10px;
}

.india {
	text-align: center;
	padding-right: 25px;
}

.navText {
	font: 10px arial;
	color: #330;
	letter-spacing: .1em;
}
	
.calendarText {
	font:11px arial;
	line-height:14px;
	color:#333333;
}
.indent {
	margin-left: 70px;
	list-style: none;
}
#leftnav {
	float: left;
	width: 100px;
}

/******* start curve  **************************/
	#curve {font-size:1em; width:27em; height:27em; padding-right:1em; margin:1em auto;}
	#curve b { font-size:1em; display:block; clear:left; float:left; width:0.5em; height:1em;}
	#curve .lf1 {border-left:1em; border-right:.5em; margin-right:2em;}
	#curve .lf2 {border-left:1.5em; border-right:.5em; margin-right:1.5em;}
	#curve .lf3 {border-left:2em; border-right:.5em; margin-right:1.2em;}
	#curve .lf4 {border-left:2.5em; border-right:.5em; margin-right:1.2em;}
	#curve .lf5 {border-left:3em; border-right:1em; margin-right:01.2em;}
	#curve .lf6 {border-left:4em; margin-right:1em; margin-right:1.6em;}
	#curve .lf7 {border-left:5em; margin-right:1em; margin-right:1.5em;}
	#curve .lf8 {border-left:5.5em; margin-right:1em; margin-right:1.75em;}
	#curve .lf9 {border-left:6em; margin-right:1em; margin-right:1.5em;}
	#curve .lf10 {border-left:6em; margin-right:1em; margin-right:1.55em;}
	#curve .lf11 {border-left:6em; margin-right:1em; margin-right:1.7em;}
	#curve .lf12 {border-left:6em; margin-right:1em; margin-right:1.8em;}
	#curve p {text-align:left; margin:0; color:#633; }/* font-size:1em; line-height:1em; }
	* html #curve p {font-size:1.15em;}*/
	#curve span.ital {font-style:italic;}

/****** end curve ******************/

/******* menu flyout navigation ******/

.menu {
	z-index: 1000;
	font-size: 90%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 110px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
	position: relative;
	background-color: transparent; /*#d4d8bd;*/
	height: 26px;
	font-size: 80%;

}

/* get rid of the table */
.menu table {
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 1000;
	font-size: 1em;
}

/* style the links */
.menu a, .menu a:visited {
	display: block; 
	text-decoration: none;
	height:	25px;
	line-height: 25px;
	width: 109px;
	color: #030;
	text-indent: 5px;
	border-width: 0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:/*#d4d8bd*/transparent; width: 110px; w\idth: 109px;}
/* style the link hover */
* html .menu a:hover {color: #066/*#D49B00 #399*/; background: #cc9;}

.menu :hover > a {
	color: #066;
	font-weight: bold;/* 800; */
	background: #cc9;/*#949e7c;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 111px;
	width: 145px;
}
.menu ul ul li a, .menu ul ul li a:visited {
	width: 148px;
	background-color: #FFC;
}

.menu ul ul li a:hover {
	background-color: #cc9;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility: hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility: visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility: visible;
}


/******* end menu flyout navigation ******/

/**************   CSS Table-like Layout Test **************/
/*
    For the table to display properly across browsers please ensure the following:
        (leftcol width) + (midcol width) + (rightcol width) + (cellpad width) <= 99 %
    And ideally:
        (cellpad width) should be equal to:   100 - (leftcol width + midcol width + rightcol width)
*/

/* Container for the table-like CSS layout (width of table can be adjusted here) */
div.fauxtable { 
	width: 80%;
	padding: 0px; 
	margin: 0px;
	color: #030;
	text-align: justify;
	font-size: 12px;
}
div.linktable { 
	width: 50%;
	padding: 0px; 
	margin: 0px;
	color: #030;
	font-size: 12px;
}

/* left column cell */
div.leftside {
  width: 25%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
	line-height: 14px; 
}

/* middle column cell */
div.middle {
  width: 40%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/* details column cell */
div.details {
  width: 67%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* right column cell */
div.rightside {
  width: 18%;
  float: right;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* formatting for the first style of row in the table */
div.row {
	border-bottom: 1px dotted black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

div.row img {
	border: 0px;
/*	border-bottom: 1px dotted black;*/
	text-align: center;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

/* formatting for the 2nd style of row in the table */
div.row2 {
	border-bottom: 1px dotted black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #F4F4F4;
}

/* formatting for the header row in the table */
div.rowhdr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #CCC;
}
/* formatting for the header row in the table */
div.rowtpr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
	height: 4.5em;
	min-height: 4.5em;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #CCC;
}
div.rowA {
	background: #FFF;
}
/* This spacer causes the container div (timeline) to expand around the floated divs, which is not the default behaviour.
   This should be placed at the beginning and end of each row, inside the row tag.
*/
div.spacer {
  clear: both;
  line-height: 1px; 
  height: 1px;
}

/* This div should be placed between the leftcol and midcol div's */
div.cellpad {
  float: left;
  width: 4%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* Misc formatting */

.colhdr { font-style: italic; font-weight: bold; }


/************* classes *****************/

.section h1, .zsnazzy h1 {
	margin: 0;
	font-family: "trebuchet MS", "Times New Roman";
	font-size: 1.66em;
	font-variant: small-caps;
	font-style: italic;
	padding: 0 10px 5px 10px;
	background-color: transparent;
}
.section p, .zsnazzy p { 
	margin: 0;
	padding: 5px 10px;
	font-size: 10px;
	background: transparent;
}
.section {
	width: 31%;
	float: left;
	margin: .5%;
}

.section4tabs {
	width: 99%;
	float: left;
	margin: .5%;
}

/***************** snazzy borders **********************/

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em; background-color:transparent; }
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; /*background: #d4d4d4;*/ border:0 solid #08c; border-width:0 1px;}


/********* reveal more ************************/
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}


.recipextop, .recipexbottom {display:block; background:transparent; font-size:1px;}
.rb1, .rb2, .rb3, .rb4 {display:block; overflow:hidden;}
.rb1, .rb2, .rb3 {height:1px;}
.rb2, .rb3, .rb4 {border-left:1px solid #08c; border-right:1px solid #08c;}
.rb1 {margin:0 5px; background:#08c;}
.rb2 {margin:0 3px; border-width:0 2px;}
.rb3 {margin:0 2px;}
.rb4 {height:2px; margin:0 1px;}

.recipeboxcontent {display:block; border:0 solid #08c; border-width:0 1px; font-size: small;color: #033;
}

.recipeName, .hotel {
	border: 1px solid #08c;
	border-bottom: none;
	padding: 4px;
	color: #033;
	background-color: #ffc;
}

.procedure {
	list-style: none;
	list-style-image: none;
	padding-left: 3px;
}

.w100{
	width: 99%;
	max-width: 99%;
	min-width: 99%;
}
.w95{
	width: 95%;
	max-width: 95%;
	min-width: 95%;
}

.wade, wade2 {
	width: 60%;
	max-width: 60%;
	min-width: 60%;
	float: right;
	text-align: right;
	margin-right: 15px;
}

.wade2 {
	padding-top: 0px;
}
.w50{
	width: 50%;
	max-width: 50%;
	min-width: 50%;

}

.w40{
	width: 40%;
	max-width: 40%;
	min-width: 40%;
}

.w30 {
	width: 30%;
	min-width: 30%;
	max-width: 30%;
}

.certification {
	width: 20px;
	padding-top: 90px;
	padding-left: 10px;
	z-index: 0;
}

.smcaps {
	font-variant: small-caps;
}

.biggest {
	font-size: large;
}

.bigger {
	font-size: medium;
}

.special {
	background-image: url(/images/image003.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.image {
	width: 200px;
	padding: 2px;
}
.indentsm {
	margin-left: 40px;
	list-style: none;
}

.standout{
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
    color: #c93;
}
schedule {
	margin-left: 60px;
	list-style: none;
}