/* CSS Document */
/*---------Contents of this stylesheet:---------
1.  general html elements  -- replacing browser defaults
2.  main layout divs
3.  styles by section -- sections alphabetical
4.  navigation and special link styles
5.  forms and tables
6.  calendar table styles
7.  images, floats and clears
8.  typography
*/


body{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%;
	background-color:#edf3cd;
	background-image:url(images/bodygradient.jpg);
	background-repeat:repeat-x;
	}
/*---------1.  general html elements  -- replacing browser defaults--------- */

p {margin:10px 0 8px 0;}
h1 {margin:8px 0 12px 0;}
cite {font-weight:bold;}
em {font-style:italic;}

/*---------2.  main layout divs  --------------*/

#wrapper {
	width:800px; 
	margin:10px auto 20px auto;
	position:relative;
	}
#wrap {
	float:left;
	background-color:#d0da9d;
	background-position:top right;
	background-repeat:repeat-y;
	}
.home #wrap {
	background-image:url(images/home_faux_cols.png);
	}
.interior #wrap{
	background-image:url(images/interior_faux_cols.png);
	}
#inner-wrap {
	float:right;
	background-image:url(images/int_right_bg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
	}
#header {
	width:100%; 
	height:116px;
	background-color:#d0da9d; 
	border-bottom:4px solid #5186c4; 
	color:#6c72b6;
	}
#header img {
	position:absolute; 
	z-index:1; 
	top:01px; 
	left:00px;
	}	
#header h1 {
	position:relative;
	top:24px; 
	left:150px;
	}
#header h1 span {
	display:none;
	}
#topnav {
	position:absolute;
	top:6px; right:9px;
	}
.home #content {
	width:655px; 
	float:right;
	background-color:#d0da9d; 
	background-color:transparent;}
.interior #content {
	width:655px;
	float:right;
	}
	
.gutter {
	padding:10px 10px 10px 12px;
	 }
#nav {
	float:left;
	width:142px;
	overflow:hidden;
	background-color:#fde58d;
	color:#49548A;
	letter-spacing:.05em; 
	padding-top:25px;
	 }

#footer { 
	border-top:3px solid #d4652d;
	width:100%;
	font-size:.8em;
	color:#595e98;
	float:left;
	background-color:#d0da9d;  
	}

	 
/*------------------home page divs -----------*/
#banner  {
	background-color:transparent;
	background-image:url(images/fourportraits655.jpg); 
	background-repeat:no-repeat; 
	background-position:top left;
	height:142px;
	position:relative;
	}
#banner2 {
	height:52px; 
	margin:0; 
	border-top:4px solid #5186c4;
	text-align:right; 
	background-color:#d0da9d;
	color:#000; 
	}
#column_texture {
	float:left;
	width:644px;
	margin-left:3px;
	background-color:#fdf9dc;
	background-image:url(images/gradient_top.gif);
	background-position:top left;
	background-repeat:no-repeat;}
#spotlight {float:left;
	width:640px;
	background-color:transparent;
	background-image:url(images/spotlight_bg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	}		
#column_wrapper {
	line-height:1.5em;
	margin-top:0px;
	float:left;
	width:430px;
	border-right:1px solid #eacfc2;
	margin-top:20px;
	}
#c2 {
	border-left:1px solid #eacfc2;
	}	
#c1, #c2 {
	width:49%;
	float:left;
	}
#c3 {
	float:right;
	margin-top:20px;
	width:205px;
	margin-right:4px;
	}
#bodytext  {
	clear:both;
	width:90%;
	padding:16px 21px 16px 22px;
	color: #333333;
	background-color:transparent;
	}

/*------------------------interior page divs ----------------*/
#body {
	width:511px;
	padding-top:0px;
	float:left;
	border:0px solid red;
	clear:none;
	background-color:transparent;
	}
#body .gutter {
	padding:0px 20px 10px 20px;
	}
#sidebar {
	width:144px;
	float:right;
	padding-top:10px;
	}
#sidebar .gutter {
	padding:3px;
	}	



/*---------3.  styles by section -- sections alphabetical--------------   */


