/*
CCNC - COMMUNITY CARE OF NORTH CAROLINA
APRIL 2011 CAPSTRAT - WILL LANGLEY

SITE COLORS:
heading green : #52873d
heading orange (bright, h1) : #ebac1e
heading burnt orange : #9b6026
heading light brown (category, selected, spiff header, th) : #9b6026
bg green : #a8c89b
body copy : #333
italic Georgia text spiff (dark rust red) : #391c0f
table bg color (faded orange/offwhite) : #fef9ed

*/

#primary_nav ul {
    list-style:none;
    margin:0 10px;
    height:54px;
    width:940px;
    padding:0;
    background:transparent url(../img/primary-nav-bg.jpg) no-repeat left top;
    float:left;
    z-index:1001;
}
#primary_nav ul li {
    list-style-type:none;
    float:left;
    display:inline;
    position:relative;
    z-index:1002;
}
#primary_nav ul li a {
    display:block;
    padding:14px 10px 10px 10px;
    height:30px;
    width:100px;
    color:#333;
    font-size:1.1em;
    line-height:1.3em;
    font-weight:bold;
    z-index:1003;
}
#primary_nav ul li a:hover,
#primary_nav ul li a.active,
#primary_nav ul li a.flyout {
    background:transparent none no-repeat left top;
}
    #primary_nav ul li a.about {
        width:82px;
        padding-left:15px;
    }
    #primary_nav ul li a.networks {
        width:101px;
    }
    #primary_nav ul li a.quality {
        width:121px;
    }
    #primary_nav ul li a.informatics {
        width:115px;
    }
    #primary_nav ul li a.population {
        width:125px;
    }
    #primary_nav ul li a.emerging {
        width:110px;
    }
    #primary_nav ul li a.tools {
        width:136px;
        padding-right:15px;
    }
        #primary_nav ul li a.about:hover,
        #primary_nav ul li a.about.active,
        #primary_nav ul li a.about.flyout {
            background-image:url(../img/nav-hover-about.jpg);
        }
        #primary_nav ul li a.networks:hover,
        #primary_nav ul li a.networks.active,
        #primary_nav ul li a.networks.flyout {
            background-image:url(../img/nav-hover-networks.jpg);
        }
        #primary_nav ul li a.quality:hover,
        #primary_nav ul li a.quality.active,
        #primary_nav ul li a.quality.flyout {
            background-image:url(../img/nav-hover-quality.jpg);
        }
        #primary_nav ul li a.informatics:hover,
        #primary_nav ul li a.informatics.active,
        #primary_nav ul li a.informatics.flyout {
            background-image:url(../img/nav-hover-informatics.jpg);
        }
        #primary_nav ul li a.population:hover,
        #primary_nav ul li a.population.active,
        #primary_nav ul li a.population.flyout {
            background-image:url(../img/nav-hover-population.jpg);
        }
        #primary_nav ul li a.emerging:hover,
        #primary_nav ul li a.emerging.active,
        #primary_nav ul li a.emerging.flyout {
            background-image:url(../img/nav-hover-emerging.jpg);
        }
        #primary_nav ul li a.tools:hover,
        #primary_nav ul li a.tools.active,
        #primary_nav ul li a.tools.flyout {
            background-image:url(../img/nav-hover-tools.jpg);
        }
        
/* SUBNAV FLYOUTS */
#primary_nav ul li div.subnav {
    background-color:#8aaa3d;
    position:absolute;
    left:0;
    top:54px;
    border-top:1px solid #fff;
    padding:15px 10px 15px 20px;
    min-height:110px;
    width:327px;
}
    #primary_nav ul li div.subnav.one_col {
        width:442px;
    }
    #primary_nav ul li div.subnav.two_col {
        width:557px;
    }
    #primary_nav ul li div.subnav.three_col {
        width:672px;
    }
    #primary_nav ul li div.subnav.four_col {
        width:787px;
    }
#primary_nav ul li div.subnav ul.links {
    height:auto;
    width:100px;
    float:left;
    margin:0 15px 0 0;
    background:#8aaa3d none no-repeat left top;
}
    #primary_nav ul li div.subnav ul.links li {
        float:none;
        display:block;
    }
    #primary_nav ul li div.subnav ul.links li a {
        text-decoration:underline;
        display:block;
        color:#fff;
        padding:0 0 10px 0;
        height:auto;
    }
    #primary_nav ul li div.subnav ul.links li a:hover {
        color:#333;
    }
#primary_nav ul li div.subnav a.icon {
    float:left;
    width:85px;
    height:85px;
    overflow:hidden;
    display:block;
    background:transparent none no-repeat left top;
    margin:0 15px 0 0;
    padding:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:3px solid #e8e9e7;
}
    #primary_nav ul li div.subnav a.icon:hover {
        border:3px solid #f1f1f1;
    }
    #primary_nav ul li div.subnav a.icon span {
        display:block;
        padding:200px 0 0 0;
    }

#primary_nav ul li div.subnav div.summary {
     float:left;
     margin:0;
     padding:10px 0 0 0;
     width:220px;
}
    #primary_nav ul li div.subnav div.summary h3 {
        color:#fff;
        margin:0;
        font-size:1.8em;
        font-weight:normal;
        float:left;
        width:100%;
    }
    #primary_nav ul li div.subnav div.summary p {
        color:#fff;
        margin:0;
        float:left;
    }
        
ul#right_nav {
    list-style:none;
    margin:40px 0 30px 0;
}
ul#right_nav li {
    list-style-type:none;
}
ul#right_nav li a {
    display:block;
    font-weight:bold;
    line-height:1.3em;
    padding:5px 30px 5px 0;
}
    ul#right_nav li a:hover,
    ul#right_nav li a.active {
        color:#ebac1e;
    }
ul#right_nav li a.has_nest {
    display:block;
    background:transparent url(../img/rightnav-arrow-up.gif) no-repeat right 6px;
    height:11px;
    width: 17px;
    float: right;
}
ul#right_nav li a.has_nest:hover,
ul#right_nav li a.has_nest.active {
    background-image:url(../img/rightnav-arrow-down.gif);
    color:#ebac1e;
}
ul#right_nav li ul {
    list-style:none;
    display: none;
}
ul#right_nav li ul li {
    list-style:none;
    padding:0 0 0 5px;
}
ul#right_nav li ul li a {
    display:block;
    background-image:none;
    font-weight:normal;
}
    ul#right_nav li ul li a:hover,
    ul#right_nav li ul li a.active {
        background-image:none;
        color:#ebac1e;
    }