/*
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

*/

*{font-size:100.01%}
html {
    height:100%;
    font-size:62.5%;
    border:none;
}

body {
    font: 1.2em Arial, Helvetica, Verdana, sans-serif;
    line-height:1.5em;
    color:#333;
}

/* MAIN CONTENT (CONTENT LEFT) STYLES */
/* BREADCRUMBS */
ul.breadcrumbs {
    float:left;
    width:510px;
    margin:0 0 10px 0;
    list-style:none;
}
ul.breadcrumbs li {
    float:left;
    display:inline;
    list-style-type:none;
    font-weight:bold;
    font-size:0.8em;
}
ul.breadcrumbs li a {
    color:#52873d;
}
ul.breadcrumbs li a:hover,
ul.breadcrumbs li a.active {
    color:#ebac1e;
}

/* LEFT RAIL STYLES */
a.icon,
span.icon {
    width:176px;
    height:176px;
    overflow:hidden;
    display:block;
    background:transparent none no-repeat left top;
    margin:0 0 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:5px solid #e8e9e7;
}
    a.icon:hover {
        border:5px solid #f1f1f1;
    }
    a.icon span {
        display:block;
        padding:200px 0 0 0;
    }
#left_rail h3 {
    text-transform:uppercase;
    color:#333;
    font-size:0.9em;
    font-weight:bold;
    margin:0 0 5px 0;
}
#left_rail h4 {
    font-weight:bold;
}
    
/* SPIFF STYLES */
.spiff {
    margin:0 0 20px 0;
}
.spiff.text {
    font-family:Georgia, serif;
    color:#391c0f;
    font-weight:normal;
    font-style:italic;
    font-size:1.2em;
    line-height:1.4em;
    margin:0 0 20px 5px;
}
.spiff.imaged {
    
}
.spiff.imaged img {
    width:186px;
    margin:0 0 5px 0;
}
.spiff.imaged p {
    margin:0 0 4px 0;
}
.spiff.related {
    
}
.spiff.newest_tools {
    margin:40px 0 20px 0;
}
.spiff.related p,
.spiff.newest_tools p {
    padding:0 0 0 40px;
    min-height: 43px;
    background:transparent none no-repeat left 4px;
}
.spiff.related h4,
.spiff.newest_tools h4 {
    color:#9b6026;
    font-weight:bold;
    margin:0 0 5px 0;
}

/* SHOW RESULTS */
div.show_results {
    width:482px;
    height:37px;
    padding:0 8px 0 6px;
    margin:0 0 5px 0;
    background:transparent url(../img/show-results-bg.jpg) no-repeat left top;
}
div.show_results ul {
    margin:0;
    list-style:none;
    float:right;
    height:37px;
    line-height:37px;
    vertical-align:middle;
}
div.show_results ul li {
    float:left;
    display:inline;
}
div.show_results ul li a {
    height:37px;
    line-height:37px;
    font-size:0.9em;
    padding:0 0 0 10px;
    display:inline-block;
    background:transparent url(../img/divider-vertical.gif) no-repeat 5px 13px;
}
div.show_results ul li a:hover,
div.show_results ul li a.active {
    
}

/* TOOLS LISTING */
ul#results {
    margin:0 0 15px 0;
    list-style:none;
}
ul#results li {
    margin:0 0 15px 0;
    list-style-type:none;
    width:496px;
}
ul#results li a.listing_icon {
    height:41px;
    width:41px;
    display:inline-block;
    float:left;
    margin:0 12px 0 0;
    background:transparent none no-repeat left top;
}
    ul#results li a.listing_icon.education {
        background-image:url(../img/listing-icon-education.gif);
    }
    ul#results li a.listing_icon.point_of_care {
        background-image:url(../img/listing-icon-pointofcare.gif);
    }
ul#results li div.listing_body {
    float:left;
    width:443px;
}
ul#results li div.listing_body a {
    font-size:1.2em;
    font-weight:bold;
}
ul#results li div.listing_body p.listing-icon {
    background: none no-repeat scroll left 4px transparent;
    min-height: 43px;
    padding: 0 0 0 40px;
    margin:0;
}
ul#results li div.listing_body p.date_added {
    font-size:0.9em;
    color:#666;
}

