/* Special RedDot Editting mode definitions at botttom of page */
/* 
These definitions are made under the asumption that the current
page will not be an active link in the secondary navigation.
*/
* { 
    /* take away all preset margins and padding */
    margin:0px;
    padding:0px;
}
.clear {
    /* effectively clearing lines */
    clear:both;
}
/* page - base structure */
body {
    /* tone in background */
    background-image:url(Images/interface/background_page.gif);
    background-repeat:repeat-y;
    background-position:0 0;
}

#page {
    width:1000px;
    padding-top:8px;
    float:left;
}
    
#pagecolleft {
    width: 178px;
    float:left;
    margin:0 0 0 -1000px;
    background-image:url(Images/interface/page_edge.gif);
    background-repeat:no-repeat;
    background-position:top right;
    min-height:670px;
}
#pagecolright {
    display:block;
    position:relative;
    float:left;
    width:822px;
    margin:0 0 0 178px;
}
#header {
    float:left;
    width:100%;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background-image:url(Images/interface/hdr_sunset.jpg);
    background-position:bottom left;
    background-repeat:no-repeat;
    background-color:#b35e37; /* will be amended to better match and transition to final sunset image */
}
#slogan{
    display:block;
    font-size:1.25em;
    font-style:italic;
    text-align:right;
    margin:3px 5px 2px 0;
    letter-spacing:0.05em;
}
    
#header .city{
    display:block;
    font-size:3.0em;
    line-height:0.7em;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    font-weight:bold;
    margin:38px 0 0 7px;
}
#breadcrumb {
    display:block;
    clear:both;
    font-size:1.1em;
    margin:0 0 0.75em 0.5em;
}
#footer {
    clear:both;
    width:822px;
    padding:0 0 0 178px;
}
/* page - content structure */
#content {
    width:612px;
    margin:0px 6px 0px 6px;
    float:left;
    /* DEBUG LAURIE
    background:#fff; */
}
#contentsecondary {
    width:198px;
    float:left;
}
#summary {
    float:right;
    width:30%;
    margin: 0 0 2px 2px;
    padding:5px;
}
#author, #authorTitle, #authorDepartment {
    display:block;
}
#author {
    font-size:1.0em;
    font-weight:bold;
}
#authorTitle {
    font-size:0.9em;
    font-style:italic;
}
#authorDepartment {
    font-size:0.9em;
    margin-bottom:0.20em;
}
#primary {
    width:100%;
    margin-bottom:3.0em;
    clear:both;
}
.supplemental {
    width:100%;
    clear:both;
}
/* layout - basic structures: these will inherit meaning or context based on where they are used */
.colfull {
    width:100%;
}
.colhalf {
    width:50%;
    float:left;
}
.dividerHorizontal {
    width:100%;
    clear:both;
    line-height:0.5em;
}
.dividerHorizontalThin {
    width:100%;
    clear:both;
    line-height:1px;
    margin:0 0 0 0;
}

/* page elements */
#pagecolleft {
    /* Ensure logo is centered above navigation */
    text-align:center;
}
#pagecolleft img {
    margin:0px auto 1.75em auto;
}
ul#navPrimary {
    width:168px;
    list-style:none;
    text-align:left;
    background-image:url(Images/interface/nav_greyline.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    margin:0 0 65px 10px;
    font-size:1.35em;
    font-weight:bold;
    letter-spacing:-0.02em;
    color:#261D5D; /* COY purple */
}
ul#navPrimary li {
    background-image:url(Images/interface/nav_greyline.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding:10px 0 10px 0;
    }
ul#navPrimary  li a {
    display:block;
    text-decoration:none;
    color:#342775;
    }
#navSecondary {
    min-height:1085px; /* Navigation 950 px plus section icon height */
    background-position:132px 145px;
    background-repeat:no-repeat;
    font-size:1.15em;
    letter-spacing:-0.02em;
    line-height:1.1em;
    font-weight:bold;
}
#navSecondary #sectionName, #widgetWeather {
    display:block;
    width:181px;
    height:135px;
    margin:0 6px 9px 9px;
    padding:3px 2px 0 0;
    background-position:top left;
    background-repeat:no-repeat;
}

#navSecondary #sectionName {
    text-transform:uppercase;
    font-size:1.75em;
    line-height:0.9em;
    color:#fff; /* will need to be set to white #fff */
    text-align:right;
}
 
