@charset "utf-8";
/* CSS Document */

#alert
{
 position: absolute;
 top: 116px;
 right: 0px;
 height: 69px;
 width: 700px; 
 background: url(../images/alerts.gif) no-repeat top right;
}
#alert a
{
 display:block;
  height: 69px;
 width: 700px; 
 text-indent:-5000px;
 overflow:hidden;
}



a,
a:active,
a:visited
{
 color: #26446a;
 padding:0;
 margin:0;
}
a:hover
{
 color:#86abc6;
 text-decoration:none;
}
.left
{
 float:left;
}
.right
{
 float:right;
}
body
{
 background-color: #26446a;
 padding: 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 color:#333333;
}

.front #main
{
 margin: 0 auto;
 width: 958px;
 background:#f4f9fd url(../images/home_bg.jpg) top no-repeat;
}
.not-front #main
{
 margin: 0 auto;
 width: 958px;
 background:#f4f9fd url(../images/secondary_bg.jpg) top no-repeat;
}
#main-inner
{
 position:relative;
 width: 958px;
 background: url(../images/footer_bg.gif) bottom no-repeat;
 }
#footer
{
 margin: 0 auto;
 width: 908px;
 height:60px;
 font-size: .65em;
 color: #799cc2;
 padding:18px 0 10px 50px;
 background:url(../images/footer.gif) left 12px no-repeat;
}
#footer .s1
{
 float:left;
}
#footer .s2
{
 float:left;
 clear:left;
}

#footer a
{
 color:#799CC2;
 text-decoration:none;
}
#footer a:hover
{
 color:#799CC2;
 text-decoration:underline;
}
.front #main-inner
{
 padding-bottom: 60px;
}
 
#site-name
{
 position:absolute;
 top:14px;
 left:24px;
}
#site-name,
#site-name a
{
 margin: 0;
 padding: 0;
 width:324px;
 height: 64px;
 display:block;
}
#site-name a
{
 text-indent: -5000px;
 overflow:hidden;
 background:url(../images/snow-removal.gif) no-repeat;
}
#navbar
{
 width: 588px;
 height:49px;
 position:absolute;
 right: 0;
 top: 0;
}

#navbar ul
{
 margin:0;
 padding:0;
 list-style: none;
 list-style-image:none;
 display:block;
 width: 588px;
 height:49px;
}
#navbar ul li,
#navbar ul li a {
 display:block;
 margin:0;
 padding:0;
 list-style: none;
 list-style-image:none;
 float:left;
 height:49px;
}
#navbar ul li a
{
 text-indent:-5000px;
 overflow:hidden;
}


#navbar ul li.home a
{
 width: 87px; 
 background:url(../images/menu.jpg) no-repeat left -49px;
}
#navbar ul li.home a:hover
{
 background:url(../images/menu.jpg) no-repeat left -98px;
}
.home #navbar ul li.home a
{
 background:url(../images/menu.jpg) no-repeat left top;
}
#navbar ul li.snow-update a
{
 width: 152px;
 background:url(../images/menu.jpg) no-repeat -87px -49px;
}
#navbar ul li.snow-update a:hover
{
 background:url(../images/menu.jpg) no-repeat -87px -98px;
}
.snow-update #navbar ul li.snow-update a
{
 background:url(../images/menu.jpg) no-repeat -87px top;
}

#navbar ul li.denver-difference a
{
 width: 275px;
 background:url(../images/menu.jpg) no-repeat -239px -49px;
}
#navbar ul li.denver-difference a:hover
{
 background:url(../images/menu.jpg) no-repeat -239px -98px;
}
.denver-difference #navbar ul li.denver-difference a
{
 background:url(../images/menu.jpg) no-repeat -239px top;
}
#navbar ul li.faq a
{
 width: 72px;
 margin-right:1px;
 background:url(../images/menu.jpg) no-repeat -514px -49px;
}
#navbar ul li.faq a:hover
{
 background:url(../images/menu.jpg) no-repeat -514px -98px;
}
.faq #navbar ul li.faq a
{
 background:url(../images/menu.jpg) no-repeat -514px top;
}
#header
{
 text-indent:-5000px;
 overflow:hidden;
 position:absolute;
 right:0;
 top:185px;
 width: 680px;
 height: 140px;
}

.snow-update #header
{
 background: url(../images/headers.jpg) top right no-repeat;
 width:580px;
}
.faq #header
{
 background: url(../images/headers.jpg) bottom right no-repeat;
 width:260px;
}
.denver-difference #header
{
 background: url(../images/headers.jpg) right -140px no-repeat;
 width:680px;
}
#safe-streets
{
 width: 533px;
 height: 163px;
 background:url(../images/front_snow_safe.jpg) no-repeat;
 position: absolute;
 top: 365px;
 right: 44px;
}
#safe-streets span
{
 float:left;
}
#safe-streets span a
{  
 display:block;
 height: 163px;
 background-image:url(../images/front_snow_safe.jpg);
 text-indent:-5000px;
 overflow:hidden;
}
#safe-streets span.s1 a
{ 
width: 176px;
background-position: left top;
}
#safe-streets span.s1 a:hover
{ 
background-position: left bottom;
}

#safe-streets span.s2 a
{ 
width: 180px;
background-position: -176px top;
}
#safe-streets span.s2 a:hover
{ 
background-position: -176px bottom;
}

#safe-streets span.s3 a
{ 
width: 177px;
background-position: right top;
}
#safe-streets span.s3 a:hover
{ 
background-position: right bottom;
}


#content
{
 width:100%;
 padding-top: 540px;
 overflow:auto;
}
.not-front #content
{
 padding-top: 295px;
}
#content-inner
{
 padding: 45px;
}

