/* Layout
------------------------------------------------------- */


#wrapper {
   width: 761px;
   margin: 0 auto;
   overflow: hidden;
}

#header {
   height: 139px;
   overflow: hidden;
}

#main {
   overflow: hidden;
   zoom: 1; /*IE6*/
}
#content {
   position: relative;
   width: 738px;
   margin: 1em;
   overflow: hidden;
   zoom: 1; /*IE6*/
}
#content-wrapper {
   padding: 17px;
   overflow: hidden;
   zoom: 1; /*IE6*/
}
#footer {
   
}

/* -- Top Nav -- */

#top-nav,
#top-nav li {
   list-style:none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#top-nav {
   position: relative;
   margin-bottom: -18px;
}
#top-nav li {
   float: left;
}
#top-nav li a {
   display: block;
   background: #000;
   color: #fff;
   padding: 0 1em;
   height: 18px;
   line-height: 18px;
   margin: 0 0 0 0.2em;
   font-style: normal;
   text-decoration: none;
}

/* -- Navigation -- */

#navigation {
   overflow: hidden;
   height: 31px;
   zoom: 1;
}
#navigation ul,
#navigation li {
   margin: 0;
   padding: 0;
   list-style: none;
}
#navigation li {
   float: left;
}

/* -- Footer -- */
#footer .navigation {
   overflow: hidden;
   padding: 1em;
}
#footer .navigation ul,
#footer .navigation li {
   margin: 0;
   padding: 0;
   list-style: none;
}
#footer .navigation li {
   display: inline;
}

#footer #copyright {
   margin: 0.5em 0;
}
#footer #locations {
   margin: 1em 0;
   overflow: hidden;
}
#footer #locations .station {
   float: left;
   overflow: hidden;
   width: 50%;
}

/* -- Page-specific Overrides -- */
/*Home*/
#home #content {
   width: 481px;
   float: left;
}
#home #sidebar {
   float: right;
   width: 258px;
   position: relative;
   top: -95px; /* counter-act gallery */
   margin-bottom: -95px;
}
#home #content .contact-info {
   overflow: hidden;
   margin: 0 0 1em;
}
#home #content .contact-info div {
   float: left;
   width: 50%;
}

#home #content #stations {
   overflow: hidden;
}
#home #content #stations .station {
   overflow: hidden;
   margin: 0 0 1.5em;
}
#home #content #stations .station-image {
   float: left;
   margin: 0 1em 0 0;
}

#home #main #gallery {
   float: left;
   height: 95px;
   width: 503px;
}
#home #main #gallery ul,
#home #main #gallery li {
   list-style: none;
   margin: 0;
   padding: 0;
}
#home #main #gallery ul {
   margin: 5px 0 0 14px;
}
#home #main #gallery li {
   display: block;
   float: left;
   overflow: hidden;
   padding: 0 3px;
}
#home #main #gallery li img {
   display: block;
}
/*Gallery*/
#content .gallery-back {
   position: absolute;
   top: 0;
   right: 0;
   margin: 1em;
}
#content .gallery,
#content .gallery li {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#content .gallery li {
   vertical-align: top;
   display: inline-block;
   width: 232px;
   text-align: center;
   margin-bottom: 1.5em;
   *display: inline;
   *zoom: 1;
}
#content .gallery li span {
   display: block;
}
#content .gallery li .caption {
   text-align: center;
}

/*Staffpage gallery*/
#content .staff-gallery,
#content .staff-gallery li {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#content .staff-content {
   float: left;
   width: 477px;
}
#content .staff-gallery {
   float: left;
   width: 200px;
   border-left: 2px solid #333;
   padding-left: 25px;
}
#content .staff-gallery li {
   text-align: center;
   margin-bottom: 10px;
}
#content .staff-gallery li .caption{
   display: block;
}
/* Theme
------------------------------------------------------- */

body {
   background: #9d9d9c;
}

#header{
   background: #000 url('../images/layout/header-bg.png') no-repeat right top;
}

#main {
   background: transparent url('../images/layout/main-bg.png') repeat-y left top;
}
#footer {
   background: transparent url('../images/layout/main-bg-bottom.png') no-repeat left top;
   padding-top: 7px;
}

#content {
   color: #cbcaca;
   background: #af2d15 url('../images/layout/content-bg-top.png') no-repeat left top;
/*   font-weight: bold;*/
}
#content-wrapper {
   background: transparent url('../images/layout/content-bg-bottom.png') no-repeat left bottom;
}