#widgetWeather p, #widgetWeather #temperature, #widgetWeather #condition {
    clear:both;
    margin-left:65px;
    color:#26235d;
}
#widgetWeather #temperature {
    display:block;
    font-size:2.0em;
    line-height:0.9em;
}
#widgetWeather #condition {
    display:block;
    min-height:2.0em;
}
#widgetWeather #temperature, #widgetWeather #condition {
    font-weight:bold;
}
#widgetWeather .link {
    display:block;
    text-align:center;
}
#navSecondary #sectionName a {
    color:#FFF;
    text-decoration:none;
}
#navSecondary ul {
    display:block;
    margin:0 0 0 1.0em;
    list-style:none;
}
#navSecondary ul li {
    padding:0 0 0.65em 0;
}
#navSecondary ul li a {
    display:block;
    text-decoration:none;
    /* color:#636567; original color from AI layouts - seems too dark */
    color:#7a7d7f;
}
#navSecondary ul li ul {
    margin-top:0.5em;
    padding-top:0.25em;
}
#navSecondary ul ul {
    margin-left:0.75em;
    padding-left:0.5em;
    border-top:2px solid #ccc;
    border-bottom:2px solid #666;    
}

#navAudience, #search {
    display:block;
    float:left;
    margin:0.5em 0 0.75em 0; 
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}
#navAudience {
    width:618px; /* 612 content plus left margin of 6px */
    margin-right:9px; 
    clear:both;
}
#navAudience ul {
    list-style:none;
}
#navAudience ul li {
    float:right;
    width:19.5%;
    border-right:1px solid #fff;
    text-align:center;
}
#navAudience a, #search a {
    text-decoration:none;
    color:#fff;
}
#search {
    width:183px;
    margin-left:6px;
    padding-left:5px;
}
/* General Article Parameters */
#primary p {
    margin-bottom:0.75em;
}
#primary p img {
    margin:5px;
}

#primary a img {
    border:0;
}

/* Events and News Listings */
/* This should work as is for both brief items at bottom of page as well as full page lists */
.events, .article {
    margin:0.5em 0.5em 0em 0.5em;
    list-style:none;
}
.events dt, .article dt {
    display:block;
    font-size:1.1em;
    font-weight:bold;
    clear:both;
}

#featureMain .feature dt { /* 20080924 */
    font-size:1.3em;
}

.article dd {
    margin:0.2em 0 0.75em 0;
}
.events dd {
    margin:0.2em  0 1.0em 2.5em;
}
.article img, .events img {
    margin:0 0.2em 0 0;
    float:left;
}

.article .date {
    display:block;
    text-align:right;
    margin:0.5em; 0 0 0;
}
.events .day, .events .month, .events .name {
    display:block;
}
.events .name {
    margin-left:2.25em;
}
.events .month {
    text-transform:uppercase;
}
.events .day {
    float:left;
    width:1.75em;
    margin-right:0.5em;
    text-align:right;
}
.events .day {
    font-size:1.4em;
    line-height:1.1em;
}
#featureMain {
    width:100%;
    display:block;
    position:relative; /* for Lauries graphic */
    float:left;
    min-height:240px;
}
#featureMain .feature .date {
    /* News or article listings used as featured items should not display last modified date */
    display:none;
}
#featureMain .feature {
    width:47%; /*47.5%; */
    display:block;
    float:left;
    margin-top:1em;
    margin-bottom:0 2em;
    /*font-size:1.1em;*/
}
#featureImage {
    display:block;
    float:right;
    /* parent container must be postion:relative */
    position:absolute;
    bottom:0px;
    right:0px;
}
.featureImageBelow {
    /* compliment to above - must be adjusted if featureImage size parameters should change 
    additionally, IE 6 specific stylesheet must be adjusted as well */
    margin-bottom:230px;
}
    
