/*********************************************************** 
* Artesia - Secondary Navigation Stylesheet
*
* Website Development and Design: Areeba Solutions Pty Ltd
* http://www.areeba.com.au    mailto:enquiries@areeba.com.au 
************************************************************/

/* set styles for secondary nav block */
/*****************************************************************************************
 *            Miscellaneous secondary navigation styles
 ****************************************************************************************/
#page #secondary-navigation {
    background: url(../images/bg_content.png) #e0e9ec 0 100% no-repeat; /* gradient on bottom of nav block */
}
#secondary-navigation h3 {
    color: #231F20;
    font-size: 1.75em;
    font-weight: normal;
    margin: 0;
    padding: 1em 15px 0.5em 15px;
    background: url(../images/bg_content.png) -372px 0 no-repeat;
    zoom: 1; /* stop IE6 scroll bug */
}
#secondary-navigation h3 span.section-name {
    display: block;
}

/*****************************************************************************************
 *            Show / Hide links
 ****************************************************************************************/
 
/************************
 * Static Show / Hide behaviour
 ************************/
/* hide secondary menus by default */
#secondary-navigation ul ul {
    display: none;
}
/* show the current subsection menu */
body.xxx-section #secondary-navigation li.xxx-section-link ul,
body.yyy-section #secondary-navigation li.yyy-section-link ul {
    display: block;
}

/************************
 * Javascript Show / Hide behaviour
 ************************/
/* show expanded menu items (and items directly under the expanded ones) */
body.has-secondary-navigation #page #secondary-navigation div ul.expanded,
body.has-secondary-navigation #page #secondary-navigation div li.expanded ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded li.expanded,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded li.expanded ul {
    display: block;
}
/* hide menu items not directly under a expanded item */
body.has-secondary-navigation #page #secondary-navigation div li ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded ul ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded ul ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded ul ul,
body.has-secondary-navigation #page #secondary-navigation div li.expanded li.expanded li.expanded li.expanded ul ul {
     display: none;
}
body.has-secondary-navigation #page #secondary-navigation ul {
    display: block; /* Hide them all to start with */
}

/*****************************************************************************************
 *            Navigation menu styling
 ****************************************************************************************/
/************************
 * MENU CONTAINERS (ul's)
 ************************/
/* top level (and below) menu */
#secondary-navigation ul {
    margin: 0;
    padding: 0 2px;
    zoom: 1; /* IE6 needs this to caculate the correct width */
    list-style: none;
    position: relative;
    background: url(../images/bg_content.png) transparent -186px 0 repeat-y;
    overflow: hidden;
    border-bottom: 1px solid #BDBDBD;
}
#secondary-navigation ul ul {
    border-top: 1px solid #ccc;
    padding: 0;
    border-bottom: none;
}
#secondary-navigation ul ul ul {
    border-top: none;
}
/************************
 * MENU ITEM CONTAINERS (li's)
 ************************/
/* top level (and below) menu item containers */
#secondary-navigation li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #BDBDBD;
    line-height: 110%;
    float: left; display: inline;
    width: 100%;
}
#secondary-navigation li.first,
#secondary-navigation li li.first {
    border-top: none;
}
/* second level (and below) menu item containers */
#secondary-navigation li li {
    border-color: #E2E9ED;
}

/************************
 * MENU ITEM'S (a's)
 ************************/
/* 
 *  top level (and below) menu items 
 */
#secondary-navigation li a {
    margin: 0;
    display: block;
    padding: 7px 5px 7px 14px;
    text-decoration: none;
    color: #056ABC;
    font-weight: bold;
    zoom: 1;
    color: #231F20;
    background: #E1E5E8;
    border-top: 1px solid #FFF;
}
/* expanded state */
#secondary-navigation li.expanded a {
    font-weight: bold;
    background-color: #F6F5F5;
}
/* active state */
#secondary-navigation li.active a {
    background-color: #054062;
    color: #FFF;
}
/* hover state */
#page #secondary-navigation li a:hover {
    color: #FFF;
    background-color: #0073AE;
}

/* 
 *  second level (and below) menu items 
 */
#secondary-navigation li li a,
#secondary-navigation li.expanded li a {
    padding-left: 25px;
    font-weight: normal;
    background: #F7F6F6;
    border-top: none;
    background-image: url(../images/ico_icons.png);
    background-repeat: no-repeat;
    background-position: 0 -1397px;
    color: #1D465C;
}
/* expanded state */
#secondary-navigation li li.expanded a {
    color: #000;
}
/* active state */
#secondary-navigation li li.active a {
    color: #FFF;
    font-weight: bold;
    background-color: #054062;
}
/* hover state */
#page #secondary-navigation li li a:hover {
    
}

/* 
 *  third level (and below) menu items 
 */
#secondary-navigation li li li a,
#secondary-navigation li li.expanded li a {
    padding-left: 38px;
    font-weight: normal;
    background: #fff;
    color: #000;
    background-image: url(../images/ico_icons.png);
    background-repeat: no-repeat;
    background-position: 13px -1397px;
}
/* expanded state */
#secondary-navigation li li li.expanded a {
    color: #000;
}
/* active state */
#secondary-navigation li li li.active a {
    color: #FFF;
    font-weight: bold;
    background-color: #054062;
}
/* hover state */
#page #secondary-navigation li li li a:hover {
    
}