body,html
{
    height:100%;
    width:100%;
    background:#e4eff9 url(/images/backgrounds/site-bg.png) repeat-x top left;
    padding:0px;
    margin:0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    font-family:Arial,verdana,tahoma,Sans-Serif;
    line-height:15px;
    font-size:12px;
    color:#333333;
}

strong
{
    font-weight:bold;
}

em
{
    font-style:italic;
}

p
{
    margin:3px 0px 8px 0px;
    text-align:justify;
    text-align-last:left;
}

.footer-sitemap-menu,
.right-side-bar-menu
{
    list-style:none;
    padding:0;
}

a{
    color:#3b71a1;
    text-decoration:none;
}

a:hover{
    color:#982222;
    text-decoration:underline;
}

a[target=_blank]{
    padding-right:12px;
    background:url(/images/icons/external-link.png) no-repeat right center;
}

a.no-icon[target=_blank]{
    padding-right:0px;
    background:none;
}

span.citation,
span.citation > em,
span.citation em
{
    font-size:10px;
    color:#696969;
}

span.citation a{
    font-size:10px;
}

div.clearer,
div.clearBoth
{
    clear:both;
}

div.data-row
{
    margin:3px auto 5px auto;
}

div.label-cell
{

}

div.data-cell
{
    
}

div.data-cell,
div.data-cell strong
{
    font-size:12px;
}

span.label
{
    font-weight:bold;
    font-size:12px;
}


div.half{
    width:50%;
    float:left;
}
div.half + div.half{
    float:right;
}

h1{
    font-family:Georgia,Times New Roman,Serif;
    font-size:16pt;
    line-height:18pt;
    color:#1e3e5a;
    margin-bottom:8px;
}

h2{
    font-family:Georgia,Times New Roman,Serif;
    font-size:16pt;
    line-height:18pt;
    color:#1e3e5a;
    text-transform:lowercase;
    font-variant:small-caps;
    margin-bottom:8px;
}

h3{
    font-family:Georgia,Times New Roman,Serif;
    color:#000000;
    font-size:15pt;
    line-height:17pt;
    text-transform:lowercase;
    font-variant:small-caps;
    margin-bottom:8px;
    white-space:nowrap;
}

h4{
    font-family:Arial;
    font-weight:bold;
    font-size:11pt;
    line-height:13pt;
    color:#818181;
    margin-bottom:4px;
}

#site-container
{
    position:relative;    
    width:980px;
    margin:0px auto 0px auto;
    background-color:#ffffff;
    border:1px solid #ececec;
    border-top:none;
    border-bottom:none;
}

#site-inner-container{
    padding:0px 2px 0px 2px;
}

#header-container{
    background:#ffffff url(/images/backgrounds/header-bg.png) no-repeat top left;
    border:1px solid #d8d8d8;
    border-top:none;
    height:69px;
    margin:0px;
    position:relative;
    z-index:999999;
}

#borough-name-in-words-container{
    width:210px;
    height:40px;
    position:absolute;
    bottom:0;
    left:0;
    margin-left:28px;
}

#seal-container{
    position:absolute;
    width:132px;
    height:128px;
    top:0;
    left:418px;
    z-index:99999999;
    margin-top:-2px;
}

#site-search-container{
    position:absolute;
    right:0;
    bottom:0;
    margin-bottom:10px;
    margin-right:10px;
}

input[name=q]{
    margin-top:8px;
    margin-right:4px;
}

input[name=sa]{
    margin-top:5px;
    display:inline;
}

#top-navigation-container{
    background:#285379 url(/images/backgrounds/navigation-bg.png) repeat-x;
    height:46px;
    max-height:46px;
}

ul#top-navigation{
  width:822px;
  margin:0px auto 0px 100px;
    z-index:999;  
}

ul#top-navigation li{
    float:left;
    height:46px;
    position:relative;
    z-index:999;
}

ul#top-navigation li.nav-separator{
    width:10px;
    background:url(/images/navigation/navigation-separator.png) no-repeat;
}

