@charset "utf-8";
/* CSS Document */
body{ background:url(../images/body-bg.jpg) repeat-y; padding-bottom:0; color:#000;background-size: 100%;}
.logo-section{ background:url(../images/logo-section-bg.jpg) repeat-x; float:left; width:100%; padding:0 15px;}
.logo-left{ float:left; color:#fefa00; font-family:'Roboto slab', serif; font-size:39.73px; text-transform:uppercase; letter-spacing:3px; margin:0 0 5px 0;}
.logo-right{ float:right; color:#fefa00; font-family:'Roboto slab', serif; font-size:39.73px; text-transform:uppercase; letter-spacing:3px; margin:0 0 5px 0;}
.logo-section > a > img{ margin:-55px 0 0 17px;  position:absolute; z-index:90;}
.header{margin-top:60px; float:left; width:100%; border:4px solid #fff;}
.emergency{ float:left; position:absolute; margin-top:-100px;}

/*************************************************************/
.navbar-wrapper{ position:relative !important;}
.navbar-nav > li{ width:100%; float:left; border-bottom:1px solid #597499; background:url(../images/nav-bg.jpg) no-repeat;}
.navbar-inverse{  background:url(../images/nav-bg.jpg) repeat-y;}
.navbar-wrapper{ margin-top:0 !important;}
.navbar-inverse .navbar-nav > li > a{font-family: 'Roboto', sans-serif; color:#ffe400; font-size:18px; padding:12px 20px; font-weight:bold;}
.dropdown-toggle{ background:url(../images/drop-down-arw.png) no-repeat 180px 13px;}
.dropdown-menu{ left:99%; top:-1px; width:100%; background-color:#00327d;}
.dropdown-menu > li > a{ color:#ffe400;}
.navbar-nav > li:hover{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
.navbar{ margin-bottom:0;}
.navbar-wrapper .navbar{ border-radius:0;}
.last{ border:none !important;}

/*************************************************************/
.main-content{ background:url(../images/main-content-bg.jpg) repeat-y; float:left; width:100%; padding:10px;}
.headers{ background:url(../images/heading-bg.jpg) repeat-x; color:#fff; padding:8px 15px; font-family: 'Roboto', sans-serif; margin-top:0; font-size:18px; font-weight:bold;}
.loginbtn{ background:url(../images/black-btnbg.png) repeat-x #000;; float:left; padding:5px 8px; color:#fff; margin-left:5px; font-size:13px; font-weight:bold; margin-top:7px;}
.loginbtn2{ background:url(../images/black-btnbg.png) repeat-x #000; float:left; padding:5px 19.5px; color:#fff; margin:15px 0 20px 5px; font-size:13px; font-weight:bold;}
.login-img{ float:left; margin-top:5px;}
.memberlogin{ float:left; border:1px solid #c5c5c5; margin-top:15px; width:100%;}
.livedispatch{ float:left; border:1px solid #c5c5c5; margin-top:15px; width:100%; padding-bottom:17px;}
.livedisp-img{ float:left; margin-left:10px;}
.forliveimg{ float:left;}
.forlivepara{ float:left; margin-left:8px; width:52%;}
.forlivepara > p{ float:left; font-size:12px;}
.black-btn{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; font-family:helvetica; font-size:12px; padding:5px 17px;}
.backg{ background:#fff;}

/************************************************************/
.midcl{ padding:0 5px;}
.messagecenter{overflow:hidden; width:100%; float:left; border:1px solid #c5c5c5;}
.midcl{ padding:0 5px;}
h4{ font-size:16px; font-family: 'Roboto', sans-serif; color:#000; font-weight:bold;}
h5{ font-size:14px; font-family: 'Roboto', sans-serif; color:#000; font-weight:bold;}
.msg1{ padding:0 12px 0 10px; float:left;clear:both;width: 100%;}
.morebtn{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 14px; float:right; border-radius:3px; margin-left:10px; margin-bottom:10px;}
.attachment{ background:url(../images/attachment.png) no-repeat 7px center; color:#003479; padding:4px 12px 4px 24px; float:left; clear:both;}
.msg1 > p{ font-size:12px; margin-top:18px;}
hr{ border-color:#c5c5c5; clear:both; margin:0;}
.msg1 > img{ float:left; margin-right:20px; margin-top:12px; margin-bottom:10px;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

.recentgallery{ float:left; width:100%; /*padding:10px 5px 0 10px;*/ margin-top:15px;}
.gal1{ float:left; padding:0px 8px 0 0px; width:50%; /*margin-bottom:12px;*/ }
.gal2{ float:left; padding:0px 0px 0 8px; width:50%; background:url(../images/gal-divider.png) no-repeat 0px top;/* margin-bottom:12px;*/}
.galbtn{background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 14px; border-radius:3px; float:left; margin-right:10px; font-size:13px;}

.nextevents{ float:left; width:100%;  border:1px solid #c5c5c5; margin-top:15px; margin-bottom:12px;}
.nxtevnt{ background:url(../images/upcoming-evnt.png) no-repeat left; height:39px; margin:0; color:#fff; float:left; width:35%;}
.nxtevnt > p{ font-size:15px; position:relative; top:9px; left:10px; /*font-weight:bold;*/ color:#fff; font-family:"myriad Pro";}
.nextevents > p{ margin-top:10px;}
.nextevents p a{color:#000;text-decoration:underline;}

.photoday{ float:left; width:100%; border:1px solid #c5c5c5;}
.photoday h3{ margin:0;}
.donation{ float:left; width:100%; margin-top:15px;  border:1px solid #c5c5c5;}
.donation > p{ padding:0 6px; line-height:15px; margin-bottom:8px;}
.donate-btn{background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 14px; border-radius:5px; float:left; margin-right:10px; margin:10px 0 10px 20%;}
.firefighter{float:left; width:100%; border:1px solid #c5c5c5; margin-top:15px;}

.socialicon{ width:100%; float:left; border:1px solid #c5c5c5; margin-top:12px; padding-bottom:12px;}
.socialicon img{ width:46px;}
.fb{ margin-left:5px;}

footer{ width:100%; repeat; padding:20px 0; /*margin-top:15px;*/ border-bottom:1px solid #597499; float:left;}
footer h3{ border-bottom:1px solid #597499; margin-top:0; font-size:18px; font-weight:bold; padding-bottom:15px; color:#fff;}
.sitelt{ float:left; text-align:right; font-weight:bold; color:#fff;}
footer .container{ padding:0;}
.sitelt{ margin-right:20px;}
.forcopyright{ padding:20px 0px; color:#fff; font-size:12px; text-align:center; margin:0; float:left; width:100%;}
.ftrt{ text-align:center;}
.ftrt > img{ padding-top:20%;}
.ftmid{ padding-right:0;}
footer p{ color:#fff;}
footer h5{ color:#fff;}
.sitert{ font-weight:bold;}

/****************************Inner page*****************************/
.innerpgmidcl{ padding:0 15px 0 5px;}
.breadcrumb{ background: none; border-radius:0; color:#2f2f2f; font-size:14px; border-bottom:1px solid #292a2c; padding:15px 0 10px;}
.breadcrumb a{color:#2f2f2f; /*background:url(../images/breadcrumb-arw.png) no-repeat right center;*/}
.breadcrumb > .active{color:#2f2f2f; background:url(../images/breadcrumb-arw.png) no-repeat left center; padding-left:20px;}
.service-heading h1{ font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:30px; font-family:'Roboto', sans-serif;}
.service-heading h2{ font-size:16px; margin-top:7px;}
.service-heading h3{ font-size:14px; margin-top:7px;}
.service-heading h4{ font-size:12px; margin-top:10px; font-weight:normal;}
.forpara{ margin-top:20px; font-size:12px;}
.innerpg-img{ margin-top:20px; margin-bottom:30px;}
.innerpg-bullet{ padding:0;}
.innerpg-bullet li{ background:url(../images/breadcrumb-arw.png) no-repeat left 4px; list-style:none; padding-left:15px; line-height:24px;}
.forform{ background:#f3f3f3; float:left; width:300px; padding:22px 0 10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#515151; margin:20px 0 13px 0; border:1px solid #dddddd; height:300px;}
.forform label{ float:left; margin-top:2px; font-weight:normal;}
.forform input{ float:left; width:178px; border-radius:0; height:21px;}
.forform textarea{ float:left; width:178px; border-radius:0;}
.form-group{ float:left; width:100%; margin-bottom:10px;}
.forlabel{ width:35%;}
.forform input[type="checkbox"]{ width:20px !important; height:auto !important;}
.submit-btn{ color:#fff; background:url(../images/innerpg-btns-bg.jpg) repeat-x; border-radius:0; padding:2px 8px; margin-top:5px;}
.submit-btn:hover, .submit-btn:active, .submit-btn:focus{ color:#fff; background:url(../images/black-btnbg.png) repeat-x #000;}
.chkbx{margin-top:0 !important;}
.selectinput{ float:left; width:178px; border-radius:0; height:28px;}
.innerpg-buttons{ float:left; margin:20px 0 0 10%;}
.innerpg-buttons .large{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; padding:12px 16px; color:#fff; font-size:16px; font-weight:bold;}
.innerpg-buttons .default{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; padding:9px 14px; color:#fff; font-size:13px; font-weight:bold;}
.innerpg-buttons .small{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; padding:8px 9px; color:#fff; font-size:12px; font-weight:bold;}
.innerpg-buttons .extrasmall{ background:url(../images/black-btnbg.png) repeat-x #000; padding:5px 4px; color:#fff; font-size:12px; font-weight:bold;}
.innerpg-buttons a{ float:left; clear:both; margin-bottom:10px;}
.innerpg-table{ width:100%; border:1px solid #ddd; margin-top:10px; float:left;}
.innerpg-table td{ border:1px solid #ddd; padding:7px 0 8px 10px;}
.sitetitle{ text-align:-moz-center;}

/**************************************************************************/
.dropdown-menu{/* position:relative;*/ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; color:#ffe400;}
.dropdown-menu > li > a{color:#ffe400;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
.black-btn:hover{ background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.more:hover{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.morebtn:hover{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.viewall:hover{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.galbtn:hover{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
/*.attachment:hover{background:url(../images/attachment.png) no-repeat 7px center, url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}*/
.loginbtn:hover{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; color:#fff; text-decoration:none;}
.loginbtn2:hover{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; color:#fff; text-decoration:none;}
.donate-btn:hover{background:url(../images/innerpg-btns-bg.jpg) repeat-x #002452; color:#fff; text-decoration:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffe400;
  text-decoration: none;
  /*background: #000;*/
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
 /* background: url(../images/nav-hover.png) repeat-x #010101;*/
  outline: 0;
}
.fb img{-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;}
.linked img{-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;}
.gplus img{-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;}
.twitter img{-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;}
	
.fb img:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.linked img:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.gplus img:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.twitter img:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

body.home .navbar-wrapper ul.nav li.one{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.aboutus .navbar-wrapper ul.nav li.two{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.leadership .navbar-wrapper ul.nav li.three{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.hallrental .navbar-wrapper ul.nav li.four{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.gallery .navbar-wrapper ul.nav li.five{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.calendars .navbar-wrapper ul.nav li.six{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.apparatus .navbar-wrapper ul.nav li.seven{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.membership .navbar-wrapper ul.nav li.eight{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.fireprevention .navbar-wrapper ul.nav li.nine{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.links .navbar-wrapper ul.nav li.ten{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.contactus .navbar-wrapper ul.nav li.eleven{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}
body.guestbook .navbar-wrapper ul.nav li.twelve{ background:url(../images/nav-bg-hover.jpg) no-repeat; color:#ffe400 !important;}


.nextevents .morebtn{ margin-bottom:0 !important;}
.logo-mobile{ display:none;}
.head-txt-mob{ display:none;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#000;}

.carousel-fade .carousel-inner .item
{
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}