/* /////// ------- 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)
	5-- SECONDARY NAVIGATION
	6-- FIXES
---------------------------------------------------------*/

/* _______1_______ TOP LEVEL ______________ */
#navigation { vertical-align: top; /*!important*/}
#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 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto;}
#navigation ul.menu li a { text-align: left; color: #fff; font: normal 12px/normal Arial, Helvetica, sans-serif; margin: 8px 0px 0px 0px; padding: 0px 10px 7px 10px; text-decoration: none; text-transform: capitalize; display: block; border-right:1px solid #024c65;}
#navigation ul.menu li a:hover, 
#navigation ul.menu li a.active { color: #ffc000; text-decoration: none; background: url(../images/layout/navigation_ro.png) repeat-x 0px 0px; border-bottom:2px solid #ffc000; padding-bottom:5px;}

/* _______2_______ 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: 3px 0px 3px 16px ; text-align: left; font-weight: normal; font-size: 13px; border-bottom: 1px solid #046686; text-transform: inherit; background: none; }
#navigation ul.menu li ul li a:hover {color: #023d50; background: #ffc000; text-decoration:none; border-top: none;}
#navigation ul.menu li ul { display: none; position: absolute; font-weight: normal; background: #023d50; padding: 0px; margin: 0px;  border: 1px solid #ffc000; border-top:none;}
#navigation ul.menu li>ul { 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,#nav li.over ul { display: block; margin: 0px; padding: 0px; }

/* _______3_______ DROPDOWN SIZE AND POSITION ______________ */
#navigation ul.menu li ul, #nav li li {width: 12.5em;} /* not limited to ems, px acceptable */
#navigation ul.menu li>ul {top: 100%; left: 0px;} /* to move top of dropdown down add padding to the bottom of "#navigation ul.menu li a" */
/* ie */ #navigation ul.menu li ul { left: 0px;}

/* _______4_______ EXCEPTIONS ______________ */
#navigation ul.menu li.first a { border-right:none; margin-right:10px;}
#navigation ul.menu li.first a { /*margin-left:130px;*/}
#nav li#currentpage a { color: #ffc000; text-decoration: none; background: url(../images/layout/navigation_ro.png) repeat-x 0px 0px; border-bottom:2px solid #ffc000;}


#navigation ul.menu li ul li.last a { border-bottom:none}


/* _______5_______ SECONDARY NAVIGATION ______________ */

#secondary_navigation { vertical-align: top; /*!important*/}
#secondary_navigation div { color:#ccc; margin: 30px 60px 0px 0px;}
#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 0px 0px 0px; padding: 0px; display: block; height: auto; width: auto;}
#secondary_navigation ul.menu li a { text-align: left; color: #fff; font: normal 11px/normal Arial, Helvetica, sans-serif; margin: 8px 0px 0px 0px; padding: 0px 3px 0px 2px; text-decoration: none; text-transform: capitalize; display: block; border-right:1px solid #ccc;}
#secondary_navigation ul.menu li a:hover, #secondary_navigation ul.menu li a.active { color: #ffc000; text-decoration: underline;}

#secondary_navigation ul.menu li.first a {  border-right: none;}


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