/* /////// DRUPAL ------- NAVIGATION.CSS ------- \\\\\\\ */
/*
	Author(original):	Chad Fontaine @ Chameleon Creative
	Author URI:		http://www.chameleoncreative.com/
	Version:		2.0
	Last Revision:	May 12 2011
	Revised Made By:	Chad Fontaine
	Project:		-------------
	Description:	Navigation and dropdown styling only
*/

/*--------------------------------------------------------
TABLE OF CONTENTS
	1-- TOP LEVEL (parent level list elements)
	2-- DROPDOWNS (child list elements)
	3-- EXCEPTIONS (over-rides and special cases)
	4-- SECONDARY NAVIGATION
	5-- FIXES 
---------------------------------------------------------*/

/* _______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: center; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto; background:url(../images/layout/x.gif);}
#navigation ul.menu li a {   text-align: center; color: #fff; font: normal 13px/15px Arial, Helvetica, sans-serif; margin: 0px; padding:2px 15px 2px 10px; text-decoration: none; text-transform: capitalize; height: auto; width: auto; display: block; float: left; background: url(../images/layout/nav-divider.gif) no-repeat right 7px;}

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


/* _______2_______ DROPDOWNS _______ 
#navigation ul.menu ul {  padding: 0;   margin: 0; list-style: none;}
#navigation ul.menu li ul { position: absolute;  width: 13.8em;   left: -999em;  }
#navigation ul.menu li li { float: left;   width: 13.8em; margin:0px; padding:0px; background-image:none;}
#navigation ul.menu li ul a { color:#fff; text-align:left; width: 13em; font-weight: bold; font-size: 12px; border: 1px solid #fff; border-top:none; text-transform: inherit; background-color: #104c60;  background-image:none;}
#navigation ul.menu li ul a, #navigation ul.menu li ul a:hover { margin:0px; padding: 3px 0px 3px 5px ;}
#navigation ul.menu li ul a:hover {  color: #104c60; border-bottom: 1px solid #336602; background: #fff;}
#navigation ul.menu li ul ul {  margin: -1.3em 0 0 14em; }
#navigation ul.menu li:hover ul ul, #navigation ul.menu li:hover ul ul ul, #navigation ul.menu li.sfhover ul ul, #navigation ul.menu li.sfhover ul ul ul {  left: -999em; }
#navigation ul.menu li:hover ul, #navigation ul.menu li li:hover ul, #navigation ul.menu li li li:hover ul, #navigation ul.menu li.sfhover ul, #navigation ul.menu li li.sfhover ul, #navigation ul.menu li li li.sfhover ul {  left: -1px; top:50px;}
*/

/* _______3_______ EXCEPTIONS _______ */
#navigation ul.menu li.first a { background: none; margin-right:5px}



/* _______4_______ SECONDARY NAVIGATION _______ */
#secondary_navigation { vertical-align: top; }
#secondary_navigation ul.menu { 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 {   color: #fff; font: normal 12px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 6px 15px 0px 0px; text-decoration: none; text-transform: uppercase; display: block; background:url(../images/layout/x.gif);}

#secondary_navigation ul.menu li.active-trail a,
#secondary_navigation ul.menu li a.active,
#secondary_navigation ul.menu li a:hover { color: #ffcc00; text-decoration: underline;}

/* _______4.1_______ EXCEPTIONS _______ */
#secondary_navigation ul.menu li.first a { display:inline-block; width:117px; float:left; height:26px; margin:0px; padding:0px; text-align:left; text-indent:-2000px; overflow:hidden;}
#secondary_navigation ul.menu li li { display:none;}
#navigation ul.menu li li { display:none;}

/* _______5_______ FIXES _______ */
#navigation ul.menu li:hover { background:url(../images/layout/x.gif);} /* sticky IE7 bug fix */
#navigation ul.menu li { z-index:1000;}