/* ======================================================== *
 *  CSS Created by 5Q Communications                        *
 * -------------------------------------------------------- *
 *                                                          *
 *  Contact 5Q Communications, Inc. before modifying        *
 *                                                          *
 *  ~ 800-747-4214 ext. 904                                 *
 *  ~ http://www.5qcommunications.com/                      *
 *                                                          * 
 * -------------------------------------------------------- */
/* ============================================ *
 *  This stylesheet controls all the structure  *
 * ---------------------------------------------*/

#nav2{
    margin:0 0 20px 0;
    padding:0 0 35px;
    list-style:none;
    width:251px;
    font:14px "trebuchet MS", sans-serif;
    background:url(/static/images/bg-nav.gif) no-repeat 0 100%;
}
#nav2 li{
    width:100%;
    overflow:hidden;
    padding:0;
    position: relative;
    z-index: 100;
}
#nav2 li a{
    display:block;
    height:26px;
    background:url(/static/images/bg-nav-link.gif);
    width:235px;
    text-decoration:none;
    color:#343360;
    padding:6px 0 0 16px;
}
#nav2 li a.active{
    color: #721366;
}
#nav2 li a:hover { background-position:0 -32px; }
#nav2 ul {
    display:none;
    margin:0;
    list-style:none;
    width:100%;
    overflow:hidden;
    background:url(/static/images/bg-nav-ul.gif) repeat-y;
    font:12px "trebuchet MS", sans-serif;
}
#nav2 ul li {
    padding:0;
    width:249px;
}
#nav2 ul a {
    color:#36399b;
    text-decoration:none;
    background:none;
    padding-left:33px;
}
#nav2 ul a:hover {
    background: url(/static/images/bg-open-hover.gif) repeat-y;
}
#nav2 .open .click {
    height: 27px;
    font-size: 14px;
    background: url(/static/images/bg-open.gif) no-repeat 0 0;
}
#nav2 .open .click:hover {
    background-position: 0 0;
}
#nav2 .open ul {
    display: block;
    padding: 0;
    margin: 0;
}

/* ======================================================== *
 *  Button Expand/Collapse (sidebar menu)                   *
 * -------------------------------------------------------- */
#nav2 span.expander,
#nav2 a.btn-expand,
#nav2 a.btn-collapse {
    display: block;
    height: 20px;
    width: 20px;
	margin: 0;
	padding: 0;
}
#nav2 span.expander {
    position: absolute;
    z-index: 105;
    right: 7px;
    top: 7px;
}
#nav2 a.btn-expand,
#nav2 a.btn-collapse {
    background: transparent url(/static/images/btn-expand-collapse.png) no-repeat 0 0;
}
#nav2 a.btn-expand {
    background-position: 0 0;
}
#nav2 a.btn-expand:hover {
    background-position: 0 -20px;
}
#nav2 a.btn-collapse {
    background-position: -20px 0;
}
#nav2 a.btn-collapse:hover {
    background-position: -20px -20px;
}