/* TOOLS RESULTS FILTER */
div.filter {
    
}
div.filter ul {
    float:right;
    height:23px;
    padding:0 8px 0 0;
    list-style:none;
    margin:0 0 20px 0;
}
div.filter ul li {
    list-style-type:none;
    float:left;
    display:inline;
    padding:0 1px;
    background:transparent url(../img/divider-vertical.gif) no-repeat left 6px;
}
div.filter ul li.firstli {
    background:none;
}
div.filter ul li a {
    display:inline-block;
    font-weight:bold;
    padding:0 6px 0 30px;
    height:23px;
    line-height:23px;
    background:transparent none no-repeat left top;
}
div.filter ul li a.text {
    padding:0 6px 0 6px;
}
div.filter ul li a.education {
    background-image:url(../img/filter-icon-education.gif);
}
div.filter ul li a.point_of_care {
    background-image:url(../img/filter-icon-pointofcare.gif);
}
div.filter ul li a.both {
    padding:0 6px 0 6px;
}
div.filter ul li a {
    color:#aaa;
}
div.filter ul li.active a {
    color:#52873D;
}
div.filter ul li a:hover {
    color:#ebac1e;
}
div.filter ul li a.gray:hover {
    color:#ebac1e;
}

/* PAGINATION */
div.pagination {
    width:428px;
    height:37px;
    padding:25px 0 0 68px;
    background:transparent url(../img/pagination-bg.gif) no-repeat left top;
}
div.pagination ul {
    margin:0;
    list-style:none;
    float:left;
    height:37px;
    line-height:37px;
    vertical-align:middle;
}
div.pagination ul li {
    float:left;
    display:inline;
}
div.pagination a.previous,
div.pagination a.previous_off {
    float:left;
    height:16px;
    line-height:16px;
    overflow:hidden;
    padding:0 1.0em 0 1.5em;
    width:4.0em;
    background:transparent url(../img/pagination-previous-bg.gif) no-repeat left top;
}
div.pagination a.next,
div.pagination a.next_off {
    float:left;
    height:16px;
    line-height:16px;
    overflow:hidden;
    padding:0 1em;
    width:2.5em;
    background:transparent url(../img/pagination-next-bg.gif) no-repeat right top;
}
div.pagination a.previous_off,
div.pagination a.next_off {
    background-position:left -32px;
    color:#b2b2b2;
}
    div.pagination a.previous:hover {
        background-position:left -16px;
    }
    div.pagination a.previous_off:hover {
        background-position:left -32px;
    }
    div.pagination a.next:hover {
        background-position:right -16px;
    }
    div.pagination a.next_off:hover {
        background-position:right -32px;
    }
div.pagination ul li a {
    float:left;
    height:16px;
    line-height:16px;
    font-size:1.0em;
    padding:0 10px;
    display:block;
    background:transparent url(../img/divider-vertical.gif) no-repeat left 3px;
}
    div.pagination ul li.firstli a {
        background:none;
    }
div.pagination ul li a:hover,
div.pagination ul li a.active {
    color:#ebac1e;
}

