/* 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#navigation ul {position:relative; height:28px; float:right; z-index:1;}
div#navigation li {background:url(top-nav-divider.gif) no-repeat left; position:relative; float:left;}
div#navigation li:hover, div#navigation li.sfhover {background-image: url(chiro_roll.png); background-position: bottom left;
	background-repeat: repeat-x; position: relative; background-color:#81b6ff none;}
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:7px 10px 8px 10px; font-weight:bold; 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-image: url(chiro_list.png); background-position: bottom left;
	background-repeat: repeat-x; position: relative; background:clear none; width:150px; border-bottom:1px solid #1c311e;}
div#navigation li li:hover, div#navigation li li.sfhover {background-color:#81b6ff;}
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(http://images.brimhallwebsite.com/skins/css/template_00/blue_orange/images/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".)*/

div#left-col ul {position:relative; width:180px; z-index:1; font-size:11px;}
div#left-col li {border-bottom:1px solid #000000; position:relative; width:180px; float:left;}
div#left-col li:hover, div#left-col li.sfhover {background-image: url(chiro_roll.png); background-position: bottom left;
	background-repeat: repeat-x; position: relative; background-color:clear;}
div#left-col li:hover ul, #left-col li.sfhover ul {display:block;}
div#left-col li:hover ul ul, div#left-col li.sfhover ul ul, div#left-col li:hover ul ul ul, div#left-col li.sfhover ul ul ul {display:none;}
div#left-col li:hover span, div#left-col li.sfhover span {color:ffffff;}/* Member Wellness "Logged Out" State*/
div#left-col li a {color:#fff; display:block; padding:6px 15px 6px 10px; width:155px; font-weight:bold; text-decoration:none;}
div#left-col li a.x {background:url(http://images.brimhallwebsite.com/skins/css/template_00/blue_orange/images/drop-icon.gif) no-repeat 160px; padding:6px 30px 6px 10px; width:140px;}
div#left-col li.droptop, div#left-col li.dropbtm {display:none;}

div#left-col ul ul {margin: 0 0 0 180px; position:absolute; top:0; display:none;}
div#left-col li li {background-image: url(chiro_list.png); background-position: bottom left;
	background-repeat: repeat-x; position: relative; background-color:clear; width:150px;}
div#left-col li li:hover, div#left-col li li.sfhover {background-color:#81b6ff;}
div#left-col li li:hover ul, div#left-col li li.sfhover ul {display:block;}
div#left-col li li:hover span, div#left-col li li.sfhover span  {color:#ffffff;} /*Member Wellness "Logged Out" li li span Hover State*/
div#left-col li li:hover li span, div#left-col li li.sfhover li span {color:#ffffff;} /*Member Wellness "Logged Out" li li li span color Reset*/
div#left-col li li:hover li li span, div#left-col li li.sfhover li li span {color:#8bb1f0;}/*Member Wellness "Logged Out" li li li li  span color Reset*/
div#left-col li li a {padding:6px 10px 6px 10px; width:130px; font-weight:normal;}
div#left-col li li a.x {background-position: 130px; padding:6px 30px 6px 10px; width:110px;}

div#left-col ul ul ul {margin-left:150px;}
div#left-col li li li:hover ul, div#left-col li li li.sfhover ul {display:block;}
div#left-col li li li:hover span, div#left-col li li li.sfhover span {color:#ffffff;} /*Member Wellness "Logged Out" li li li span hover State*/

div#left-col li li li li:hover span, div#left-col li li li li.sfhover span {color:#ffffff;} /*Member Wellness "Logged Out" li li li li span hover State*/

/* 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:5px 0; line-height:20px;}
div#footer li {color:#fff; display:inline; font-weight:normal; float:none;}
div#footer li a {color:#fff; text-decoration:underline;}
div#footer li a:hover {color:#000;}

div#zerona_table a {
color:#FFFFFF
;}