/* This basically resets the margin and padding on all CSS elements
   It makes things easier when you are doing things cross browser */
@charset "utf-8";
* {
	padding: 0;
	margin: 0;
}
body {
	background: #401a03 url(/images/parchment.jpg) no-repeat center 215px;
	position: relative;
	margin: 0 auto;
	height: 100%;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5B3117;
}
.text {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5B3117;
}

/* ul#menu{margin:0; padding-top:26px; padding-left:51px; list-style:none; clear:both;} */
ul#menu{margin:0; padding-top:26px; padding-left:107px; list-style:none; clear:both;}
#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px;}
#menu li a{background:url('/images/menu.jpg') no-repeat; width:100%; height:100%; display:block;}
            
/* Practice Button */
#menu li.practice{width:88px; height:32px;}
#menu li.practice a{background-position:0px 0px;}
#menu li.practice a:hover{background-position:0px -32px;}
                
/* Philosophy Button */
#menu li.philosophy{width:126px; height:32px;}
#menu li.philosophy a{background-position:-88px 0px;}
#menu li.philosophy a:hover{background-position:-88px -32px;}
                
/* Principles Button */
#menu li.principles{width:112px; height:32px;}
#menu li.principles a{background-position:-214px 0px;}
#menu li.principles a:hover{background-position:-214px -32px;}
                
/* About Button */
#menu li.about{width:82px; height:32px;}
#menu li.about a{background-position:-326px 0px;}
#menu li.about a:hover{background-position:-326px -32px;}

/* Immersion Button */
#menu li.immersion{width:112px; height:32px;}
#menu li.immersion a{background-position:-408px 0px;}
#menu li.immersion a:hover{background-position:-408px -32px;}

/* Classes Button */
#menu li.classes{width:92px; height:32px;}
#menu li.classes a{background-position:-520px 0px;}
#menu li.classes a:hover{background-position:-520px -32px;}

/* Retreats Button */
#menu li.retreats{width:100px; height:32px;}
#menu li.retreats a{background-position:-612px 0px;}
#menu li.retreats a:hover{background-position:-612px -32px;}

/* YurtLand Button */
#menu li.yurtland{width:110px; height:32px;}
#menu li.yurtland a{background-position:-712px 0px;}
#menu li.yurtland a:hover{background-position:-712px -32px;}

/* Gallery Button */
#menu li.gallery{width:76px; height:32px;}
#menu li.gallery a{background-position:-822px 0px;}
#menu li.gallery a:hover{background-position:-822px -32px;}

a {
	color: #3f8000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #444;
/*	text-decoration: underline; */
}
p {
	line-height: 140%;
	padding-bottom: 10px;
}

/* Common to all subpages */
.headimgtxt {
	clear: both;
	display: block;
	text-align: center;
	margin-bottom: 25px;
}
.heading {
	font: bold 14px Verdana, Arial, sans-serif;
	color: #5B3117;
	display: block;
	padding: 3px 0 15px 0;
	margin: 0 auto;
}
.subheading {
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5B3117;
	display: block;
	padding: 0 0 10px 0;
	margin: 0 auto;
	line-height: 150%;
}
.hilite {
	font-weight: bold;
	color: #5B3117;
}
.bull {
	color: #8a6145;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;	
}
.bullet {
	list-style-type: disc;
	color: #000;
	font-size: 16px;
	line-height: 110%;
}
.reset {
	color: #5B3117;
	font-size: 15px;
}
/* Set the width of the website and centre it */
#page_wrapper {
	position: relative;
    margin: 0 auto;
	margin-top: 15px;
	width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.ie6 #page_wrapper {
	left: 10px;
}
#header {
	background-color: #DCC170;
	position: relative;
	display: block;
	width: 1000px;
	height: 180px;
	padding-top: 20px;
	float: left;
}
#content {
	position: relative;
	float: left;
	width: 725px;
	margin: 25px 90px 0 90px;
	padding: 60px 45px 60px 50px;
	height: auto;
	min-height: 1070px; /* forces page height */
}
#footer {
	background-color: #DCC170;
	font: 11px Arial, Helvetica, sans-serif;
	position: relative;
	clear: both;
	display: block;
	width: 1000px;
	height: 140px;
	padding: 0;
	margin: 0 auto;
}
.featurebox {
	background-color: #F9F8EA;
	position: relative;
	display: block;
	padding: 13px 15px 13px 13px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #5B3117;
	border: #5B3117 solid 1px;
}
/* SAFE FONTS */
.arial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.arial_black {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 13px;
}
.comic {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
}
.courier {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}
.impact {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 13px;
}
.lucida_console {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 13px;
}
.lucida_unicode {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}
.palatino {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
}
.tahoma {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
.times {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
}
.trebuchet {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.verdana {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}