/* OUR NETWORKS PAGE AND ACCORDION STYLES */
#networks_content_header {
    width:702px;
    height:351px;
    padding:10px 0 0 0;
    background:transparent url(../img/networks-content-header-bg.jpg) no-repeat left top;
}
#networks_map {
    width:700px;
    height:230px;
}
ul#networks_accordion {
    margin:0;
    list-style:none;
}
ul#networks_accordion li {
    float:left;
    list-style-type:none;
    padding:0 0 0 12px;
}
    ul#networks_accordion li.acsites {
        border-left: 20px solid #dbdbdb;
        border-right:0px solid #dbdbdb;
        -moz-border-image: url(../img/gradient-acsites.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-acsites.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-acsites.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.accounties {
        border-left: 20px solid #5283a0;
        border-right:0px solid #5283a0;
        -moz-border-image: url(../img/gradient-accounties.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-accounties.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-accounties.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.western {
        border-left: 20px solid #b86f50;
        border-right:0px solid #b86f50;
        -moz-border-image: url(../img/gradient-western.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-western.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-western.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.capefear {
        border-left: 20px solid #90c2b5;
        border-right:0px solid #90c2b5;
        -moz-border-image: url(../img/gradient-capefear.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-capefear.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-capefear.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.cccc {
        border-left: 20px solid #8d8738;
        border-right:0px solid #8d8738;
        -moz-border-image: url(../img/gradient-cccc.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-cccc.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-cccc.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.cchp {
        border-left: 20px solid #61695e;
        border-right:0px solid #61695e;
        -moz-border-image: url(../img/gradient-cchp.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-cchp.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-cchp.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.wake {
        border-left: 20px solid #ad7b0c;
        border-right:0px solid #ad7b0c;
        -moz-border-image: url(../img/gradient-wake.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-wake.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-wake.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.mecklenburg {
        border-left: 20px solid #383e12;
        border-right:0px solid #383e12;
        -moz-border-image: url(../img/gradient-mecklenburg.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-mecklenburg.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-mecklenburg.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.eastern {
        border-left: 20px solid #856688;
        border-right:0px solid #856688;
        -moz-border-image: url(../img/gradient-eastern.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-eastern.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-eastern.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.chp {
        border-left: 20px solid #e1b30d;
        border-right:0px solid #e1b30d;
        -moz-border-image: url(../img/gradient-chp.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-chp.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-chp.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.npiedmont {
        border-left: 20px solid #2c9d57;
        border-right:0px solid #2c9d57;
        -moz-border-image: url(../img/gradient-northern-piedmont.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-northern-piedmont.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-northern-piedmont.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.northwest {
        border-left: 20px solid #5e3080;
        border-right:0px solid #5e3080;
        -moz-border-image: url(../img/gradient-northwest.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-northwest.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-northwest.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.phm {
        border-left: 20px solid #8a9732;
        border-right:0px solid #8a9732;
        -moz-border-image: url(../img/gradient-phm.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-phm.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-phm.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.sandhills {
        border-left: 20px solid #903434;
        border-right:0px solid #903434;
        -moz-border-image: url(../img/gradient-sandhills.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-sandhills.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-sandhills.jpg) 0 20 0 600 stretch stretch;
    }
    ul#networks_accordion li.spiedmont {
        border-left: 20px solid #9d556b;
        border-right:0px solid #9d556b;
        -moz-border-image: url(../img/gradient-southern-piedmont.jpg) 0 20 0 600 stretch stretch;
        -webkit-border-image: url(../img/gradient-southern-piedmont.jpg) 0 20 0 600 stretch stretch;
        border-image: url(../img/gradient-southern-piedmont.jpg) 0 20 0 600 stretch stretch;
    }
ul#networks_accordion li h4 {
    height:34px;
    width:668px;
    margin:0;
    padding:5px 0;
}
    ul#networks_accordion li h4 span.summary {
        font-size:0.9em;
        font-weight:normal;
        display:block;
        margin:0;
    }
    ul#networks_accordion li h4 a.toggle {
        width:25px;
        height:15px;
        float:right;
        display:block;
        overflow:hidden;
        background:#fff url(../img/accordion-toggle-bg.jpg) no-repeat left top;
    }
    ul#networks_accordion li h4 a.active {
        width:25px;
        height:15px;
        float:right;
        display:block;
        overflow:hidden;
        background:#fff url(../img/accordion-toggle-bg.jpg) no-repeat left -30px;
    }
        ul#networks_accordion li h4 a.toggle:hover {
            background-position:left -15px;
        }
        ul#networks_accordion li h4 a.active:hover {
            background-position:left -45px;
        }
ul#networks_accordion li div.accordion_body {
    width:630px;
    padding:0 0 30px 0;
}
    ul#networks_accordion li div.accordion_body div.contact {
        float:left;
        padding:0 0 0 78px; /* need to set in ie6.css to avoid double bug */
        margin:0 10px 0 0;
        background:transparent none no-repeat left top;
    }
        ul#networks_accordion li div.accordion_body div.contact p {
            margin:0 0 8px 0;
        }
        ul#networks_accordion li div.accordion_body div.contact p.title {
            color:#9b6026;
            font-weight:bold;
        }
        ul#networks_accordion li div.accordion_body div.contact p.label {
            text-transform:uppercase;
            font-size:0.8em;
            line-height:1.0em;
            margin:0;
        }
    ul#networks_accordion li div.accordion_body a.site_url {
        margin:0 0 15px 0;
        display:block;
        font-weight:bold;
        font-size:110%;
    }

/* MISC STYLES */
.clearfix,
.clear_left,
.clear_right {
    height:0;
    font-size:0.01em;
    line-height:0.01em;
}
.clearfix {
    clear:both;
}
.clear_right {
    clear:right;
}
.clear_left {
    clear:left;
}
.float_right {
    float:right;
    margin-left:10px;
}
.float_left {
    float:left;
    margin-right:10px;
}

div.shadow {
    height:5px;
    background:transparent url(../img/shadow-rule-wide.jpg) no-repeat left top;
    border:none;
    clear:both;
    margin:0 0 10px 0;
}