/* CSS Document */
/*
--------------- EXAMPLE USE -----------------
<div id="qmenu" >
    <ul id="qnav">
        <li><a href="?page_id=12">Treatment</a>
            <ul>

                	<li><a href="?page_id=12">Conditions Treated</a></li>
                	<li><a href="?page_id=13">What is Naturopathy?</a></li>
                	<li><a href="?page_id=14">What is Chinese Medicine?</a></li>
            </ul>
        </li>
        <li><a href="?page_id=8"> About Us</a>
		  <ul>
			<li><a href="?page_id=8">Our Practice</a> </li>
			<li><a href="?page_id=15">Dr. Laura Torgerson</a></li>
			<li><a href="?page_id=18">Dr. Reba Akin</a></li>
			<li><a href="?page_id=17">Dr. Lisa Shaver</a></li>
		  </ul>

        </li>
        <li><a href="?page_id=9">Contact Us </a></li>
        <li><a href="?page_id=11">Our Blog </a></li>
        <li><a href="?page_id=10">Insurance </a></li>
	  <li id="active"> <a href="/">Home</a></li>
    </ul>
</div>

*/



/*-----THESE ARE NECESSARY, PLEASE DON'T CHANGE--------*/


#qmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#qmenu li { /* all list items */
	float: left;
	position: relative;
}

#qmenu li ul { /* second-level lists */
	/* display: none; */
	position: absolute;
	bottom: 3em;
	left: 0;
}

#qmenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#qmenu li:hover ul, #qmenu li.over ul { /* lists nested under hovered list items */
	display: block;
}



/* ----------BEGIN STYLING---------- */

#qmenu {
	position:absolute;
	left: 27px;
	bottom: 12px;
	font-size: 12px;
	padding: 0;
	
}
#qmenu ul {
	margin: 0 0; 
}
	
	
#qmenu ul a { 
	padding:5px 12px 13px;
	height:100%;
	text-decoration:none;
	color:#55575A;

}

#qmenu ul a:hover {
	background: #F8991C;
	color: #fff;
}


#qmenu li { 
}

#qmenu a.selected { 
	background: #F8991C;
	color: #fff;
} 

#qmenu li ul {
	width: 50em;
	margin: 0 0 -10px 16px; /* distance between lines */
	

}
	
#qmenu ul#qnav li ul li {
	float: left;
	display:inline;
	padding: 0 0 0 0;
}

#qmenu li.indic {  /* This sets attrib for line that goes from parent to child */
	width: 10px;
	height: 10px;
	border-left: 2px solid #55575A;
	border-top: 2px solid #55575A;
	padding: 0 0 0 0;
	margin: 9px 0 -9px 9px;
}
	
#qmenu li ul a { 
	background: none;
	padding: 6px 10px 6px;
}
#qmenu li ul li ul li a { 
	background: none;
	padding:6px 10px 5px;
}

#qmenu li ul a:hover {
	background: #F8991C;
	color: #fff;
}
#qmenu li ul a.selected {
	background: #F8991C;
	color: #fff;
}

.bottom {
	background: none;
}
#blogsidebar a {
	width: 200px;
	margin:0;

}
#blogsidebar a:hover {
}

/*
#qmenu ul li ul li ul {
	display: none;
}
*/