/* Color schemes specific to departmental sections - loaded via a secondary 
style sheet keyed to info placeholder on active template in RedDot. This will 
allow site wide color adjustments without republishing all affected pages */
#page {
    background-image:url(Images/interface/sectBkgrnd-hornedLizard.jpg);
    background-position:bottom left;
    background-repeat:no-repeat;
}

#wildlife {
    margin-top:-375; /* must clear top edge of background image default -375 */
}

#navSecondary #sectionName {
    font-size:1.5em; /* 13th hour - section names not fitting */
    text-align:right;
    background-image:url(Images/interface/sectIcon-UTL.jpg);
    background-position:top left; /* adjusting alignment of section icon */
    padding-top:112px; /* Adjust for department name presentation */
}

#navSecondary ul {
    margin-top:-115px; /* Must be equal and opposite above to compensate */
}

#navSecondary {
    background-image:url(Images/interface/sectLbl-UTL.gif);
}

.dividerDept {
    background-image:url(Images/interface/sectDiv-UTL.jpg); /* patterned divider used on landing page */
    background-position:top left;
    background-repeat:no-repeat;
    height:22px;
    margin:0 0 1px 0;
}
.supplemental {
    /* this image should match background2 */
    background-image:url(Images/interface/sectRule-UTL.gif); /* colored square used in lower content */
    background-position:top center;
    background-repeat:repeat-y;
}

.accent1,
#navSecondary ul li, #navSecondary ul li a:hover, #navSecondary li ul li a:hover,
.events dt, .events dt a,
.article dt, .article dt a,
#wildlife, #wildlife a
{
    /* This is the primary darker accent color*/
    color:#021952;
    
    /* Notes on above tags and classes */
    /* navSecondary li - text within a UL within this section that is not contained in an href tag
    can be assumed to be an inactive nav listing to the current page */
}   
 
.accent2 {
    /* matches background 2 */
    color:#8d97b1;
}

.background1,
.dividerDept,
#navAudience,
#search {
    /* This is the primary darker background color - it should match accent 1 */
    background-color:#021952;
}

.background2 {
    /* This is the secondary lighter background color. It should be used for accent only and not where content is displayed */
    background-color:#8d97b1;
}

.background3,
#summary {
    /* This is a variant of the secondary lighter background color made lighter for better legibility when containing text  */
    background-color:#ccd1dc;
}

/* press release content - pertinent only to fire, pd by default is City Logo*/
#masthead .leftCol #logo {
    background-image:url(Images/interface/pressLogo-coy.gif);
    background-repeat:no-repeat;
    display:block;
}


/* devices and display conventions specific to this department */