.supplemental .more {
    display:block;
    float:right;
    margin:1.0em 0.2em 2.0em 0;
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
}
#wildlife {
    display:block;
    position:absolute;
    width:168px;
    margin:-375px 0 20px -168px; /* must clear top edge of background image */
    font-size:0.95em;
}
#wildlifeName {
    display:block;
    text-align:left;
    font-size:1.0em;
    font-weight:bold;
    text-transform:uppercase;
}
#footer {
    font-size:0.9em;
    padding-bottom:3em;
    margin-top:225px;
}
#navFooter {
    display:block;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding: 4px 0 4px 0;
    margin:0 0 0.3em 0;
    overflow:hidden;
}
#navFooter p, #navFooter ul{
    display:block;
    line-height:0.9em;
}
#navFooter p {
    float:left;
}
#navFooter ul{
    float:right;
    margin-right:-1px; /* hide trailing vertical line on footer navigation */
}
#navFooter li {
    display:inline;
    border-right:1px solid #000;
    padding:0px 5px 0px 5px;
}
#navFooter li a {
    color:#000;
    text-decoration:none;
}
/* page styles */
body {
    /* This was originally defined on the page id */
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
}
h1, h2, h3, h4, h5 { display:inline; }
h1 {
    font-size:1.75em;
}
h2 {
    font-size:1.40em; /* 1.35em 20080924*/
}
h3 {
    font-size:1.20em; /* 1.10em 20080924*/
}
h4 {
    font-size:1.10em; /* 1.00em 20080924*/
}
h5 {
    font-size:1.00em; /* 1.00em 20080924*/
}
#intro {
    font-size:1.15em;
}
#summary h2, .supplemental h2 {
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
}
.supplemental h2 {
    margin:0 0 0.4em 0.6em;
}
#summary h3 {
    display:block;
    float:left;
    width:55%;
    font-size:0.9em;
    font-weight:bold;
}
#contentsecondary {
    font-size:0.9em;
}
#contentsecondary h2 {
    font-size:1.0em;
    text-transform:uppercase;
    padding-left:0.5em;
}
#content p, #summary p, #wildlife p {
    padding:0 0 0.75em 0;
}
/* Special Pages */
/* Audience Pages  - Residents, Visitors, Businesses, Government */
.audienceList h2 {
    display:block;
    font-style:italic;
    font-size:1.3em;
    margin-top:1.0em;
    line-height:0.9em;
}
.audienceList ul {
    margin-bottom:2.0em;
}
.audienceList ul li{
    margin-bottom:0.5em;
}
/* Weather Widget */
#widgetWeather {
    background-image:url(Images/interface/sectIcon-weather.jpg);
}
/* Construction and Meetings Lists */
#construction, #meetings {
    display:block;
    margin-top:1.0em;
    margin-bottom:2.5em;
    margin-left:9px;
}
#meetings .events .name, #meetings .events .day {
    font-weight:normal;
}
#meetings dt {
    margin-top:0.75em;
}
/* Base Color Styles - these are consistent in every page of the site. */
#primary h2, #primary h3, #primary h4, #primary h5 {
    /* 13th hour - add dimension to page and allow content to fall back a bit as compared to titles */
    color:#333;
} 

.accentNeutral,
#breadcrumb, #breadcrumb a,
#summary h2,
.supplemental h2, .supplemental .more, .supplemental .more a,
.article .date,
.audienceList h2,
#contentsecondary h2 {
    color:#9d9fa1;
}
/* darker neutral color for text */
#contentsecondary dl, #contentsecondary dt a  {
    color:#555;
}
.backgroundNeutral {
    background-color:#9d9fa1;
}
/* The color schemes below will be overwritten specific to departmental sections
loaded via a secondary style sheet keyed to an info placeholder on active template 
in RedDot CMS. This will allow site wide color adjustments without republishing all 
affected pages.
The following colors are provided only as a default and for debugging purposes.
*/
#page {
    background-image:url();
    background-position:bottom left;
    background-repeat:no-repeat;
}
#navSecondary #sectionName {
    background-image:url();
}
#navSecondary {
    background-image:url();
}
.dividerDept {
    background-image:url();
    background-position:top left;
    background-repeat:no-repeat;
    height:22px;
    margin:0 0 1px 0;
}
.supplemental {
    background-image:urlImages/interface/sectRule_000000.gif);
    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:#000;    
    /* 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 */
}    
.background1,
.dividerDept,
#navAudience,
#search {
    /* This is the primary darker background color - it should match accent 1 */
    background-color:#000;
}
.background2 {
    /* This is the secondary lighter background color. It should be used for accent only and not where content is displayed */
    background-color:#777;
}
.background3,
#summary {
    /* This is a variant of the secondary lighter background color made lighter for better legibility when containing text  */
    background-color:#eee;
}


/*press release masthead specific */
#masthead {
    display:block;
    margin:0 0 0 5px;
    text-align:left;
}

#masthead .leftCol, #masthead .rightCol {
    display:block;
    float:left;
}

#masthead .leftCol {
}

#masthead .rightCol {
    width:480px;
    margin-left:5px;
}

#masthead #logo {
    width:100px;
    height:100px;
}

#masthead #logo {
    display:none;
    background-position:left 5px;
}

#masthead #summary {
    background-color:#fff;
    width:96%;
    float:left;
    padding-left:0px;
    margin-top:1.0em;
}

#masthead #summary h3{
    display:block;
    width:7em;
    text-transform:uppercase;
}

#masthead #summary .field {
    display:block;
    margin:0 0 0.5em 7em;
}

#masthead #pageType, #masthead h2, #masthead h3, #masthead h4, #masthead h5 {
    color:#777;
    text-transform:uppercase;
    font-weight:bold;
    margin:0 0 0 0.25em;
}

