/* /////// ------- NAVIGATION.CSS ------- \\\\\\\ */
/* Navigation and dropdown styling only */
/*
	Author(original):	Chameleon Creative - Chad Fontaine
	Author URI:			http://www.chameleoncreative.com/
	Version:			0.1
	Last Revision:		Date
	Revised Made By:	Name
	Project:			Project Name
	Description:		Description
*/

/*--------------------------------------------------------
TABLE OF CONTENTS
	1-- TOP LEVEL (first list elements and parent styling)
	2-- DROPDOWNS (dropdown ul and li styling)
	3-- DROPDOWN SIZE AND POSITION 
	4-- EXCEPTIONS (over-rides and special cases)
	5-- SECONDARY NAVIGATION 
---------------------------------------------------------*/

/* _______1_______ TOP LEVEL ______________ */
#navigation { vertical-align: top; }
#navigation ul.menu { display: inline; margin: 0px; padding: 0px;  list-style: none; }
#navigation ul.menu li { float: right; position: relative; text-align: left; cursor: default; margin: 0px 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto; }

#navigation ul.menu li a { 
text-align: left;  color: #30343e; font: bold 14px/normal Arial, Helvetica, sans-serif; margin: 14px 0px 0px 0px; padding: 0px 0px 15px 30px; 
text-decoration: none; text-transform: capitalize; float: left; position: relative; height: auto; width: auto; display: block;
}

#navigation ul.menu li a:hover, #navigation ul.menu li.active-trail a {color: #142c45; text-decoration: none; cursor:pointer;}

#navigation ul.menu li.expanded li a { background:none;}
#navigation ul.menu li li { float: left; position: relative; text-align: left; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto; }

#navigation ul.menu li.expanded ul.menu { top:45px;}



#navigation,
#navigation ul.menu,
#navigation ul.menu li,
#navigation ul.menu li a { z-index:9999 !important}




/* _______2_______ DROPDOWNS _______ */
#navigation ul.menu ul {  padding: 0;   margin: 0; list-style: none; }
#navigation li ul.menu { position: absolute;  width: 20.8em;   left: -999em; }
#navigation li li {  float: left;   width: 20.8em; background: #cdc2a7;}
#navigation li ul.menu a {  width: 20em;  height: auto; color: #740126; margin: 0px; padding: 2px; text-indent: 10px; border: 1px solid #82775c; border-top:none; text-transform: capitalize; font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}
#navigation li ul.menu a:hover {   padding: 2px; color: #fff; font-weight: bold; margin: 0px;}

#navigation ul.menu li ul.menu li a:hover { background: #82775c;}

#navigation li ul.menu ul {  margin: -1.3em 0 0 13em; }
#navigation li:hover u.menul ul, #navigation li:hover ul.menu ul ul, #navigation li.sfhover ul.menu ul, #navigation li.sfhover ul.menu ul ul {  left: -2000em;  background-image:url(https://www.headache-help.org/sites/all/themes/help_for_headaches/images/layout/transparent.gif);}
#navigation li:hover ul.menu, #navigation li li:hover ul.menu, #navigation li li li:hover ul.menu, #navigation li.sfhover ul.menu, #navigation li li.sfhover ul.menu, #navigation li li li.sfhover ul.menu {  top:25px; left: 30px; background-image:url(https://www.headache-help.org/sites/all/themes/help_for_headaches/images/layout/transparent.gif);}

#navigation ul.menu ul.menu li.active-trail a { background: #82775c; padding: 2px; color: #fff; font-weight: bold; margin: 0px;}



/* _______4_______ EXCEPTIONS _______ */
#navigation ul.menu li.first a { margin-right:40px;}
#navigation ul.menu li li.first a { margin-right:0px;}
#navigation ul.menu li.list1 a {}
#navigation ul.menu li.list2 a {}
#navigation ul.menu li.list3 a { }
#navigation ul.menu li.list4 a {}
#navigation ul.menu li.list5 a {}
#navigation ul.menu li.list6 a {}
#navigation ul.menu li.last a {}

/*#navigation ul.menu li:nth-child(4) a { color:cyan !important}*/
#navigation ul.menu li:nth-child(4) ul,
#navigation ul.menu li:nth-child(4) ul a {  width: 28em !important;}




/* _______5_______ SECONDAYR NAVIGATION ______________ */
#secondary_navigation { vertical-align: top; z-index:9999 !important; position:relative;}
#secondary_navigation ul.menu { z-index:9999; display: inline; margin: 0px; padding: 0px;  list-style: none; }
#secondary_navigation ul.menu li {  float: right; position: relative; text-align: left; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto; }
#secondary_navigation ul.menu li a { text-align: left;  color: #fff; font: bold 12px/normal Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 10px; text-decoration: none; text-transform: uppercase; float: left; position: relative; height: auto; width: auto; display: block;}
#secondary_navigation ul.menu li a:hover { color: #f2b521; text-decoration: underline;}