ul#top-navigation li.nav-center-separator{
    width:164px;
}

#home-page-banner-container{
    height:231px;
    background:#1a4b7b url(/images/backgrounds/slides-bg.png) repeat-x;
    width:100%;
    position:relative;
    z-index:99;
}

#home-page-banner-inner-container{
    padding:4px;
    position:relative;
}

#home-page-banner-content-container{
    border:1px solid #f5f5f7;
    height:221px;
}

#home-page-slide-show-slide-container{
    margin:15px 0px 0px 25px;
    float:left;
    width:585px;
}

#home-page-slide-welcome-message-container{
    float:right;
    width:320px;
    margin-top:50px;
    margin-right:10px;
}

#sub-navigation-container{
    width:100%;
    height:42px;
    background:url(/images/backgrounds/sub-navigation-bg.png) repeat-x;
}

ul#sub-navigation-menu{
    width:100%;
    margin:0px auto 0px auto;
}

ul#sub-navigation-menu li{
    float:left;
    content:"|";
    font-size:9pt;
    color:#525252;
    margin:8px auto 0px auto;
    padding:0px 5px 0px 5px;
}

ul#sub-navigation-menu li.nav-separator{
    text-align:center;
    padding:0px;
}

ul#sub-navigation-menu li,
ul#sub-navigation-menu li a{
    font-size:10px;
    color:#525252;
    text-transform:uppercase;
}

ul#sub-navigation-menu li a{
    text-decoration:none;
}

ul#sub-navigation-menu li a:hover{
    text-decoration:underline;
}

#content-container{
    padding-bottom:50px;
    position:relative;
    min-height:800px;
}

#main-content-container{
    width:670px;
    padding:15px 0px 15px 0px;
    float:left;
}

#inner-content-container{
    padding:0px 10px 0px 10px;
}

#right-sidebar-container{
    background:url(/images/backgrounds/right-column-bg.png) no-repeat top left;
    width:253px;
    padding:15px 20px 20px 20px;
    min-height:800px;
    height:100%;
    float:right;
}

#footer-container{
    position:relative;
    background:#fefefe url(/images/backgrounds/footer-with-line-bg.png) repeat-x top left;
    width:100%;
    min-height:238px;
    padding-bottom:27px;
}

#footer-seal-container{
    position:absolute;
    top:0;
    margin-top:-27px;
    left:45%;
}

#footer-content-container{
    position:relative;
}

#footer-sitemap-container{
    width:930px;
    margin-left:auto;
    margin-right:auto;
    padding-top:78px;
}

#copyright-container{
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
}

span.copyright-text{
    font-size:8pt;
    color:#818181;
}

.footer-sitemap-column-container{
    width:16%;
    float:left;
}

ul.footer-sitemap-menu li a
{
    font-size:9.3pt;
}

ul.footer-sitemap-menu li a,
ul.footer-sitemap-menu li a:visited
{
    color:#818181;
}

div.footer-sitemap-column-container.footer-departments ul.footer-sitemap-menu
{
    float:left;
    width:48%;
}

div.footer-sitemap-column-container.footer-departments ul.footer-sitemap-menu.right-department-menu
{
    float:right;
    margin-right:0px;
}

#welcome-message-container{
    padding:0px 10px 15px 15px;
}

#welcome-message-photo-container{
    float:left;
    width:107px;
}

#welcome-message-text-container{
    float:right;
    width:515px;
}

span.posting-date{
    display:block;
    padding-bottom:2px;
    color:#1c3a54;
}

div.content-item-container{
    background:url(/images/backgrounds/dotted-separator.png) no-repeat bottom left;
    padding-bottom:20px;
    margin:0px;
}

div.content-item-container a{
    text-decoration:none;
    color:#3f3f3f;
}

div.content-item-container a:hover{
    text-decoration:underline;
}

div.subsection-left,
div.subsection-right{
    padding:10px;
}