/* 20080628 Amending Press Release masthead to use identical html as normal articles */
#masthead #summary span {
    display:inline;
    font-weight:normal;
    font-style:normal;
    padding-right:1.0em;
}

/* quick debug code */
#primary ul li, #primary ol li{
    margin-left:3em;
}
 
#primary table {
    /*text-align:center;20080519*/
}

#primary ul, #primary ol {
    margin-bottom:1.0em;
}
 
#primary dt {
    margin:0.5em 0 0.25em 0;
}

#primary h1, #primary h2, #primary h3, #primary h4, #primary h5 {
    display:block;
    margin-bottom:0.5em;
    margin-top:0.5em; /* 20080924 */
    /* Address headers wrapping images ie. utilities */
    clear:left;
} 

#primary #summary h1, #primary #summary h2, #primary #summary h3, #primary #summary h4, #primary #summary h5 {
    display:block;
    margin-bottom:0;
} 

/* special cases */

#departmentList ul li {
    font-size:1.2em;
    margin-top:0.25em;
    font-weight:bold;
}

#departmentList ul li a{
    color:#021952; 
}
 
/* Initially added for television schedules, will be amended to address all large tables of data */

#primary .largeTable table {
    font-size:0.7em;
}

#primary .largeTable table tr {
    height:3.0em;
}

#primary .largeTable table th {
    height:1.0em;
}

/* Address spacing issues on tables */
#primary table tr td{
    /*padding:0.2em;*/
}

hr {
    display:none;
    width:90%;
}

/* landing page introductory section */
.trailingLink {
    /* this is currently used on landing page intros but may see value anywhere we would like a form element to populate a link */
    display:inline;
    font-style:italic;
}

#intro p {
    display:inline;
}

/* 13th hour - countering optical illusion that paragraphs are slightly out-denting under headings */

#content #primary p {
    margin-left:0.1em;
}
 
/* RedDot appears to be resetting all table to center, by default we will have cells align left */

td { 
    text-align:left;
}
 
/* City Council Packet Specific*/ 
.councilPacket {
    margin:0;
}
.councilPacket ul {
    margin:0;
}
.councilPacket ul li{
    margin:0 0 0 1.0em;
}
 

/* adding some spacing on general ul lists within the content area */
#primary ul li {
    margin-bottom:0.5em;
}

/* formatting specific to campatin finance reports, may be extended at later date */

.fileList dl{
    margin-left:1.0em;
}

.fileList dl dt{
    font-weight:bold;
}

.fileList dl dd{
    margin-left:5.5em;
}

.box {
    display:compact;
    border: 1px solid #ccc;
    padding:0.5em;
    margin:0.5em 0.0em 1.0em 0.0em;
}

    /* START hot news specific code */
    div #hotNews {
        width:568px; 
        margin:auto;
        margin-top:-1.2em;
        margin-bottom:1.0em; 
        background-color:#fff;
        background-image:url(http://www.yumaaz.gov/Images/interface/Bkgrnd-news.gif);
        background-repeat: no-repeat;
        background-position:bottom;
        padding-bottom:3.5em;
    }
    
    div#hotNews .sectionTitle {
        text-transform:uppercase;
        font-size:1.4em;
        font-weight:bold;
        letter-spacing:0.8em;
        color:#c90010;
        margin:0em 0 0.0em 0.7em;
        line-height:0.75em;
    }
    
    div#hotNews dl.article {
        margin-top:0;
        padding:0.5em;
    }
    
    div#hotNews dl.article dd {
        font-size:0.9em;
        line-height:1.0em;
    }
    div#hotNews dl.article dt {
        font-size:1.1em;
        margin-top:0.5em;    }
    div#hotNews dl.article dd span.date {
        display:none;
        }
    div#hotNews dl.article dd img {
        margin-bottom:0.75em;
    }
    /* END   hot news specific code */

/* ACIS Contact Display added 20100421 - seperate copy lives in tw server*/
#contactInfo.standard {
    width:98%;
    background-image:url(http://www.YumaAZ.gov/Images/General/ss-0000-Contact-med.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
}
#contactInfo #infoBlock {
    /* default layout for contact image background */
    width:57%;
    padding:1.5em 0 0 0;
    float:left;
}
#contactInfo #deptPhoto {
    float:right;
    margin-top:1.0em;
    text-align:right;
    font-style:italic;
    font-size:0.95em;
}
    
#contactInfo #infoBlock .label {
    font-size:0.90em;
    line-height:1.6em;
    color:#9d9fa1;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
    clear:all;
}
#contactInfo #infoBlock .right {
    float:right;
}
#contactInfo #infoBlock br {
    clear:both;
}
#contactInfo #infoBlock p {
    margin:0.25em 0 0 5.0em;
}