/* -- Navigation -- */

#navigation a {
   display: block;
   width: 95px;
   height: 0px;
   padding-top: 31px;
   background: transparent url('../images/layout/navigation-sprite.png') no-repeat left top;
}
#navigation #n_home {
   display: none;
}


#n_history a         { width: 85px;  background-position:  0px top; }
#n_staff-members a   { width: 105px;  background-position: -85px top; }
#n_volunteers a      { width: 105px; background-position: -190px top; }
#n_apparatus a       { width: 105px; background-position: -295px top; }
#n_gallery a         { width: 95px; background-position: -400px top; }
#n_smoke-detectors a { width: 95px; background-position: -495px top; }
#n_links a           { width: 85px; background-position: -590px top; }
#n_kids-only a       { width: 86px; background-position: -675px top; }

/* -- Footer -- */
#footer .navigation {
   background: #000;
   text-align: center;
}
#footer .navigation li {
   padding: 0 8px 0 8px;
}
#footer .navigation a {
   color: #cbcaca;
/*   text-transform: uppercase;*/
   text-decoration: none;
}
#footer .navigation a:visited {
   font-style: normal;
}

#footer #copyright {
   background: #df4b2f;
   color: #222;
   text-align: center;
}
#footer #locations .station {
   text-align: center;
}

/* -- Homepage Sidebar -- */

#sidebar #upcoming-events {
   background: #df4b2f;
   padding: 1em;
}
.sidebar-item {
   overflow: hidden;
}
#sidebar #upcoming-events .event a {
   color: inherit;
   text-decoration: none;
   font-style: normal;
}

#sidebar #upcoming-events ul,
#sidebar #upcoming-events li {
   list-style: none;
   margin: 0;
   padding: 0;
}
#sidebar #upcoming-events h3 {
   margin: 0 0 1em;
   color: #fff;
   text-transform: uppercase;
   font-size: 12px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sidebar #upcoming-events h5 {
   margin: 0;
   font-weight: normal;
}
#sidebar #upcoming-events .date {
   color: #ffcba2;
   margin: 0;
}
#sidebar #upcoming-events .event {
   margin: 0 0 1em;
}
#sidebar #upcoming-events .more {
   display: block;
   color: #cbcaca;
   text-align: right;
   text-transform: uppercase;
   text-decoration: none;
}
#incident-report {
   background: #962713;
   padding: 2em 1em 1em 2em;
}
#incident-report h3{
   margin: 0 0 1em;
   color: #fef56a;
   font-size: 1em;
}
#incident-report table {
   width: 80%;
   margin: 0 0 1em;
}
#incident-report table th,
#incident-report table td {
   padding: 0;
   border: 0 none;
   text-align: right;
   color: #ffc59d;
}
#incident-report table th {
   text-align: left;
   color: #cbcaca;
   font-weight: normal;
}
#incident-report .more {
   display: block;
   text-align: right;
   color: #cbcaca;
   text-decoration: none;
}



/* -- Page-specific Overrides -- */
#home #content {
   background: #af2d15 url('../images/layout/content-bg-top-home.png') no-repeat left top;
}
#home #content-wrapper {
   background: transparent url('../images/layout/content-bg-bottom-home.png') no-repeat left bottom;
}
#home #main #gallery li img {
   border: 2px solid #f8836e;
}
.incident-table {
   width: 100%;
}
.incident-table td,
.incident-table th {
   border:0;
   padding: 0.2em 0.5em;
   text-align: center;
}
.incident-table th {
   text-align: left;
}
.incident-table .header-row th {
   text-align: center;
}
.incident-table .even td,
.incident-table .even th {
   background: #000;
}
.incident-table .total td,
.incident-table .total th {
   background: #fff;
   color: #000;
}

/* Typography
------------------------------------------------------- */

/* -- Headings -- */

h1.heading {
   margin: 0.05em 0 0.5em;
   color: #CED37F;
   font-size: 24px;
   font-weight: normal;
   font-family: Impact, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {}
h1,h2,h3 {}
h4,h5,h6 {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* -- Text -- */

body {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 10px;
}

#content {
   line-height: 1.5em;
}

/* -- Links -- */

a:link, a:visited,
a:hover, a:focus { color: #fff; }
a:link			  {}
a:visited		  {}
a:hover			  {}
a:focus			  {}

table, tr, td, th { border: 0 none; }

.right {float: right;}
.left {float: left;}
label.left{ float: none;}