#c1 h2, #c2 h2, #c3 h2 {
	padding:0px 20px 8px 0px;
	margin:0;
	display:inline;
	background-image:url(images/red_dot_arrow.gif);
	background-repeat:no-repeat;
	background-position:100% 30%; 
	}

#c3 h2 {background-image:none;
}	

#c1 ul {
	list-style:none;
	padding-left:5px;
	margin-left:0px;
	font-size:.9em;
	}
#c1 ul li,
span.list_item {
	font-weight:bold;
	background-image:url(images/ul_arrow.gif);
    background-repeat:no-repeat;
    background-position:left 55%;
    padding:4px 0 4px 8px;
	line-height:1em;
}
	
#callout {
	padding-top:10px;
	}
	
#body .body-callout p {
	width:100%; 
	background-color:#fde58d;
	padding:8px 0px 0 0 ;
	text-align:right; 
	}

#footer p.footer-left {
	clear:left;float:left;
	text-align:left;
	padding-left:8px;
	padding-bottom:8px;
	margin:0;
	padding-top:0px;
	display:block;
	width:400px;
	
	}
#footer p.footer-right {
	float:right;
	text-align:right;

	padding: 4.7em 12px 18px 0;
	}
#footer p.footer-left span {
	font-size:1.4em; 
	display:block;
	margin-top:33px;
	color:#CC6600;
	}	



#new-reiki-products {
	background-image:url(images/newprodbg.gif);
	background-repeat:repeat-y;
	background-position:top left;
	}

p.first {padding-top:14px;}	
p.quote {
	font-style:italic;
	}
#earthstar p.quote {
        width:200px;
        float:left;
        margin: 5px 25px 5px 0px;
        font-size:1.5em;
        line-height:1.7em;
}
p.quotee {
	text-align:right;
	}
.quote_box p, #callout p {
	padding: 5px 10px 5px 5px;
	 text-align:center;
	 margin:16px 0;
	}

.quote_box  {
	background-image:url(images/open_quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
	
	padding:0px 0px;
	text-align:left;
	}
.quote_box p.quote {
	margin:0px 00px 0px 30px;
	padding-top: 8px;
	padding-right:25px;
	text-align:left;
	background-image:url(images/close_quote.gif);
	background-repeat:no-repeat;
	background-position:100% 100% ;
	/*font-style:normal;*/
	font-size:1.05em;
	color:#2e3a73;
	}
#body .quote_box p.quotee,
.quote_box p.quotee {
	font-size:.8em;
	line-height:1.4em;
	
	padding:0px 0px 10px 9px;
	margin:-0px 0px 10px 260px;
	text-align:left;
	
	}
	#sidebar .quote_box p.quotee,
#nav .quote_box p.quotee{
	
	margin: 10px 5px 10px 0;
	text-align: right;
}
.quotee cite {
	font-weight:normal;
	font-style:italic;
	}
.interior #nav .quote_box,
.interior #sidebar .quote_box  {
	background-image:url(images/open-quote-small.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 0px 0 0;
	text-align:left;
	}	
		
.interior #nav .quote_box p.quote,
.interior #sidebar .quote_box p.quote{
	margin:0;
	padding:5px 8px  0px 16px;
	text-align:center;
	background-image:url(images/close-quote-small.gif);
	background-repeat:no-repeat;
	background-position:100% 100% ;
	font-style:italic;
	
	line-height:1.4em;
	}
.interior .quote_box p.quotee {
	font-size:.8em;
	padding:0 8px 0 0;
	margin:10px 0px 10px 160px;
	text-align:left;
	
	}
.interior #body div.quote_box {
	width:100%;
	margin-left:0px;}
	
#reiki-class-list,
#reiki-teacher-list,
#reiki-payment-list  {
	padding-left:25px;
	}
#reiki-class-list h2,
#reiki-teacher-list h2,
#reiki-payment-list h2 {
	background-image:url(images/ul_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
	}
#reiki-class-list p,
#reiki-teacher-list p,
#reiki-payment-list p {
	margin-top:0;
	}
#reiki-payment-list li {
	line-height:2.2em;
	}
#reiki-payment-list input.image {
	width:86px;
	padding-left:5px;
	position:absolute;
	right:350px;
	vertical-align:middle;
	}
