/* /////// DRUPAL ------- NAVIGATION.CSS ------- \\\\\\\ */
/*
	Author(original):	Chad Fontaine @ Chameleon Creative
	Author URI:		http://www.chameleoncreative.com/
	Version:		2.0
	Last Revision:	Aug 21 2012
	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 
	6-- CSS3 
---------------------------------------------------------*/

/* _______1_______ TOP LEVEL ______________ */
#navigation { vertical-align: top; width:/*602*/577px; /*eight: 20px;*/ vertical-align: top; float: left; margin: 70px 25px 0px 0px;}
#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;}
#navigation ul.menu li a {   text-align: center; color: #5f5f5f; font: bold 13px/13px Arial, Helvetica, sans-serif; padding:1px 10px; text-decoration:none; padding: 7px 16px; margin: 0px 0px 0px 4px; height: auto; width: auto; display: block; float: left; background:url(../images/layout/x.gif);}

#navigation ul.menu li a:hover,
#navigation ul.menu li a.active { 
	color: #5f5f5f; 
	padding: 6px 15px;
	text-decoration:none; 
	border: solid 1px #f1f0f0;
}

/* _______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: #ababab;  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: #fff; border-bottom: 1px solid #fff; background: #666666;}
#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: 10px; top:26px;}

/* _______3_______ EXCEPTIONS _______ */

/* _______4_______ SECONDARY NAVIGATION _______ */


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


/* _______6_______ CSS3 _______ */
#navigation ul.menu li a:hover,
#navigation ul.menu li.active-trail a.active { 
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #c9c9c9) ); 
	background:-moz-linear-gradient( center top, #ffffff 5%, #c9c9c9 100% );  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9c9c9');
	  
	  
}

#navigation ul.menu ul.menu li a:hover,
#navigation ul.menu ul.menu li a.active { 
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #666666; 
	background: #666666;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666');
	border: 1px solid #fff; border-top:none;
	 margin:0px; padding: 3px 0px 3px 5px ;
	 color:#fff;
}







#navigation h2 {display: none; } /* ---- to hide "Primary Links" title" ----*/