/* This stylesheet is used to define the appearance and functionality of the three main dropdown navigation menus for the Brimhall Wellness "Blue Orange" template.

These three menus include:

1. The Primary "Horizontal" Navigation Menu (To be included in div id "navigation")
2. The Discover Wellness Menu (To be included in div id "discover-wellness", which is a descendant of div id "left-col")
3. The Member Wellness Menu (To be included in div id "member-wellness", which is a descendant of div id "left-col")

* The includes for these menus can be placed elsewhere, but will require that the div id(s) in "this" file be renamed to reflect the new locations (ie. div#navigation, div#left-col, etc.).
** The styles for the Discover Wellness Menu and the Member Wellness Menu have been grouped here under the "parent" div id "div#left-col. If you wish to place the includes in seperate
"parent" divs, you will need to create a third set of styles with the proper id.

/* Begin The Primary "Horizontal" Navigation Dropdown Menu Here. (The include for this menu is placed in div id "navigation". */

div#navigation2 {background:#000000 url(backgroundtop.jpg); position:relative; margin:0 auto; align:center; width:800px; height:61px; z-index:0;}
div#navigation {background:url(nav.png) repeat-x; position: absolute; top:13px; left:13px; margin:0 auto; width:774px; height:35px; z-index:0;}

div#navigation ul {position:relative; margin:0 auto; height:35px; float:right; z-index:0;}
div#navigation li {background:url(divider.png) no-repeat left; position:relative; margin:0 auto; float:left; list-style-type: none; padding:0px 5px 4px 18px;}

div#navigation li:hover, div#navigation li.sfhover {background-color:#c1b29a; height:31px;}
div#navigation li:hover ul, div#navigation li.sfhover ul {display:block;}
div#navigation li:hover ul ul, div#navigation li.sfhover ul ul, div#navigation li:hover ul ul ul, div#navigation li.sfhover ul ul ul {display:none;}
div#navigation li a {color:#fff; display:block; padding:13px 7px 7px 7px; font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none; }
div#navigation li.droptop, div#navigation li.dropbtm {display:none;}

div#navigation ul ul {position:absolute; top:28px; display:none; width:150px;}
div#navigation li li {background:#3d63dd none; border-top:1px solid #6b8fe9; width:150px;}
div#navigation li li:hover, div#navigation li li.sfhover {background-color:#6b8fe9;}
div#navigation li li:hover ul, div#navigation li li.sfhover ul {display:block;}
div#navigation li li a {padding:6px 10px 6px 10px; width:130px; font-weight:normal;}
div#navigation li li a.x {background:url(drop-icon.gif) no-repeat 130px; padding:6px 30px 6px 10px; width:110px;}

div#navigation ul ul ul {margin-left:150px; top:-1px;}
div#navigation li li li:hover ul, div#navigation li li li.sfhover ul {display:block;}

/* Begin The Discover Wellness & Member Wellness Dropdown Navigation Menus Here.(The inludes for these menus are placed in div id "discover-wellness" and "member-wellness" respectively. Both divs are descendants of div id "left-col".)*/


/* Begin The Footer "Horizontal" Navigation Menu Here. This menu duplicates the first level of the Primary "Horizontal" Navigation Menu (The include for this menu is placed in div id "footer". */

div#footer ul {padding:2px 0; line-height:20px;}
div#footer li {color:#798389; display:inline; font-weight:normal; float:none;}
div#footer li a {color:#798389; text-decoration:underline; 	padding:0px 5px 0px 5px;}
div#footer li a:hover {color:#c1b29a; padding:0px 5px 0px 5px;}