.front #content-main
{
 width: 560px;
 float:left;
}
.not-front #content-main
{
 margin: 55px;
}
.front #content-right
{
 width: 253px;
 float:right;
}
.front #content-right h2
{
 font-size:20px;
 color:#86abc6;
}
.front #content-right .button {
 display:block;
 width:252px;
 height:82px;
 overflow:hidden;
}
.front #content-right .button a
{
 width: 250px;
 height:80px;
 display:block;
 text-indent:-5000px;
 overflow:hidden;
}

.front #content-right .traffic-updates a
{
 background:url(../images/get_traffic_updates.gif) no-repeat;
}
.front #content-right .residential-streets
{
margin-top:5px;
}
.front #content-right .residential-streets a
{
 background:url(../images/residential_streets.gif) no-repeat;
 }

.front #content-right .city-services p
{
 margin: 20px 0;
}
.home #content-main h2
{
 width:563px;
 height:85px;
 display:block;
 text-indent:-5000px;
 background:url(../images/ever-changing-plans.gif) no-repeat;
 overflow:hidden;
 margin:0;
}

.home #content-main #int-navbar,
.home #content-main #int-navbar ul
{
 height: 42px;
 display: block;
 list-style:none;
 padding:0;
 margin:0 0 20px 0;
}

.home #content-main #int-navbar li
{
 float:left;
 height: 42px;
 list-style:none;
}
.home #content-main #int-navbar li a
{
 height: 42px;
 display: block;
 background-image:url(../images/home-inner-menu.gif);
 text-indent:-5000px;
 overflow:hidden;
}

.home #content-main #int-navbar li.sidewalks a
{
 width:92px;
 background-position: left top;
}
.home #content-main #int-navbar li.sidewalks a:hover
{
  background-position: left bottom;
}

.home #content-main #int-navbar li.snow-removal a
{
 width:177px;
 background-position: -92px top;
}
.home #content-main #int-navbar li.snow-removal a:hover
{
  background-position: -92px  bottom;
}

.home #content-main #int-navbar li.trash-recycling a
{
 width:94px;
 background-position: -269px top;
}
.home #content-main #int-navbar li.trash-recycling a:hover
{
  background-position: -269px  bottom;
}

.home #content-main #int-navbar li.our-equipment a
{
 width:98px;
 background-position: -363px top;
}
.home #content-main #int-navbar li.our-equipment a:hover
{
  background-position: -363px bottom;
}

.home #content-main #int-navbar li.routes a
{
 width:77px;
 background-position: -461px top;
}
.home #content-main #int-navbar li.routes a:hover
{
 background-position: -461px bottom;
}

.home #content-main .content p
 {
 padding-left: 260px; 
 
 }
 
 .snow-update .timestamp
 {
  background-color: #26446a;
  padding:4px;
  color: #FFF;
  font-weight:bold;
  font-size: 1.125em;
  margin-bottom: 20px;
  display:inline-block;
 }
 
 .snow-update .update
 {
  margin-bottom:20px;
 }
 .resources .content ul.resource-list,
 .faq .content ul.questions
 {
  margin:0;
  padding:0;
  list-style:none;
  line-height:30px;
 }
 .residential .content .qa,
  .faq .content .qa
  {
   clear:both;
   padding-top: 20px;
  }
  .denver-difference .content h3, 
  .resources .content .section h3,
  .faq .content .qa h3,
  .residential .content .qa h3
  {
   color: #86abc6;
   font-size: 1.3em;
  }
  
  .faq .content .qa h3 strong
  {
   color: #26446a;
  }
  
  .residential .content .qa img.left
  {
   padding-right:20px;
   padding-bottom:15px;
  }
  .denver-difference .content p,
  .resources .content .section p,
  .faq .content .qa p,
  .residential .content .qa p
  {
   margin-left:30px;
  }
  .denver-difference .content ul,
  .resources .content .section ul,
  .faq .content .qa ul,
  .residential .content .qa ul
  {
   list-style:none;
   margin:0;
   padding:0;
  }  
  .denver-difference .content ul li,
  .resources .content .section ul li,
  .faq .content .qa ul li,
  .residential .content .qa ul li
  {
   background:url(../images/faq-bullet.gif) left 4px no-repeat;
   margin-left:30px;
   padding-left:15px;
   margin-bottom:10px;
  }
  
  .backtotop
  {
   font-size: .85em;
   margin-top:10px;
  }
  
  .resources .content .section
  {
   margin: 45px 0 60px;
  }

  
  .resources .content .section h4
  {  
   color: #26446a;
   margin-left:30px;
  }

/*  LIGHT BOX STYLING */
body.lb
{
 background:#ffefb7 url(../images/lb_bg.jpg) no-repeat top;
}

body.lb #lb
{
 width: 495px;
 padding:30px 30px 0 30px;
 color: #565656;
 font-size:12px;
 line-height:18px;
}

body.lb #lb h2
{
 font-size:24px;
 color:#485e75;
 margin-bottom:30px;
}

body.lb #lb h3
{
 font-size:18px;
 color:#576c82;
}
body.lb #lb ul
{
 padding-left:20px;
}
body.lb #lb img.left
{
 padding: 0 30px 30px 0;
}

body.snow-predicted #lb .p2
{
display:block;
clear:left;
}
body.major-snow .l1,
body.snow-begins .l1,
body.snow-predicted .l1
{
 margin-left: 265px;
}

.front #content-main .content p
{
 margin: 15px 0;
}

#content-right .weather-widget
{
 width:250px;
 height:80px;
 position:relative;
 overflow:visible;
}
#content-right a.weather
{
 display:block;
 z-index:20;
 height:80px;
 width:250px;
 position:absolute;
 top:0;
 left:0;
 background:url(../images/transparent.gif) top left;
 overflow:visible;
 
 
}