/* /////// 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_pad { margin: 57px 15px 0px 0px;}
#navigation ul.menu { display: inline; margin: 0px; padding: 0px;  list-style: none; list-style-image:none; list-style-type: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/nav_divider.jpg) no-repeat right bottom;}
#navigation ul.menu li a {   text-align: center; color: #000; font: italic 19px/19px "Times New Roman", Times, serif; margin: 0px 0px 0px 3px; padding:5px 8px 10px 8px; text-decoration: none; text-transform: capitalize; height: auto; width: auto; display: block; float: left; background:url(../images/layout/x.gif);}

#navigation ul.menu li a:hover,
#navigation ul.menu li.active-trail a.active { color: #fff; text-decoration: none; background:#a40600; 
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; 
}

/* _______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; z-index:5000;}

/* _______3_______ EXCEPTIONS _______ */
#navigation ul.menu li.first a {}
#navigation ul.menu li.last a {}

/* _______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: left; position: relative; text-align: left; cursor: default; margin: 10px 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto;}
#secondary_navigation ul.menu li a {   color: #fff; font: normal 12px/normal Verdana, Geneva, sans-serif; margin: 0px 10px 0px 0px; padding: 3px 10px 3px 10px; text-decoration: none; text-transform: uppercase; display: block;}
#secondary_navigation ul.menu li a:hover { color: #fff; text-decoration: underline; background-color:#3f3f3f;}

#secondary_navigation ul.menu li.first a { margin-left:15px}


#secondary_navigation ul.menu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
background:#696969;
}

#secondary_navigation ul.menu li.last a { background:#a40600;}

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