/* /////// 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 { display: inline; margin: 0px; padding: 0px;  list-style: none; list-style-image:none; list-style-type:none; list-style-position:outside; float:right;}
#navigation ul.menu li { float: left; position: relative; text-align: left; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto; list-style: none; list-style-image:none; list-style-type:none; list-style-position:outside;}
#navigation ul.menu li a { word-spacing: .2em; text-align: left; color: #033c4f; font: normal 18px/24px 'bebasregular'; margin: 0px 25px 0px 0px; padding:  0px 0px 11px 0px; text-decoration: none; text-transform: uppercase; display: block;}
#navigation ul.menu li a:hover,
#navigation ul.menu li a.active { color: #129795; text-decoration: none; /*background:url(../images/layout/nav-ro-sml.png) no-repeat 0px 0px;*/}

#navigation ul.menu li li a { margin-right:0px;}

/*#navigation ul.menu li ul.menu ul.menu { display:none;}*/

/* _______2_______ DROPDOWNS _______ */
#navigation ul.menu li ul { z-index:1000; position: absolute; left: -999em; height: auto; font-weight: normal; border: 1px solid #CCC; /*border-top: none;*/ margin: 0px 0px 0px -1px; padding: 0px; background:#fff;}
#navigation ul.menu li li a { font-size:14px; text-transform:capitalize; padding: 5px 10px 5px 10px; /*text-indent:10px;*/ line-height: 170%; /*border-bottom: 1px solid #033c4f;*/ /*background: #fff;*/ text-decoration:none;  color:#000;}
#navigation ul.menu li ul, 
#navigation ul.menu li ul a { z-index:1000; width: 190px; w\idth: 190px;/*-- ie 5 hack --*/ }
#navigation ul.menu li ul { width: 210px; w\idth: 210px;}
#navigation ul.menu li ul ul { margin: 0em 0px 0px 200px; top:0px;}

#navigation ul.menu li ul ul { border: 1px solid #ffffff; }

#navigation ul.menu li ul.menu a:hover { background-image: none; text-decoration:none; color: #fff; /*border-bottom: 1px solid #000;*/ background: #1f9796;}
#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: auto; }

#navigation ul.menu li ul.menu ul.menu { border-color:#CCC; z-index:10500;}



/*
#navigation ul.menu li.last:hover ul, 
#navigation ul.menu li li.last:hover ul, 
#navigation ul.menu li li li.last:hover ul { left: -260px; }
*/







/* FIREFOX ONLY 
@-moz-document url-prefix() { 
	#navigation ul.menu li a:hover,
	#navigation ul.menu li a.active{ color: #00dff3; text-decoration: underline; background:url(../images/layout/nav-ro-sml.png) no-repeat 0px 5px;}
}*/

#navigation ul.menu li a.active { text-decoration:none;}




/*##############################################################################################################################################################################################################
#
#	SECONDARY NAVIGATION
#
################################################################################################################################################################################################################*/
#secondary_navigation { vertical-align: top; text-align:right;}

#sprites {  width:410px; float:left; position:relative; top:0px; left:0px; overflow:hidden; margin-top:10px;}
#sprites ul.menu { display: inline; margin: 0px; padding: 0px;  list-style: none; }
#sprites ul.menu li { float: right; position: relative; text-align: left; cursor: default; display: block; height: auto; width: auto; margin:0px; padding:0px; }
#sprites ul.menu li a  { margin:0px; padding:0px; height:48px; display:block; float:left; overflow:hidden; background-image: url(../images/layout/sprites-secondary-nav.png); background-repeat:no-repeat; text-indent:-2000px;  }
#sprites ul.menu li a, 
#sprites ul.menu li a:hover { text-decoration:none;}

#sprites ul.menu li a { width:160px;} 
#sprites ul.menu li.last a { width:140px;} 
#sprites ul.menu li.first a { width:105px;} 

#sprites ul.menu li.active-trail a, 
#sprites ul.menu li a:hover { 	background-position: -140px 	-48px;}
#sprites ul.menu li a { 		background-position: -140px 	0px;}

#sprites ul.menu li.active-trail.last a, 
#sprites ul.menu li.last a:hover { 	background-position: 0px 	-48px;}
#sprites ul.menu li.last a { 		background-position: 0px 	0px;}

#sprites ul.menu li.active-trail.first a, 
#sprites ul.menu li.first a:hover { 		background-position: -300px 	-48px; }
#sprites ul.menu li.first a { 			background-position: -300px 	0px;}




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