/* 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-belgiumMalinois.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-YPD.jpg);
    background-position:top left; /* adjusting alignment of section icon */
    padding-top:78px; /* Adjust for department name presentation */
}

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

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

.dividerDept {
    background-image:url(Images/interface/sectDiv-YPD.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-YPD.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:#005050;
    
    /* 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:#8cb0b0;
}

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

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

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

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


/* devices and display conventions specific to this department */
/* citizen watch cases */
#caselist div.listing {
 clear:both;
 border-top:1px solid #CCCCCC;
 margin:0 0 1.0em 0;
 }
#caselist div.listing div.description {
 float:right;
 width:400px;
 padding:0.5em 1.0em 0 0.5em;
 }
 
#caselist div.listing div.description .title {
 margin:0 0 0.5em 0;
 font-size:1.5em;
 font-weight:bold;
 line-height:0.9em;
 }
 
#caselist div.listing div.description p {
 margin:0 0 0 0;
 }
#caselist div.listing div.description img {
 margin:0 0.25em 0 0;
 }
#caselist div.listing div.description div.reward {
 display:block;
 font-weight:bold;
 margin:0.25em 0 0.75em 0;
 color:#b2b2b2;
 }
#caselist div.listing div.description div.reward .firstword {
 display:block;
 float:left;
 text-transform:uppercase;
 font-size:2.75em;
 line-height:0.85em;
 margin:24px 0.15em 0 0;
 }
#caselist div.listing div.description div.reward .sentence{
 display:block;
 float:left;
 font-size:1.2em;
 line-height:0.9em;
 margin:24px 0 0 0;
 }
#caselist div.listing div.description div.reward img{
 margin-right:1.0em;
 }

#caselist div.listing div.primarystill {
 float:left;
 width:180px;
 padding:0.5em 0 0 0;
 font-weight:bold;
 }
  
#caselist div.listing div.primarystill img {
 margin-bottom:0.25em;
 }
#caselist div.listing div.primarystill a {
 text-decoration:none;
 }

#caselist div.listing div.primarystill .firstword {
 display:block;
 margin:0.05em 0em 0.05em 0em;
 float:right;
 font-weight:bold;
 font-size:3.5em;
 color:#b2b2b2;
 text-transform:uppercase;
 line-height:0.85em;
 }

#caselist div.featured {
 border:1px solid #ddd;
 border-right:1px solid #666;
 border-bottom:1px solid #666;
 margin-bottom:0;
 padding-bottom:0.75em;
 height:100%;
 }
#caselist div.featured div.description {
 width:390px;
 }
 
#caselist div.featured div.primarystill {
 margin-left:0.5em;
 }
 
#caselist div.featured .heading {
 background-color:#ddd;
 margin-bottom:0.5em;
 font-weight:bold;
 font-size:1.3em;
 padding:0.2em 1.0em 0.25em 0.5em;
 line-height:0.8em;
 border:1px solid #ddd;
 }