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

body
{ background: url(../images/bady-bg-1.png), url(../images/body-bg-1.jpg);
background-repeat: repeat-x, repeat;
font-family:sans-serif, Arial, Helvetica;
color:#000;
font-weight:normal;
}
@font-face{ font-family:BasicSansSF; src: url(../fonts/Basic%20Sans%20SF.ttf);}
@font-face{ font-family:BasicSansSFBold; src:url(../fonts/Basic%20Sans%20SF%20Bold.ttf); }
#header{margin-top:15px;}
.forcols{ border: 5px solid #fff; float:left; width:100%; }
.forlogo{ background:url(../images/logo-bg.png) no-repeat; width:100%; height:329px; text-align:center;}
.headccol1{ padding:0 0 0 0px; /*width:215px;*/ width:22%;}
.headccol2{ padding:0 0px 0 0; /*width:715px;*/ width:78%;}
.forlogo img{ position:relative; top:22%; margin:0 auto;}

.head-re{ float:right; position:relative; margin-top:-188px; z-index:300; margin-right:-45px;}
.sitetitle{ margin-top:4px; width:100%; text-align:center; margin-bottom:10px;}
.maincontent{ background:#fff; padding:13px 10px; margin-left:-15px;}
.navbar-wrapper{ position:relative; margin-top:0;}
.navbar{ margin-bottom:0;}
.nav > li{ float:left; width:100%; border-bottom:1px solid #a24e4e; background: url(../images/list-bg.png) repeat-x bottom;}
.navbar-wrapper .navbar{ border-radius:0;}
.navbar-inverse{ background:#7a0102;}
.navbar-inverse .navbar-nav > li > a{ color:#dabf87; font-size:18px; font-weight:bold;}
.dropdown-toggle{ background:url(../images/dropdownarrow.png) no-repeat 165px 15px;}
.dropdown:hover{background:url(../images/dropdownarrow.png) no-repeat 165px 15px !important;}
/*.navbar-inverse .navbar-nav > li > a .dropdown-toggle:hover,
.navbar-inverse .navbar-nav > li > a .dropdown-toggle:focus {
  color: #fff;
  background: url(../images/nav-hover.png) repeat-x #010101,url(../images/dropdownarrow.png) no-repeat 165px 15px !important; 
}*/
/*.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background: url(../images/nav-hover.png) repeat-x #010101 !important;
}*/
.navbar-inverse .navbar-nav > li:hover,
.navbar-inverse .navbar-nav > li:focus {
  color: #fff;
  background: url(../images/nav-hover.png) repeat-x #010101 !important;
}

.navbar-nav > li > a{ padding:12px 15px;}
.no-border{ border:none !important;}
.headers{ background:url(../images/header-bg.png) repeat-x #7b0102; color:#fff; padding:10px 15px; font-weight:bold; margin-top:0; font-size:18px;}
.headers2{ background:url(../images/header-bg.png) repeat-x #7b0102; color:#fff; padding:7px 15px; font-weight:bold; margin-top:0; font-size:18px;}
.loginbtn{ background:url(../images/backbtn.png) repeat-x; float:left; padding:5px 8px; color:#fff; margin-left:5px; font-size:13px; font-weight:bold; margin-top:10px;}
.loginbtn2{ background:url(../images/backbtn.png) repeat-x; float:left; padding:5px 19.5px; color:#fff; margin:10px 0 8px 5px; font-size:13px; font-weight:bold;}
.login-img{ float:left; margin-left:5px; 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:12px;}
.livedisp-img{ float:left; margin-left:20px; padding-top:10px;}
.forliveimg{ float:left;}
.forlivepara{ float:left; margin-left:8px; width:52%;}
.forlivepara > p{ float:left; font-size:12px; line-height:17.4px;}
.black-btn{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; font-family:helvetica; font-size:12px; padding:5px 17px;}
.followus{ float:left; width:100%; border:1px solid #c5c5c5; margin-top:15px;}
.fb{margin:0 0 5px 10px; float:left;}
.twit{margin:0 auto 10px auto; clear:both}
.youtube{margin:3px 0 5px 10px; float:left;}


.knoxbox{float:left; border:1px solid #c5c5c5; margin-top:15px; width:100%; padding-bottom:10px;}
.knoxbox-img{ text-align:center; margin:0 auto;}

.knoximg{ width:100%; text-align:center;}
.knoxbox > p{ padding:0 8px; font-size:12px; line-height:15.7px;}
.more{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 14px; float:right; margin-right:10px; border-radius:3px;}
.messagecenter{ width:100%; float:left; border:1px solid #c5c5c5;margin-bottom:15px}
.midcl{ padding:0 5px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
.msg1{ padding:0 12px 0 10px; float:left;}
a.morebtn{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff !important; text-decoration:none !important; padding:4px 14px; float:right; border-radius:3px; margin-left:10px; margin-bottom:10px;}
.attachment{ background:url(../images/attachment.png) no-repeat 7px center , url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 12px 4px 24px;}
.msg1 > p{ font-size:12px;}
hr{ border-color:#c5c5c5; clear:both; margin:0;}
.msg1 a > img{ float:left; margin: 0 20px 10px 0;}
.liverun{ float:left; width:100%; margin-bottom:15px;  border:1px solid #c5c5c5;}
p{ font-size:14px;}
.livlog{ margin-top:15px; padding:0 10px 0 15px;}
.livlog .viewall{float:right;margin:0 0 10px 0}
.viewall{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 14px; border-radius:3px; float:left; margin-top:15px;}
.nextevents{ float:left; width:100%;  border:1px solid #c5c5c5;  margin-bottom:12px;}
.nxtevnt{ background:url(../images/nxt-event-bg.png) no-repeat left; height:39px; margin:0; color:#fff; float:left; width:30%;}
.nxtevnt > p{ font-size:15px; position:relative; top:9px; left:10px; font-weight:bold;}
.nextevents > p{ margin-top:10px;}
.recentgallery{ float:left; width:100%; /*padding:10px 5px 0 10px;*/ border:1px solid #c5c5c5;}
.gal1{ float:left; padding:0px 7px 0 10px; width:50%; margin-bottom:12px; }
.gal2{ float:left; padding:0px 7px 0 10px; width:50%; background:url(../images/gal-divider.png) no-repeat 2px top; margin-bottom:12px;}
.galbtn{background:url(../images/black-btnbg.png) repeat-x #000;color:#fff !important; text-decoration:none !important; color:#fff; padding:4px 14px; border-radius:3px; float:left; margin-right:10px;}
.photoday{ float:left; width:100%; border:1px solid #c5c5c5;}
.photoday h3{ margin:0;}
.photoofthedaywidget{ margin:0 15px 0 0;float:left; width:100%; border:1px solid #c5c5c5;}
.photoofthedaywidget img{ width:100%;height:auto;}

.photoofthedaywidget h2{text-transform:none; width:100%;margin:0;background:url(../images/header-bg.png) repeat-x #7b0102; color:#fff; padding:10px 15px; font-weight:bold; margin-top:0; font-size:18px;}

.galleryfirst, .messages
{
  margin:0 0 15px 0;float:left; width:100%; border:1px solid #c5c5c5;
}
.galleryfirst h2, .messages h2{text-transform:none; width:100%;margin:0;background:url(../images/header-bg.png) repeat-x #7b0102; color:#fff; padding:10px 15px; font-weight:bold; margin-top:0; font-size:18px;}
.galleryfirst .item
{
  padding:10px;
}.galleryfirst .item h3, .messages item h3
{
  font-size:20px;
}
.donation{ float:left; width:100%; margin-top:15px;  border:1px solid #c5c5c5;}
.donation > p{ padding:0 6px;}
.donate-btn{background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; padding:4px 18px; border-radius:5px; float:left; margin-right:10px; margin:10px 0 10px 23%;}
.firefighter{float:left; width:100%; border:1px solid #c5c5c5; margin-top:15px;}
.firestatistics{float:left; width:100%; margin-top:15px;  border:1px solid #c5c5c5; } 
.stats{ width:35%; float:left; margin:0 11px 10px 20px; font-size:12px;}
.stats2{ width:35%; float:left;margin:0 10px 10px 16px; font-size:12px;}
.stats td{ height:25px;}
.stats2 td{ height:25px;}
.firestatistics > p{ text-align:center; font-weight:bold; clear:both;}
.emsstatistics{float:left; width:100%; margin-top:15px;  border:1px solid #c5c5c5; }
.emsstatistics > p{ text-align:center; font-weight:bold; clear:both;}
footer{ width:100%; background:url(../images/footerbg.jpg) repeat; padding:20px 0 5px 0; margin-top:15px;}
footer h3{ border-bottom:1px solid; margin-top:0; font-size:18px; font-weight:bold; padding-bottom:15px;}
.sitelt{ float:left; text-align:right; font-weight:bold;}
footer .container{ padding:0;}
.sitelt{ margin-right:20px;}
.forcopyright{ padding:20px 0px; color:#fff; font-size:12px; text-align:center; margin:0;}
.ftrt{ text-align:center;}
.ftrt > img{ padding-top:25%; padding-left:30%;}
.knoxbox h3{ margin:0;}
.messagecenter h3{ margin:0 0 5px 0;}
.msg1 h5{ margin-bottom:15px;}
.livlog h4{ margin-top:22px;}
.livlog hr{ margin-top:20px;}
.showmap{ margin-top:15px;}
.ftmid{ padding-right:0;}
.innerpgmidcl{ padding:0 25px 0 5px;}
.breadcrumb{ background:0; border-radius:0; color:#2f2f2f; font-size:14px; border-bottom:1px solid #c63336; 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;}

.pagetitle
{color:#2f2f2f;  border-bottom:1px solid #c63336; padding:10px 0 5px;
font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.midcol a	
{
	text-decoration:underline;
	color:#000;
}

.service-heading h1{ font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:30px;}
.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;}
.forpara{ margin-top:20px; font-size:12px; line-height:18px;}
.innerpg-img{ margin-top:20px; margin-bottom:30px;}
.innerpg-bullet{ padding:0;}
.innerpg-bullet li{ background:url(../images/innerpg-bullet.png) no-repeat left 4px; list-style:none; padding-left:15px; font-size:12px; line-height:22px;}
.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; margin-top:2px;}
.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%;}
.btn-large{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #7b0102; padding:12px 16px; color:#fff; font-size:16px; font-weight:bold;}
a.btn{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #7b0102; padding:9px 14px; color:#fff !important; text-decoration:none; font-size:13px; font-weight:bold;}
a.btn:hover{ color:#fff !important;}
.btn-small{ background:url(../images/innerpg-btns-bg.jpg) repeat-x #7b0102; padding:8px 9px; color:#fff; font-size:12px; font-weight:bold;}
.btn-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{ width:100%;}
/* .nav > li:hover > .dropdown-menu {display: block;}*/

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

/*.dropdown:hover .dropdown-menu {
    display: block;
	visibility:visible;
}*/
.dropdown-menu{ position:absolute; background:url(../images/header-bg.png) repeat-x #7b0102; color:#dabf87; font-size:14px; border-bottom: 1px solid #dabf87; left:100%; top:-3%;}
.dropdown-menu > li > a{color:#dabf87;}
.black-btn:hover, .black-btn:active, .black-btn:focus{ background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.more:hover,.more:active,.more:focus{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.morebtn:hover,.morebtn:active,.morebtn:focus{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.viewall:hover,.viewall:active,.viewall:focus{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.galbtn:hover,.galbtn:active,.galbtn:focus{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.attachment:hover,.attachment:active,.attachment:focus{background:url(../images/attachment.png) no-repeat 7px center, url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.loginbtn:hover,.loginbtn:active,.loginbtn:focus{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; text-decoration:none;}
.loginbtn2:hover,.loginbtn2:active,.loginbtn2:focus{ background:url(../images/black-btnbg.png) repeat-x #000; color:#fff; text-decoration:none;}
.donate-btn:hover,.donate-btn:active,.donate-btn:focus{background:url(../images/innerpg-btns-bg.jpg) repeat-x; color:#fff; text-decoration:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background: url(../images/nav-hover.png) repeat-x #010101;
 
}
.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;
}
body.home .navbar-wrapper ul.nav li a.one{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.aboutus .navbar-wrapper ul.nav li a.two{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.leadership .navbar-wrapper ul.nav li a.three{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.hallrental .navbar-wrapper ul.nav li a.four{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.gallery .navbar-wrapper ul.nav li a.five{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.calendars .navbar-wrapper ul.nav li a.six{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.appratus .navbar-wrapper ul.nav li a.seven{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.members .navbar-wrapper ul.nav li a.eight{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.fireprevention .navbar-wrapper ul.nav li a.nine{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.links .navbar-wrapper ul.nav li a.ten{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.contact .navbar-wrapper ul.nav li a.eleven{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
body.guestbook .navbar-wrapper ul.nav li a.twelve{background: url(../images/nav-hover.png) repeat-x #010101; !important; color:#fff !important;}
.msg1 h4{ font-weight:bold;}
.sitetitle img{ margin:0 auto;}
footer .ftmid h3{ padding-left:25px;}
.fb:hover{opacity:0.8;}
.twit:hover{opacity:0.7;}
.youtube:hover{opacity:0.7;}
.ftlt a{color:#000;}
.livlog > p{line-height:18px;}
.msg1 > p{line-height:17px;}
.dropdown:hover{background:url("../images/dropdownarrow.png") no-repeat scroll 165px 15px rgba(0, 0, 0, 0);}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .forlogo img {
     position:relative; padding-top:32%; margin:0 auto;
    }