div.subsection-left{
    background:url(/images/backgrounds/sub-section-left-bg.png) no-repeat top left;
}

div.subsection-right{
    background:url(/images/backgrounds/sub-section-right-bg.png) no-repeat top left;
}

span.more-indicator{
    font-weight:bold;
    color:#982222;
}

a:hover span.more-indicator{
    color:#1c3a54;
    text-decoration:none;
}

div.list-buttons-container{
    position:relative;
    margin-top:4px;
}

div.feed-icons-container{
    position:absolute;
    right:0;
    top:0;
    margin:2px;
    height:16px;
    width:16px;
}

div.calendar-widget{
    width:263px;
    margin-bottom:15px;
}

div.calendar-widget-top{
    background:url(/images/backgrounds/notebook-spiral.png) no-repeat top left;
    height:41px;
}
div.calendar-widget-content{
    background-color:#ffffff;
    padding:10px;
}

div.calendar-widget-bottom{
    background:url(/images/backgrounds/page-curl-bg.png) no-repeat top left;
    height:45px;
    padding-left:10px;
}

div.box{
    position:relative;
    width:263px;
    margin-bottom:15px;
}

div.box-top{
    height:37px;
    background:url(/images/backgrounds/box-header-bg.png) no-repeat bottom left;
    padding-left:2px;
}

div.box-top h3{
    color:#ffffff;
    margin-top:4px;
    padding-top:6px;
    white-space:nowrap;
    font-size:13pt;  
    padding-left:33px;
    background-position:bottom left;
    background-repeat:no-repeat;  
}

div.box-top h3.municipal-code{
    background-image:url(/images/icons/municipal-code.png);
}

div.box-top h3.service-requests{
    background-image:url(/images/icons/service-requests.png);
}

div.box-top h3.emergency-notification{
    background-image:url(/images/icons/emergency-notification.png);
}

div.box-top h3.weather{
    background-image:url(/images/icons/weather.png);
}

div.box-content{
    background-color:#1c3a54;
    padding:10px;
}

div.box-content p,
div.box-content a,
div.box-content span,
div.box-content strong,
div.box-content div{
    color:#b4d9f9;
}

div.box-bottom{
    height:12px;
    background:url(/images/backgrounds/box-bottom-bg.png) no-repeat top left;
}

#share-this-container
{
    width:96%;
    margin:75px auto 50px auto;
    border:1px solid #cccccc;
    padding:10px;
    position:relative;
}

#share-this-bookmarks-container
{
    padding:4px;
}

ul.share-this
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.share-this li
{
    float:left;
    width:18%;
    margin-bottom:3px;
}

ul.share-this li.no-wrap
{
    width:auto;
    white-space:nowrap;
}

ul.share-this li a
{
    font-size:11px;
    font-weight:normal;
}

ul.share-this li img
{
    vertical-align:middle;
}

img.share-this { background: url(/images/icons/social-sprite.png) no-repeat top left; height:24px;width:24px; }
img.share-this.blogger { background-position: -0px 0; width: 24px; height: 24px; }
img.share-this.delicious { background-position: -24px 0; width: 24px; height: 24px; }
img.share-this.digg { background-position: -48px 0; width: 24px; height: 24px; }
img.share-this.facebook { background-position: -72px 0; width: 24px; height: 24px; }
img.share-this.feedburner { background-position: -96px 0; width: 24px; height: 24px; }
img.share-this.flickr { background-position: -120px 0; width: 24px; height: 24px; }
img.share-this.furl { background-position: -144px 0; width: 24px; height: 24px; }
img.share-this.google { background-position: -168px 0; width: 24px; height: 24px; }
img.share-this.lastfm { background-position: -192px 0; width: 24px; height: 24px; }
img.share-this.linkedin { background-position: -216px 0; width: 24px; height: 24px; }
img.share-this.netvibes { background-position: -240px 0; width: 24px; height: 24px; }
img.share-this.newsvine { background-position: -264px 0; width: 24px; height: 24px; }
img.share-this.rss { background-position: -288px 0; width: 24px; height: 24px; }
img.share-this.stumbleupon { background-position: -312px 0; width: 24px; height: 24px; }
img.share-this.technorati { background-position: -336px 0; width: 24px; height: 24px; }
img.share-this.twitter { background-position: -360px 0; width: 24px; height: 24px; }
img.share-this.wordpress { background-position: -384px 0; width: 24px; height: 24px; }
img.share-this.yahoo { background-position: -408px 0; width: 24px; height: 24px; }



