/* commented backslash hack v2 \*/ 
html, body {height:100%;} 
/* end hack */ 

html, body {
	font: 100% Georgia, "Times New Roman", Times, serif;
}

body { margin:0; padding:0;
	background:white; /*color is for right */
	color: #000000;
	font-size: 80%;
}

/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;border: none;}

/* tables */
table {border-collapse: collapse;border-spacing:0;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #6666FF;
	background: #fff;
	margin-top: .5em;}
h1 { font-size: 2em;margin: 0 0 1em 0;color:#6633FF; }
h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}

a:link {color: #9900FF; text-decoration: underline}
a:visited {color: #6633FF; text-decoration: underline}
a:hover {color: #CC00FF;}
a:active {color: #CC00FF;}

ol, ul, li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}
ul, li	{list-style:  url(images/bullet.gif);}
ol {list-style:   url(images/bullet_white.gif);}
ol.noimg {list-style:   url(images/bullet_white.gif);}

blockquote {margin: .5em 0 .5em 1.5em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:10px 0; }

p { font-size: 1.0em; 
    line-height: 1.3em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}

/***** layout *****/
#header {
	position:absolute;top:0;left:0;
	width:600px; /*100%;  */
	height:120px;}
#headerimg {position:relative; top:30px; left:16px;}

#outer {
	min-height:100%;
	min-width:300px;  /* IE ignores this, external sp.js defines min-width for IE
	                     header and footer do not expand to right as far as right box
	                     so there's a gap when scrolling to the right */
	margin-left:150px; /* match left col width  */
	margin-right:60px; /* no right col */
	background-color:white; /* center bg color */
	color: #000;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	margin-bottom:-10em; /* match footer depth  */
	} 
* html #outer {height:100%} /* for IE as IE treats height as min-height anyway */
#outer.threecol {margin-right:140px; }/* match right col width  */

#clearheader {height:120px;}/* match height of header */

#left {
	position:relative;
	float:left;
	width:150px;
	margin-left:-149px;
	z-index:100;
	left:-1px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
* html #left {padding-bottom:10em;margin-right:-3px;}/*fix gap in IE next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}

/**** nav ****/
#button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 150px;
	list-style: none;}
#button ul {margin:0 0 0 -1px; padding: 0;}		
#button li {
	list-style: none; 
	margin: 0 0 /*10px*/0 0; 
	padding: 0;
	border-bottom:/*10px*/6px white solid;
	background:#6363ff;}
#button li a {
	width: 100%;
	display: block;
	position: relative;
	margin:0;
	padding: 4px 6px 4px 16px;
	color: #63f;
	text-decoration: none;
	font: 12px/14px "Trebuchet MS", Verdana, Arial, sans-serif;
	background:#A7B7E4;}
html>body #button li a { width: auto;}
#button li a:visited { color: #665599;}
#button li a:hover { color: #fff; background:#6633ff;}

#button li a em {color:white;font-size: 10px;font-weight:bold;}

#button ul.newbook li {background:#E4E9FA; color: #63f;} 
#button ul.newbook li a {background:#E4E9FA; color: #63f;} 
#button ul.newbook li a:hover {background:#6666ff;color: #fff;}

#button ul.newbook li.book img { margin:0 0 4px 0;}
#button ul.newbook li.book {background:white; /*color: #9900FF;*/}
#button ul.newbook li.book a {background:white; color: #9900FF;}
#button ul.newbook li.book a:hover {background:white; color: #CC00FF;}

#button p.quote {padding:8px 6px 8px 16px;}


/*******/

#right {
	position:relative; /* ie needs this to show float */
	float:right;
	width:140px;
	margin-right:-139px;/* 1px less than width to push footer down */
	left:1px }
#right p {padding-left:11px; padding-right:4px}
#rightbx {background-color: #FFF9E5;
	border-top: 1px solid #FC3;
	border-bottom: 1px solid #FC3;
	margin: 0 0 0 10px; }
	
/**** footer ****/

#footer {
	clear:both;
	position:relative;
	height: 9em;
	border-top:solid 1px #A5B5EF /*white 20px*/;
	margin: 0;
/*	margin-left: 150px;  match width of vert stripe in bg art */
	background: white;
	color: #000000;
	text-align:center; }
