/*-------------------------------------*
|          Patient Steps, LLC          |
|    Copyright. All Rights Reserved    |
*-------------------------------------*/

/*--- MENU STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menu {position: relative; text-align: center; z-index: 999; text-decoration: none; margin: 0px; display:block; height: 32px;}
#menu ul {list-style:none; float:right; padding-right:40px;}
#menu li {float:left; padding:0 12px 0 12px;}
#menu a {display:block; color:#000; text-align:left; height:36px; line-height:47px; font-size:16px; -webkit-transition-duration:.2s,.2s,.2s;}
#menu a:hover {color:maroon; text-shadow:1px 1px 0px #eee;}
#menu li ul {position:absolute; list-style:none; left: -999em; padding-bottom:20px;}
#menu li ul li {margin:0; padding-left:30px; display:list-item; width:350px; float:none; overflow:hidden; height:40px; line-height:40px; background:#222; border-bottom:1px solid #313131;}
#menu li ul li:hover {background:url(../images/menu-drop_bg.png) top left no-repeat #560d0d; border-bottom:1px solid #000; color:Maroon;}
#menu li ul a {color:#fff; width:400px; display:block; line-height:40px; text-shadow:1px 1px 0 #000;}
#menu li ul a:hover {color:#fff; text-shadow:1px 1px 0px #000; text-decoration:none;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {display: block;left: auto;}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {display: block;left: auto;}
#menu li:hover, #menu li.sfhover {border-bottom:2px solid #098cbd; color:Maroon;}

/*---SIDE NAVIGATION-----------------------------------------------------------------------------------------------------------*/
#sidenav {text-align:left; font-size:13px; float:left; margin-right:20px;}
#sidenav a {background-color:#ddd; margin-bottom:3px; color:#fff;line-height:30px;vertical-align:middle; color:#333;
            text-decoration:none;padding-left:10px; padding-right:10px; display:block; overflow:hidden;}
#sidenav a:hover {color:#111; background-color:#74afd8; text-decoration:none;}
#sidenav a.navselected {color:#fff;margin-bottom:3px;line-height:30px;vertical-align:middle;text-decoration:none;
                        padding-left:15px;display:block; background-color:#098cbd;; text-shadow:1px 1px 0px #111;}