div#alert-banner-container
{
    background-color:#dc143c;
    border-bottom:3px solid #8e0d27;
    width:100%;
    position:relative;
}

div#alert-banner-title-container
{
    padding:2px 0px 3px 0px;
    border-bottom:1px solid #8e0d27;
    background-color:#be1033;
}

div#alert-banner-get-these-container a
{
    font-size:11px;
    font-weight:bold;
    color:#cccccc;
}

div#alert-banner-title-text
{
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    font-variant:small-caps;
}

div#alert-banner-title-text,
div#alert-banner-items-container
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

div#alert-banner-get-these-container
{
    position:absolute;
    right:0;
    top:0;
    margin-right:50px;
}

ul#alert-banner
{  
    list-style-type:none;
    position:relative;
}

.alert-banner-item a,
.alert-banner-item a.alert-banner-more-link
{
    color:#ffffff;
    white-space:nowrap;
    font-size:10px;
    font-weight:bold;
}

.alert-banner-item{
    float:left;
    margin:0px;
    padding:0px;
    height:25px;
    white-space:nowrap;
    color:#ffffff;
    font-size:15px;
}

.tickercontainer 
{ /* the outer div with the black border */
    background: #dc143c; 
    width: 100%; 
    height: 50px; 
    margin: 0px; 
    padding: 0px;
    overflow: hidden; 
}
.tickercontainer .mask 
{ /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 8px;
    width: 100%;
    overflow: hidden;
}

ul.attachments-list
{
    list-style-type:none;
    margin:0;
    padding:0;
    margin:0px 5px 8px 5px;
}

ul.attachments-list li
{
    width:45%;
    float:left;
}

input[type=submit].smaller-submit-button
{
    font-size:11px;
    font-weight:bold;
    text-transform:lowercase;
    padding:4px;
    color:#333333;
}

.posted-date
{
    text-align:right;
    width:75%;
    float:right;
}

.press-contact
{
    margin-bottom:8px;
}
.press-contact div,
.press-contact a
{
    font-size:10px;
}

.press-contact div
{
    color:#333333;
}

.event-links-container
{
    width:34%;
    float:left;
    white-space:nowrap;
}

.select-department-for-calendar-container
{
    width:500px;
    float:left;
}

.select-department-for-calendar-container a,
.select-department-for-calendar-container select option
.select-department-for-calendar-container select option[selected=selected],
.select-department-for-calendar-container select:first-child
{
    font-size:10px;
}

.select-department-for-calendar-container a:hover
{
    cursor:pointer;
}

.subscribe-anchor-container
{
    text-align:right;
    margin:0px 0px 5px auto;
    float:right;
    width:200px;
}

.event-links-container a,
.subscribe-anchor-container a
{
    font-size:10px;
}

/********************************************************************************************************/
/**     FULL-PAGE CALENDAR STYLES **/
/********************************************************************************************************/
#site-container.full-page-calendar-page-container
{
    width:1100px;
}

#site-container.full-page-calendar-page-container #header-container{
    background-image:none;
}

#full-page-calendar-site-container
{
    width:1100px;
    margin:0px auto 0px auto;
    padding:15px 0px 50px 0px;
}

.full-page-calendar
{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
}

.previous-month-control:hover,
.next-month-control:hover{
    cursor:pointer;
}

.previous-month-control,
.next-month-control,
.selected-month-name-container
{
    float:left;
    height:16px;
    padding:4px;
}

