/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 November 2017 13:32:29
*/


/**
* Hunter Institute of Mental Health - RA - Navigation Style Sheet
*
* navigation.css
* author: Squiz Australia
*/

/*
 * Table of Contents
 *
 * 1. Main Navigation
 *
 * 2. Sub Navigation
 *
 */

 /*-- 1. Navigation --*/

#nav-wrapper {
    width: 100%;
    height: 30px;
    border-bottom: 59px solid #e1e1e1;
    background-color: #0c7874;
}
    #nav {
        width: 980px;
        margin: 0 auto;
        height: 100%;
    }
    #nav ul {
        float: left;
    }
        #nav ul li {
            display: inline-block;
            margin-top: 3px;
            float:left;
            text-align: center;
        }
                #nav ul li.active {
                    height:28px;
                    background-color: #e1e1e1;
                    -moz-border-radius: 5px 5px 0px 0px;
                    -webkit-border-radius: 5px 5px 0px 0px;
                    border-radius: 5px 5px 0px 0px;
                }
                    #nav ul li a {
                        color: #ffffff;
                        display:block;
                        padding: 8px 22px 5px;
                        font-weight: bold;
                    }   
                        #nav>ul>li.active>span>a,
                        #nav>ul>li.active>ul>li>a {
                            /*color: #0c7874;*/
                              color: #04706c;
                        }
       #section-nav {
            width: 980px;
            margin: 0 auto;
            height: 100%
        }
        #section-nav ul {
             float: left;
             margin: -1px auto 0 auto;
        }
            #section-nav ul li {
                margin-top: 0;
                position: relative;
                height: 59px;
                float: left;
            }
                #section-nav ul li a:hover,
                #section-nav ul li.selected a {
                    background-color: #ffffff;
                }
            #section-nav ul li a {
                height: 40px;
                color: #333333;
                padding: 18px 21px 1px 21px;
                text-transform: capitalize;
                font-size: 14px;
                max-width: 119px;
                float: left;
                text-align: center;
                font-weight: bold;
            }
            #section-nav ul li:last-child a {
                background-image: none;
            }
                    #section-nav ul li ul {
                        background: #dedede; 
                        list-style:none;
                        position:absolute;
                        display: none;
                        z-index: 2000;
                        width:250px;
                        margin: 58px 0 0;
                        padding: 5px 0 10px 0;
                    }
                        #section-nav ul li:hover ul {
                            display: block;
                        }
                        #section-nav ul li ul li {
                            width: 239px;
                            height: auto;
                            margin: 0 5px;
                            background-color: transparent;
                        }
                        #section-nav ul li ul li {
                            height: auto;
                        }
                            #section-nav ul li ul li a {
                                background-image: none;
                                font-size: 12px;
                                padding: 9px 0 9px 14px;
                                text-align: left;
                                max-width: 239px;
                                color: #666666;
                                height: auto;
                                width: 226px;
                            }
                            #section-nav ul li ul li a:hover {
                                background-color: #ffffff;
                                color: #0C7874;
                            }




/*-- 2. Sub Navigation --*/
   #side-nav {
     width:322px;
     float:left;
     height: 100%;
     font-weight: bold;
   }
   #side-nav ul {
     background: none repeat scroll 0 0 #e3f5f4;
     margin-left: 0;
   }
  
   /* First Level */
   .inside #side-nav ul li {
     background-image: none;
     margin: 0 auto;
     width: 100%;
     padding: 0px;
     border-bottom: 1px solid #bebebe;
   }
   .inside #side-nav li:last-child{
     border-bottom:none;
   }
   .inside #side-nav li:first-child{
     border-top: 1px solid #bebebe;
   }  
   .inside #side-nav ul li.active {
     background-color: #d7f1f0;
     font-weight: bold;
     height: auto;
   }
   
   .inside #side-nav ul li a {
     display: block;
     padding: 7px 0px 7px 20px;
     text-decoration: none;
   }
     .inside #side-nav ul li a:hover {
       background-color: #AFCEE1;
     }
     .inside #side-nav ul li.active a:hover {
         background-color: #bbebf0;
     }
   
   .inside #side-nav ul li a:hover {
     text-decoration: underline;
   }
  
   /* Second Level */
   .inside #content #side-nav ul li ul {
     margin: 0;
     background-color: #caf0f4;
     font-size: 0.95em;
   }
   .inside #content #side-nav ul li ul li {
     width: 95%;
     line-height: 17px;
   }
   .inside #content #side-nav ul li ul li.active {
     background-color: #cbdde5;
   }
   .inside #content #side-nav ul li ul li a {
     display: block;
     margin-left: 0;
     padding: 6px 20px 3px 30px;
   }
  
   /* Third Level */
 
   .inside #content #side-nav ul li ul li ul li a {
     padding-left: 40px;
   }
   /* Fourth Level */
   .inside #content #side-nav ul li ul li ul li ul li a {
     padding-left: 50px;
   }
  
   /* Fifth Level */
   .inside #content #side-nav ul li ul li ul li ul li ul li a {
     padding-left: 60px;
   }
  
   /* Sixth Level */
   .inside #content #side-nav ul li ul li ul li ul li ul li ul li a {
     padding-left: 70px;
   }
  
   /* Seventh Level */
   .inside #content #side-nav ul li ul li ul li ul li ul li ul li ul li a {
     padding-left: 80px;
   }