#footer ul, #footer ul li {list-style:  url(images/shim.gif);}

#clearfooter {clear:both;height:10em;} /* match footer height + border */
* > html #clearfooter {float:left;width:100%; height:1px;}/* IEmac */

 #footernav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center; 
	border-top: 10px solid white;     background: white; }

#footernav ul li { display: inline; 
	list-style:none; 
	margin: 0; 
	padding:0;}

#footernav .here, 
#footernav ul li a {
	white-space: nowrap;
	text-decoration: none;
	margin:0;
	padding: 0.2em 0.75em 0.2em 0.5em;
	line-height:2em;
	border-right: 1px solid #6363ff;}

#footernav ul li a:hover {text-decoration:underline;}

#footernav p { line-height:150%;}

#footernav .last { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
.copyright { color: #666; }


/**** content ****/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #content {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#content {position:relative; 
border-left: 60px solid white;
border-bottom: 20px solid white;
     z-index:1;
     min-width:300px;/*background:grey;*/ }
table#intro {              /* home page */
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-bottom: 10px;}
#intro ul { margin: .5em 0 1em 30px;}
#intro li { margin: .5em 0 .6em 0;font-size: 1.2em;}

p.caption {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #6666FF;}
p.caption a {text-decoration: none;}
p.caption a:hover {text-decoration: underline;}
.bigtext {color: #6666FF; font: 3em "Trebuchet MS", Verdana, Arial, sans-serif;}
.quote {clear:right; background:#ECE6FF/*#E3DAFF*/;margin:6px 0; padding:8px 16px;}
.author {font-weight:bold;color:#6666FF; white-space: nowrap; }
.title {font-style: italic;color:#6666FF; }
.titlewhy {font-style: italic;color:#6633FF;font-size: 1.1em; font-weight:bold;}
.titlewhysub1 {font-style: italic;color:#6666FF;font-size: 1.1em; }
.titlewhysub2 {color:#6666FF;font-size: 1.0em; }
.sidebarrt {
	position:relative; /* ie needs this to show float */
	float:right;
	width:140px;
	margin: 0 0 12px 12px;}
.sidebarrtbdr {
	position:relative; /* ie needs this to show float */
	float:right;
	width:140px;
	margin: 0 0 12px 16px;
	padding: 6px 6px 6px 10px;
	border: solid 1px #A7B7E4; }
.bookpic img {border: solid #999 1px; }
.sidebarl {
	position:relative; /* ie needs this to show float */
	float:left;
	width:140px;
	margin: 0 12px 12px 0;}
	
h2.regbutton, h4.regbutton {margin:0; padding:.75em 0;}
.regbutton a { margin:1em; padding: 4px; border: solid 1px #9900FF; text-decoration: none; }
.regbutton a:hover { border: solid 1px #CC00FF; text-decoration: underline; }

 p.buybutton { margin:0; padding:.25em 0;}
.buybutton a { display: block;
	position: relative; 
	font: 1em/1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:0;
	padding: 4px; 
	border: solid 1px #A7B7E4; 
	text-decoration: none; }
.buybutton a:hover { border: solid 1px #CC00FF; text-decoration: underline; }



.spiritualmodel {color:#6666FF; font-weight:bold;display:block;}

table.formtable {margin:10px 0;}
table.formtable td {padding:6px 2px;}
table.formtable td input {border: 1px solid #999;padding:2px; }
table.formtable td input.submitbutton {border: solid 1px #A7B7E4; padding:6px; color: #CC00FF; font-size:1.1em;}
   
/*** etc ***/
.narrow {margin-right:160px;} /* used on workshop_leader_SP  */
.altcolor1 {color:#6666FF;}
.block {display:block;}
.clear { clear: both; margin: 0; padding: 0;}
.txtcenter { text-align: center;}
.txtrt {text-align:right;}
.indent {display:block; margin-left: 10px; margin-top:3px;}
.smaller { font-size: .9em;}
.larger { font-size: 1.1em;}
.nowrap {white-space: nowrap;}
.nobullet { list-style-type: none; margin-top: 15px;}

.red { color: #FF0000;}

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;} /*p.i.e.*/
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html > body #minHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-10em;} /* match footer depth*/
	/*safari wrapper thanks to Tim Connor*/