.previous-month-control,
.next-month-control
{
    width:16px;
    text-align:center;
    border:1px solid #cccccc;
}

.selected-month-name-container
{
    width:1039px;
    border:1px solid #cccccc;
    text-align:center;
    font-weight:bold;
}

.previous-month-control,
.selected-month-name-container{
    border-right:none;
}

.next-month-control,
.selected-month-name-container{
    border-left:none;
}

.day-of-week
{
    text-align:center;
    font-size:10px;
    font-weight:bold;
    text-transform:lowercase;
    padding-top:4px;
    padding-bottom:4px;
}

.day-of-week,
.calendar-day
{
    width:153px;
    margin:0px 1px 1px 1px;
    float:left;
}

.day-number
{
    font-weight:bold;
    font-size:15px;
    padding:2px;
    border:1px solid #cccccc;
    border-top:none;
    border-left:none;
    width:30px;
    text-align:center;
    margin-bottom:4px;
    background-color:#fcfcfc;
}

.calendar-day
{
    height:180px;
    border:1px solid #777777;
}

.other-month-day
{
    background-color:#ececec;
}

.calendar-day:hover
{
    border-color:#9e2200;
    background-color:#fefefe;
}

.calendar-day:hover > .day-number
{
    color:#9e2200;
}

.other-month-day .day-number,
.other-month-day:hover .day-number
{
    color:#cdcdcd;
}

.day-number:hover
{
    cursor:pointer;
}

.calendar-day a.calendar-event
{
    font-size:11px;
}

.ical-format-container
{
    width:1080px;
    margin:25px auto 25px auto;
    border:1px solid #cccccc;
    padding:8px;
    background-color:#ececec;
    
}

.event-item
{
    padding:2px;
    margin-bottom:2px;
    border-top:1px solid #ececec;
}

.days-events-container > .event-item:first-child{
    border-top:none;
}

.event-item:hover
{
    background-color:#ffffff;
    cursor:pointer;
}

.view-event-as-full-page-container
{
    text-align:right;
}

.view-event-as-full-page-container a
{
    font-size:11px;
}

.calendar-event-title-link:hover{
    cursor:pointer;
}

a.more-events-for-date-link
{
    background-color:#ececec;
    border:1px solid #cccccc;
    padding:2px 5px 2px 5px;
    font-size:10px;
    font-weight:bold;
}

a.more-events-for-date-link:hover
{
    background-color:#9e2200;
    color:#ffffff;
}
/********************************************************************************************************/
/**     END FULL-PAGE CALENDAR STYLES **/
/********************************************************************************************************/
ul.links-list li{
    margin:0px 0px 5px 0px;
}

.departmental-banner{
    margin-bottom:8px;
}

div.other-content-container{
    background-color:#ececec;
    padding:8px;
    border:1px solid #cccccc;
}
div.other-content-container h2{
    font-weight:bold;
    font-size:14pt;
}

div#departments-sub-navigation-container{
    width:400px;
    position:absolute;
    background-color:#437eb0;
    z-index:99999999;
    padding:5px;
    border:1px solid #162e42;
    border-top:none;
    margin-top:-4px;
}

div.departments-navigation{

}

div.departments-navigation > div.half div{
    margin:4px;
}

div.departments-navigation div a{
    color:#ffffff;
}

a.slide-changer{
    display:inline-block;
}

a.slide-changer div{
    font-size:13pt;
    width:30px;
    height:29px;
    padding-top:5px;
    text-align:center;
    display:inline-table;
    color:#a9d2f4;
    font-family:Georgia,Times New Roman,Serif;
}

a.slide-changer.selected-slide div{
    background:url(/images/backgrounds/selected-slide-bg.png) no-repeat top left;
}

a.slide-changer:hover{
    text-decoration:none;
    cursor:pointer;
}

ul.photo-gallery-list li{
    width:30%;
    float:left;
    margin:0px 10px 15px 10px 0px;
}

.gallery-photo-container{
    height:100px;
}

.gallery-name-container{
    margin-bottom:8px;
}