#tagline, #tagline_top {
	clear:both;
	height:66px;
	border-top:3px solid #d4652d;
	background-color:#d0da9d;
	text-align:right;
	padding-right:20px;
	color:#49548A;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:.05em;
	font-size:1.1em;
	}
#tagline {
	width:780px;
	}

#tagline span, 
#tagline_top span {
	font-style:italic;
	font-size:1.2em;
	}
#tagline_top {border:0;}

#tagline .quote_box p.quote {
	width:330px; 
	float:left; 
	padding-bottom:10px;
	}
#tagline .quote_box p.quotee {
	width:300px; 
	float:right; 
	padding-bottom:10px; 
	background-color:white;
	}
.home #tagline {
	float:left; clear:left;
	
	background-color:white;
	padding-bottom:20px;
	}




/*---------4.  navigation and special link styles----------- */

a.no-style,
a.no-style:link,
a.no-style:visited,
a.no-style:hover {text-decoration:none;
cursor:text;
color:#333333;}

#header a,
#header a:link,
#header a:visited {
	text-decoration:none;
	color:#666;
	}
#topnav {
	list-style:none;
	font-size:.8em;
	color:#666;
	z-index:1;
	padding-top:6px;
	}
#topnav li {
	display:inline; 
	float:right;
	padding-right:8px;
	}
	
#column_wrapper #breadcrumbs a,
#column_wrapper #breadcrumbs a:link,
#column_wrapper #breadcrumbs a:visited, 
#column_wrapper #breadcrumbs a:hover
#breadcrumbs a, 
#breadcrumbs a:link,
#breadcrumbs a:visited, 
#breadcrumbs a:hover {
 	color:#993333;
	text-decoration:none;
	font-weight:normal;
	}


.click a{
	padding-left:0px;
	text-decoration:none;
	}
#column_wrapper .click a:link, 
#column_wrapper .click a:visited {
	color:#bb613f;

	}
#column_wrapper .click a:hover {

	text-decoration:none;
	}

#column_wrapper a:link,
#column_wrapper a:visited {
	text-decoration:none;
	/*color:#405171;*/
	color:#5186c4;
	font-weight:bold;
	}
	
#c3 a:link,
#c3 a:visited {
	text-decoration:underline;
	color:#405171;
	}
	
#c3 h2 a:link,
#c3 h2 a:visited {
	text-decoration: none;
}
#column_wrapper a:hover,
#c3 a:hover {
	text-decoration:none;
	}
#c1 a:hover {
    text-decoration:none;
    }
#new-reiki-products ul {
	padding-left:10px;
	}
#new-reiki-products ul li.cat {
	border-bottom:1px solid #e9ccaf;
	}
#new-reiki-products ul ul {
	padding-bottom:10px;
	}
#new-reiki-products ul li ul li {
	background-image:url(images/newprodtriangle.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	margin:0;
	padding-left:10px;
	border:0;
	}
#body h2 a:link,
#body h2 a:visited,
#body h2 a:hover {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	color:#65709d;
	font-size:1em;
	margin-top:0; padding-top:0;
	}	
/*---------4a.  Main navigation styles */

#nav ul {
	font-size:.8em;
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	}
#nav ul ul {
	font-size:1em;
	}
#nav li { 
	padding:0;
	display:inline;
	}
#nav li.sub {
	padding:0 0;
	
	}
#nav li a, 
#nav li a:link, 
#nav li a:visited {
	color:#49548A;
	text-decoration:none;
	padding:6px 0 6px 16px;
	background-image:url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position:3px center ;
	display:block;
	border-bottom:1px solid #747cb9;
	 }
#nav li a:hover {
	color:#FDE48C;
	padding:6px 0 6px 16px;
	background-color:#5b85c2;
	background-image:url(images/triangle2.gif);
	}
#nav ul ul {
	padding:9px 0px;

	background-color:#fff1b1;
	border-bottom:1px solid #747cb9;
	}

#nav ul ul a, 
#nav ul ul a:link, 
#nav ul ul a:visited, 
#nav ul ul a:hover{
	color:#49548A; 
	padding:1px 2px 1px 16px;border:0;
	background-color:#fff1B1;
	background-image:url(images/dash.gif);
	background-repeat:no-repeat;
	background-position:2px center ;
	}
