/* /////// ------- 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)
---------------------------------------------------------*/

/* _______1_______ TOP LEVEL ______________ */

/* -------<<<<<<< GALLERY NAVIGATION >>>>>>>-------- */
#gallery_navigation { vertical-align: top; /*!important*/ }
#gallery_navigation ul.menu { display: inline; margin: 0px; padding: 0px;  list-style: none; }
#gallery_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; overflow:hidden;}
#gallery_navigation ul.menu li a {   text-align: center; color: #fff; font: bold 12px/normal Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding:7px 0px 0px 20px; text-decoration: none; text-transform: capitalize; display: block;}
#gallery_navigation ul.menu li a:hover { color: #68ff00; text-decoration: underline;}

#gallery_navigation ul.menu li.first a {  margin-right:58px;}



/* -------<<<<<<< MAIN NAVIGATION >>>>>>>-------- */
#navigation { vertical-align: top; /*!important*/ }
#navigation ul.menu { display: inline; margin: 0px; padding: 0px;  list-style: none; }
#navigation ul.menu li { float: left; position: relative; text-align: left; cursor: default; margin: 0px 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto;/* overflow:hidden;*/}
#navigation ul.menu li a {   text-align: center; color: #fff; font: bold 12px/normal Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding:15px 18px 10px 18px; text-decoration: none; text-transform: capitalize; display: block; background: url(../images/layout/navigation_divider.jpg) no-repeat left bottom;}
#navigation ul.menu li a:hover { color: /*#000*/#89fb41; text-decoration: underline;}

/* _______2_______ NAVIGATION DROPDOWNS _______ */
#navigation ul.menu ul {  padding: 0;   margin: 0; list-style: none; background-color:#0153af; background-image:none;}
#navigation li ul.menu { position: absolute; left: -999em; /* to hide menus because display: none isn't read by screen readers */   }
#navigation li li {  /*height: auto;*/  float: left;}
#navigation ul.menu li li a { padding: 3px 0px 3px 0px ; margin:0px; text-align:left; text-indent:10px; background-image:none;}
#navigation li ul.menu  a {  /*display: block;*/  height: auto; font-weight: bold; font-size: 12px; border: 1px solid #009cdd; border-top:none; text-transform: inherit; background-color: #0153af;  text-align:left; color:#fff; background-image:none;}
#navigation li ul.menu  a:hover {  padding: 3px 0px 3px 0px ; margin:0px;  color: #68ff00; border-bottom: 1px solid #fff; background-color:#03438d;  background-image:none; text-decoration:none;}

/* _______3_______NAVIGATION DROPDOWN SIZE AND POSITION _______ */
#navigation li ul a, #navigation li li, #navigation li ul {  width: 18em;}
#navigation li ul ul {  margin: -1.3em 0 0 13em; }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {  left: -999em; }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {  left: 8px; }


/* _______ EXCEPTIONS _______ */
#navigation ul.menu li.first a { background:none; margin-left:20px;}
#navigation ul.menu ul.menu li.first a { margin-left:0px;}
#navigation ul.menu li.list1 a {}
#navigation ul.menu li.list2 a {}
#navigation ul.menu li.list3 a { background:none; margin-left:290px; }
#navigation ul.menu li.list4 a {}
#navigation ul.menu li.list5 a {}
#navigation ul.menu li.list6 a {}
#navigation ul.menu li.last a {}

/* _______ MENU ATTRIBUTES 2015 _______ */
#navigation ul.menu li a.list3 { background:none; margin-left:290px; }