/*this stylesheet is for you navigation panel*/

#navigator {

}

.housebutton {
line-height: 90%;
}

/*this site with very small letters is set at 100% */
/*this 93% on health form, mine 90% */
.housebutton a {
font-size: 93%;
font-family:  Verdana, sans-serif;
}

/*this 93% on health form, mine 90%  */
.housebutton a:hover {
font-size: 93%;
font-family:  Verdana, sans-serif;
}


/* this part below is for the color on the background, surrounding the buttons. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

/*was transparent; change to  #FDF5E6; fr div-bx2  */
/*was border was transparent; change to solid  */
#navigator {

background-color: #FDF5E6;

border:  solid;

width: auto;
margin-top: auto;
margin-left: 10px;
margin-right: auto;
padding: 2px;
text-align: left;


}

/* want more space between your buttons? just increase the margins
from 1px. Font weight can be bold if you prefer.*/

.housebutton {

font-weight: normal;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}


/* this part is for the colors of your buttons "at rest" so to speak.*/

.housebutton a {

padding: 4px;

text-decoration: none;

display: block;

color:  ##523D66; /*this is where you change the button font color//  #FFFAF0; wiped out top navv and color is too light in the nav #F23D66; is purple-- worked, can see better*/
/* color was #0202ff;   */

background-color: transparent;

border-top: none;
border-left: none;
border-bottom: none;
border-right: none;

}

/*this part is how the buttons look, once the pointer passes over them. */

.housebutton a:hover {

color: #0202ff; /*-----this is where you change the button font color, when the button is hovered over*/

background-color: transparent;
text-decoration:  underline;

border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;

}


#nav ul { 
float: left; 
list-style: none; 
width: 100%; 
padding: 0; margin: 0 0 0 0px; 
height: 30px; 
display: inline;
 text-transform: uppercase;
 }
 #nav ul li { 
display: inline; 
margin: 0; padding: 0;
 } #nav ul li a { 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 15px; 
color: #000;
font: bold 10px/30px Arial, Geneva, sans-serif; 
	text-transform: uppercase; 
text-decoration: none; 
letter-spacing: 1px; 
} #nav ul li a:hover, 
#nav ul li a:active { 

color: #F9F7CC; 
font: bold 12px/30px Arial, Geneva, sans-serif; 
}  


/* ----------------------------------------------------------------------------	*/

/* I  */
/* AJs horizontal drop down top nav */

/* this is what hex color it was 8-2011 #cec9cf; grey */


/*  8-2011 change float left to center - did nothing on top nav*/
     #nav ul {
	float: left;
	list-style: none;
	background: #FFFAF0; /* cream center col */
	width: 100%;		
	padding: 0;	margin: 0 0 0 0px;
	height: 30px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;  /* this is top nav  */
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;
	border-top: none;	
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;	
	border-bottom: none;  /* left nav was changed, lost top nav, went back to purple   */
	color: #523D66;   /* #FFFAF0; changed top nav text to cream / #523D66 - purple  */
	font: bold 10px/30px  Arial, Geneva, sans-serif; 
	text-transform: uppercase; 
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff; 
	background-color: #523D66;
	font: bold;
}





/*  the place where I and bill got the fly-out menu from */
/* http://www.cssplay.co.uk/menus/ul-flyout.html*/
/*http://www.builderbill-diy-help.com/support-files/nav.css*/

/* everytthing below here is the new stuff*/


/*this stylesheet is for you navigation panel*/

#navigator {

}

/* this part below is for the color on the background, surrounding the buttons. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

#navigator {

background-color: transparent;

border: 1px #E5E5E5 solid;

width: 140px;

margin-top: auto;

margin-left: auto;

margin-right: auto;

padding: 5px;

text-align: right;
}

#rssbox {

background-color: #FFFFFF;

border: 1px #E5E5E5 solid;

width: 120px;

margin-top: auto;

margin-left: auto;

margin-right: auto;

padding: 5px; nicholls

text-align: right;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



#backgroundHolder {width:740px; height:490px; padding:10px 0 0 10px; background:none); margin:0 auto;}
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; margin:0 auto;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:#E3E4FA;} 

/* style the <b> element so that is does not affect the size of the link */
.nav a b {background:#E3E4FA; border:1px solid #000; border-color:#E0F6FD #1974EE #1974EE #E0F6FD; color:#000; font-weight:normal; display:block; padding:5px 10px;}
.nav a:hover b {background-color:#1E90FF; color:#000; cursor:pointer;}
.nav .fly .main b {background:#E3E4FA url(http://www.kundalini-yoga-info.com/image-files/14bul3.gif) no-repeat 138px 2px;}
.nav .down b {background:#E3E4FA url(http://www.kundalini-yoga-info.com/14bul3.gif) no-repeat 138px 2px;}

/* HEIGHT */
.nav ul {top:-24px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/*set the link width here*/
.nav .drop,
.nav a {width:150px;}
.nav ul li {max-width:150px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul {left:150px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-129px;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:focus b,
.nav a:active b {background:#1E90FF; color:#000;} /* for tabbing */

/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE5-7 fixes */
.nav .fly {width:100%;}
a:active {}