#nav ul ul a:hover {
	text-decoration:underline;
	}

/* ----------controls which subnav appears on each page -----------*/
 #nav ul ul {display:none;}/*This is the line to delete to open all navigation*/
.classes #nav ul #classes_sub ul {display:block;}
.schedule #nav ul #schedule_sub ul {display:block;}
.instructors #nav ul #instructors_sub ul {display:block;}
.history #nav ul #history_sub ul {display:block;}
.products #nav ul #products_sub ul {display:block;}
.healing #nav ul #healing_sub ul {display:block;}
.resources #nav ul #resources_sub ul {display:block;}


#nav a.callout,
#nav a.callout:link,
#nav a.callout:visited,
#nav a.callout:hover {
	background-image:none;
	padding:0 0 0 0;
	background-color:transparent;
	margin:0; border:0;
	margin-left:-10px;
	}
#right_column a.callout,
#right_column a.callout:link,
#right_column a.callout:visited,
#right_column a.callout:hover {
	margin-left:-12px;
	} 	
a.callout img {
	border:0;

	}
#sidebar a.callout img {
	padding-top: 25px;
}
	
#right_column {
	overflow:hidden;
	}

#nav form {margin:30px 0 30px 0px;
	padding:0px;}
		 
input#submit {
	border:0;
	float:right;
	}

#footer ul {
	list-style:none;
	padding-left:8px;
	width:auto;
	margin:5px auto;
	padding-bottom:0px;
	float:none;
	}
#footer li {
	float:left;
	padding:2px 2px;
	}

#footer a {
	text-decoration:none; 
	color:#595e98;
	}






/* ---------5.  forms lists and tables ------------*/

input#pp-view-cart {
	background-color:transparent;
	border:0;
	color:red;
	padding:0;
	width:auto;
	font-size:.8em;
	color:#666;
	}

form {
	padding:0;
	 margin:0;
	
	}
	
input {
	 width:130px;
	 }
input#name {
	margin:8px 0;
	}
.input input.radio {
	width:12px;
	}
td.label {
	text-align:right;
	padding-right:4px;
	vertical-align:text-top;
	}
fieldset {
	border:2px double #eacfc2;
	margin:10px 0;}
legend {
	margin:0 0 8px 10px;
	}
span.label {
	float:left; 
	width:140px; 
	text-align:right;
	clear:both; 
	line-height:1.1em;
	}
.note {
	margin-left:100px;
	}	
.contact input, 
.contact select {
	margin-left:148px; 
	clear:both; 
	position:relative; 
	top:-1.1em; 
	height:1.1em;
	}
.contact select {
	height:1.3em;
	margin: 10px ;
	}	
#buttons {
	margin-top:10px; 
	text-align:center;
	}

#buttons table tr
{
background-color:#f8ffde;

}
#buttons table tr font {
color:#333;}
form hr {
	width:270px; 
	margin:10px  auto;
	}
.input {margin-left:15px;}	
.input input {
	width:190px;
	
	text-align:left;
	padding-left:3px
	}
	
input.checkbox,
span.checkbox {
	width:15px;
	margin-left:60px;
	border:0; 
	}
input.radio {
	width:15px;
	margin-left:60px;
	border:0; 
	} 
input#gift-message {
width:225px;
}
.class-list span {
	}
.class-list span span {
	font-weight:normal;
	font-style:italic;
	}
#comment {
	margin-left:10px;
	}
label.top {
	vertical-align:top;
	}	
tr, td {
	margin:0;
	padding:0;
	}
td.signup {
	padding:30px 0 0 0;
	font-size:.97em;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	}
	
span.signup {
	padding:30px 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	color: #65709d;
	}
#sidebar td.signup {
	padding:40px 0 0 0;
	color:#65709d;
	}
	
#vr-form {
	font-size: 11px; 
	width: 138px; 
	padding:0; 
	border: 1px solid #fee58d; 
	background-color: #fee58d;

	margin-bottom:20px;
	}
#vr-form label {
	 color: #65709d;}
.interior #vr-form {
	border: 1px solid #f8ffde; 
	background-color:#f8ffde; 
background-color:#fdfae0;
	}
#nav table {
	margin:0 20px;
	}
		 
