/* /////// DRUPAL ------- 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 ______________ */
/* -------<<<<<<< MAIN NAVIGATION >>>>>>>-------- */
#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: left; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto;}
#navigation ul.menu li a {   color: #fff; font: normal 12px/normal Verdana, Geneva, sans-serif; margin: 0px; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: capitalize; display: block; background:url(../images/layout/nav_divider.gif) no-repeat right top;}
#navigation ul.menu li a:hover { color: #013d4a; text-decoration: none; background: #fff;}


/* _______2_______ DROPDOWNS _______ */
/* second-level lists */
#navigation ul.menu ul {  padding: 0px;   margin: 0px; list-style: none;  background-image:none; z-index:1000;}
#navigation li ul.menu { position: absolute; left: -999em; /* to hide menus because display: none isn't read by screen readers */  padding: 0px;   margin: 0px; }
#navigation li ul.menu 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 {  height: auto; font-size: 11px; border: 1px solid #fff; border-top:none; text-transform:none; background-color: #51b8b9;  text-align:left; color:#06414f; background-image:none;  padding: 0px;   margin: 0px;}
#navigation li ul.menu  a:hover {  padding: 3px 0px 3px 0px; margin:0px; color: #04ded6; border-bottom: 1px solid #fff; background-color:#06414f;  background-image:none;}

#navigation li ul a, #navigation li li, #navigation li ul {  width: 20em;}

#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; }


/* _______4_______ EXCEPTIONS _______ */
#navigation ul.menu li.first a { margin: 0px 35px 0px 0px; background-image: none; }
#navigation ul.menu li li.first a:hover {}
#navigation ul.menu li.list1 a {}
#navigation ul.menu li.list2 a {}
#navigation ul.menu li.list3 a {}
#navigation ul.menu li.list4 a {}
#navigation ul.menu li.list5 a {}
#navigation ul.menu li.list6 a {}
#navigation ul.menu li.last a {}
#navigation ul.menu li.leaf { padding:0px; margin:0px;} 


#navigation ul.menu li ul li.first a { margin: 0px 0px 0px 0px; background-image: none; padding: 3px 0px 3px 0px;}

/* added by someone other than Chad... so I commented it out. Signed - Chad
#navigation ul.menu ul { margin:0px ; padding:0px;}  
#navigation ul.menu ul li { margin:0px ; padding:0px;}
*/


/* -------<<<<<<< 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: #9b9b66; font: bold 11px/normal Verdana, Geneva, sans-serif; margin: 0px; padding: 15px 25px 4px 25px; text-decoration: none; text-transform: uppercase; display: block; background:url(../images/layout/secondary_nav_divider.gif) no-repeat right 20px;}
#secondary_navigation ul.menu li a:hover { color: #000; text-decoration: none; }

#secondary_navigation ul.menu li.first a { margin-right:20px; background-image:none;}
#secondary_navigation ul.menu li li.first a:hover {}
#secondary_navigation ul.menu li.last a {}


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