/* /////// DRUPAL ------- NAVIGATION.CSS ------- \\\\\\\ */
/*
	Author:		Chad Fontaine @ Chameleon Creative
	Author URI:		http://www.chameleoncreative.com/
	Version:		4.0
	Last Revision:	MAY 2012
	Revision By:	Chad Fontaine
	Project:		--------------------
	Description:	Drupal 7 Navigation and dropdown styling only
*/

/*##############################################################################################################################################################################################################
#
#	MAIN NAVIGATION
#
################################################################################################################################################################################################################*/
#navigation { vertical-align: top;}
#navigation ul.menu , #navigation ul.menu li span{ display: inline; margin: 0px; padding: 0px;  list-style: none;}
#navigation ul.menu li , #navigation ul.menu li span{ float: left; position: relative; text-align: left; cursor: default; margin: 54px 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto;}
#navigation ul.menu li a , #navigation ul.menu li span { text-align: left; color: #fff; font: normal 16px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 17px 20px 17px 20px; text-decoration: none;  text-transform: capitalize; display: block; background: url(../images/layout/nav_divider.jpg) no-repeat right top;}
#navigation ul.menu li a:hover,
#navigation ul.menu li a.active{ color: #f5e2d0; text-decoration: none;}



/* _______ DROPDOWNS ___________________________________ */
#navigation ul.menu li ul li a, 
#navigation ul.menu li ul li a:active, 
#navigation ul.menu li ul li a:link, 
#navigation ul.menu li ul li a:visited {  font-family: Arial, Helvetica, sans-serif; display: block; color: #fff; margin: 0px; padding: 2px 5px 2px 5px ; text-align: left; font-weight: normal; font-size: 13px; border-bottom: 1px solid #702b0e; text-transform: inherit; background: #833d18; }
#navigation ul.menu li ul li a:hover,
#navigation ul.menu li ul li a.active {color: #fff; border-bottom: 1px solid #000; background: #702b0e; text-decoration:none; border-top: none; margin: 0px; padding: 2px 5px 2px 5px ;}
#navigation ul.menu li ul { display: none; position: absolute; font-weight: normal; background: #833d18; padding: 0px; margin: 0px;  /*border: 1px solid #083748;*/ }
#navigation ul.menu li>ul, 
#navigation ul.menu li>ol { margin: 0px; padding: 0px; }
#navigation ul.menu li li { display: block; float: none; margin: 0px; padding: 0px; border: 0px none;  }
#navigation ul.menu li:hover ul,
#navigation li.over ul { display: block; margin: 0px; padding: 0px; }

/* _______ SHARED DROPDOWN SIZE AND POSITION ___________________________________ */
#navigation ul.menu li ul, 
#navigation li li {width: 150px;} /* not limited to ems, px acceptable */
#navigation ul.menu li>ul {top: 100%; left: 20px;} /* to move top of dropdown down add padding to the bottom of "ul.menu li a" */
#navigation ul.menu li ul { left: 8px;} /* ie */

/* _______ EXCEPTIONS ___________________________________ */
#navigation ul.menu li.first a { margin-left:20px;}
#navigation ul.menu li.first ul { margin-left:20px;}
#navigation ul.menu li.last a { background:none;}

/* CSS3 */
#navigation ul.menu li a { 
	text-shadow: 0px 0px 3px #5a2b14;  
	/*filter: dropshadow(color=#5a2b14, offx=0, offy=0);*/
}





/*##############################################################################################################################################################################################################
#
#	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:bold 12px/normal Arial, Helvetica, sans-serif; text-align: left;  margin: 0px; padding: 10px 12px 4px 12px; text-decoration: none; text-transform: uppercase; display: block;}
#secondary_navigation ul.menu li a:hover,
#secondary_navigation ul.menu li a.active{ color: #fff; text-decoration: underline;}

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