input#submit {border:0;
	width:73px;
	padding-bottom:15px;}	
	
ol.abc {
	list-style:lower-alpha;
	padding-left:20px;
	}
#body ul {
	list-style-type:disc;
	padding-left:20px;
	}


/*---------6.  calendar table styles-------------- */

#schedule caption {display:none;}
#schedule td.month {background-color:#83b0e2;}
#schedule th {background-color:#fee58d;
	border:2px solid white;}
#schedule td {background-color:#fbf2d2;
	border:2px solid white;}
#schedule td, #schedule th {padding:3px;}


/*---------7.  images, floats and clears-------- */
#book_on_green {
        margin-top:14px;}	
.img_right {
	float:right; 
	margin-left:10px;
	margin-bottom:10px; 
	}
.img_left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;

	}
img.indent {
	padding-left:5px;
	}
.img_spotlight {
	float:left;
	margin:15px 10px 10px 0px;
	}
div.img-plus-caption {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	font-size:9px;
	text-align:left;
	}
#c3 hr {clear:left;
	height:0px;
	border:0px;
	color:#FFFFCC;}
p.stay_right {
	margin:18px 0px 0px 102px;
	}
p.spotlight {
	margin-top:15px;
	
	line-height:1.5em;
	}
p.spotlight-right {
	margin-top:15px;
	line-height:1.5em;
	margin-left:92px;
	}	
.img_left_shadow {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.clear {
	clear:both;
	}
.clear-r {
	clear:right;
	}
.clear-l {
	clear:left;
	}
#banner_logo {display:none;
	}
#sidebar img {overflow:hidden;}	
/*-----------8.  Typography ------------------*/

#c1 h2, #c2 h2, #c3 h2, h2.spotlight,
h1.spotlight {
	color:#bb613f;
	font-weight:bold;
	letter-spacing:.05em;
	font-size:1.3em;
	}
	h2.spotlight,
h1.spotlight,
	#c3 h2.spotlight {
	font-size: 1.6em;
	padding: 0;
	color: #bb613f;
}

#c3 div.gutter p {
	padding-bottom: 16px;
	
}
#c3 div.gutter p:after{
	content: <hr class="spotlight" />;
}
#spotlight hr{
height: 0px;
width: 70%;
border-bottom:1px solid #5b85c2;
color: #5b85c2;
}
#c3 h2 {
	color:#5b85c2;
}
#c3 .gutter {
	font-size:.9em;
	}
#c1 p, #c2 p {
	color:#666666;
	font-size:.9em;
	}
#c2 cite {
	color:#405171;
	}
#bodytext h1 {
	line-height:1em;
	}
#bodytext h3 {
font-size:1.4em; font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;}
#bodytext,
#body {
	line-height:1.6em;
	font-size:.9em;
	}
#body h1 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	color:#65709d;
	font-size:1.6em;
	margin-top:0; padding-top:0;
	}
#body h2 {
		font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	color:#65709d;
	font-size:1.3em;
	margin-top:0; padding-top:0;
	}
#body p {
	color:black;
	}
	#body p.quote {
	font-size: 1.2em;
	margin-bottom: 0;
}
	
#body p.quotee {
	margin-top: 0px;
}

#breadcrumbs {
	font-family:Arial, sans-serif;
	font-variant:small-caps;
	font-size:1em;
	color:#666;
	padding-bottom:16px;
	}
#class-costs {padding:4px; border:2px solid #65709d; 
width:190px; float:right; margin:0 0 10px 10px ;}
#class-costs li{list-style-type:none; }
form.input-button {float:right; width:125px;}
div.blurb {width:300px; float:left; clear:both;}
.clear-both {clear:both;}
form#rcg-button td{padding:3px 0;}

#newsflash {
	width:340px;
	background-color:#336699;
	color:white;
	font-size:1.2em;
	position:absolute;
	top:260px;
	left:142px;
	text-align:center;
	padding:8px;
}


#body .gutter ul {list-style-type:none;}
#body .gutter ul li {
background-image:url(http://learnreiki.org/images/ul_arrow.gif);
	background-repeat:no-repeat;
	background-position: left .4em;
	padding-left:10px;
	}
#body  .gutter ul#site-map li {background-image:none;}