body {font-family: Arial; font-size: 12px; background-color: #484a49; background: #000000 url(../images/main_background.jpg) no-repeat center top; background-attachment: fixed; }
a { text-decoration: none; color: #A31833; }
p { margin-bottom: 1em; line-height: 1.4em; }
p img { margin: 5px; }
.clear { clear: both; }

#site { width: 900px; margin: 0px auto; }

#header { position: relative; width: 900px; background: transparent url(../images/header.png) no-repeat center top;  margin-left: 0px; margin-right: 0px; height: 235px; }

#header h1 { text-indent: -9999px; width: 890px; height: 190px; }
#header h1 a { display: block; width: 100%; height: 100%; }

#header_nav { text-align: right; position: absolute; bottom: 14px; right: 16px; }
#header_nav li { display: inline; border-right: solid 2px #f10027; padding: 0px 14px 0px 12px; }
#header_nav li a { color: #ffffff; font-weight: bold; font-size: 1.2em; }
#header_nav li:first-child { padding-left: 0px; }
#header_nav li:last-child { border-right: none; }

#navigation { text-align: center; float: left; width: 220px; margin-left: 5px; margin-bottom: 10px; }

#main_navigation { text-align: left; border-bottom: solid 1px #ffffff; width: 219px; }
#main_navigation li { background-color: #676961; border-left: solid 2px #95978f; border-top: solid 2px #95978f; border-right: solid 2px #484a42;  border-bottom: solid 2px #484a42; }
#main_navigation li a { display: block; color: #fffffb; font-weight: bold; padding: 4px; }
#main_navigation li a:hover { color: #f4d34a; }

#main_navigation li ul {  }
#main_navigation li ul li { padding: 0px 2px 0px 4px; border: none; background-color: #a31833; }
#main_navigation li ul li a { display: block; }
#main_navigation li ul li:first-child { background: #a31833 url(../images/subnav_bgtop.jpg) repeat-x center top; padding-top: 12px; }
#main_navigation li ul li:last-child { padding-bottom: 8px; }

#navigation img { margin-top: 10px; }

#stations { position: absolute; z-index: 21; width: 392px; height: 36px; right: 5px; margin-top: -9px; }

#content { position: relative; margin-left: 226px; width: 654px; padding: 10px; }
#content h2 { background-color: #000000; padding: 10px; color: #F0D841; font-size: 16px; font-weight: bold;  margin: -9px -5px 10px -11px; }
#content h3 { color: #A31833; margin-bottom: 1em;}

div.breadcrumbs { height: 17px; color: #E0BE55; font-weight: bold; background-color: #A31833; padding: 10px; margin: -9px -5px 10px -11px; }
div.breadcrumbs a { color: #ffffff; }


#site_body { float: left; background: #ffffff url(../images/shell_background.jpg) repeat-y -4px top; }

#firehouse { background: #ffffff url(../UserFiles/Images/firehouse.jpg) no-repeat center top; height: 370px; margin-left: -10px; margin-bottom: -10px; margin-right: -5px; }


#footer { position: relative; width: 820px; height: 41px; padding-top: 70px; padding-left: 80px; background: transparent url(../images/footer.png) no-repeat top center; clear: both; }

#footer_nav { text-align: right; position: absolute; top: 15px; right: 16px; }
#footer_nav li { display: inline; border-right: solid 2px #f10027; padding: 0px 14px 0px 12px; }
#footer_nav li a { color: #ffffff; font-weight: bold; font-size: 1.2em; }
#footer_nav li:first-child { padding-left: 0px; }
#footer_nav li:last-child { border-right: none; }



#site_topleft { width: 908px; margin: 0px auto; background: transparent url(../images/shell_topleft.png) no-repeat left top; }
#site_topright { width: 908px; margin: 0px auto; background: transparent url(../images/shell_topright.png) no-repeat right top; }
#site_edges { width: 908px; margin: 0px auto; background: transparent url(../images/shell_background.gif) repeat-y right top; }
#site_botleft { width: 908px; margin: 0px auto; background: transparent url(../images/shell_botleft.png) no-repeat left bottom; }
#site_botright { width: 908px; margin: 0px auto; background: transparent url(../images/shell_botright.png) no-repeat right bottom; }


.msgSuccess { display: block; background-color: #C1F0C1; border: 1px solid #008000; font-size: 14px; margin-bottom: 10px; padding: 20px; }
.msgSuccess b, .msgSuccess a { color: #008000; }
.msgError { display: block; border: solid 1px red; background-color: #FFC4C4; font-size: 14px; margin-bottom: 10px; padding: 20px; }
.msgError b, .msgError a { color: red; }



/*** Features Slider Specific Styles ***/
#feature {
   margin-top: -9px;
   margin-left: -11px;
   z-index: 20;
   width: 670px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   margin-bottom: 6px; 
   position: relative; /* important */
   overflow: hidden; /* important */
   background-color: #0c0c0c;
}

#featureContent {
   width: 670px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.featureImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   /* important to set master dimensions of image area (below) - as smaller images will wonk the area. 
      this will allow images to appear properly, but the area will stay the same dimensions */
   width: 670px;
   height: 400px;
}

.featureImage span {
   position: absolute; /* important */
   font: 12px Arial, Helvetica, sans-serif;
   padding: 15px 23px;
   width: 644px;
   background-color: #0c0c0c;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   font-weight: bold;
   display: none; /* important */
   /* position of fade in text module */
   bottom: 0;
   left: 0;
}

#content li.featureImage span strong { font-weight: bold; font-size: 18px; color: #ffffff; }
#content li.featureImage span strong a { display: block; color: #F9D557; }