<style type="text/css">
/* BTCC Style Sheet by na studios - http://www.nastudios.com/ */

html {
      margin: 0px;
      padding: 0px;
      border: 0px;
      background: #ffffff;
      overflow: auto;
    }

body {
      height: 100%;
      max-height: 100%;
      background: #e6e6e6;
      background:url(images/noise.png);
      margin: 0px;
      border: 0px;
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      line-height: 1.5;
      padding: 0px;
      }

/* main container */
.mcontainer{
	width:100%;
	position:relative;
     z-index:100;
     }

/* main container sub for position */
.mcontainersub{
     width:100%;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }


/* main container secondary pages */
.mcontainer3{
width:100%;
margin-top: -480px;
z-index:100;
height:;
position:relative;
     }

/* main container sub for position */
.mcontainersub3{
width:100%;
max-width:1280px;
height:;
background-color: #e6e6e6;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #044b7a;
-moz-border-radius-topleft: 13px;
border-top-left-radius: 13px;
-moz-border-radius-topright: 13px;
border-top-right-radius: 13px;
position:relative;
z-index: 100;
margin:0 auto 0 auto;
}

/* main content width */
.mcontent{
width:98%;
max-width:1230px;
height:;
position:relative;
margin:0 auto 0 auto;
    }



/* main container sub for position */
.mcontainersub2{
     width:100%;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub3a{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub4{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     background: #e6e6e6;
z-index:100;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub5{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub6{
     width:100%;
     max-width: 1920px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* container for single column reduced width */
.cont_full{
width:98%;
max-width: 1240px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for single column reduced width */
.cont_full2{
width:98%;
max-width: 1212px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* slider container */
.slide_cont{
width:100%;
height:auto;
background-color: #1e3b54;
position:relative;
margin:0 auto 0 auto;
    }

/* slider container for bottom of page */
.slide_cont2{
width:100%;
max-width: 1280px;
height:auto;
background-color: #1e3b54;
position:relative;
margin:0 auto 0 auto;
    }

/* spacer for above slider */
.spacer1{
	width:100%;
     height:10px;
	position:relative;
    }

/* spacer for above owl */
.spacer2{
	width:100%;
     height:20px;
	position:relative;
    }

/* banner color wrap */
.bannerwrap{
     width:100%;
     height:auto;
     position:relative;
     background: #b3b3b3;
     margin:0 auto 0 auto;
    }

/* banner color wrap */
.bannerwrapsub{
     width:100%;
     max-width: 1920px;
     height:auto;
     position:relative;
     overflow: hidden;
     margin:0 auto 0 auto;
    }

/* give images rounded corners */
.roundrect { 
 border-radius: 15px;
 -moz-border-radius: 15px; 
}

/* give images rounded corners */
.roundrect2 { 
 border-radius: 15px;
 -moz-border-radius: 15px; 
}

/* blue bar */
.bar1{
     width:100%;
     height:46px;
     position:relative;
     background: #5c82a1;
     z-index: 100;    
    }

/* dk blue bar */
.bar1a{
     width:100%;
     height:12px;
     position:relative;
     background: #761a0b;
     z-index: 100;    
    }


/* red bar */
.bar2{
     width:100%;
     height:4px;
     position:relative;
     background: #761a0b;
     z-index: 100;    
    }

/* brown bar */
.bar2a{
     width:100%;
     height:auto;
     position:relative;
     background: #a38984;
     z-index: 100;    
    }

/* grey bar */
.bar3{
     width:100%;
     height:auto;
     min-height:48px;
     position:relative;
     background: #666666;
     z-index: 100;    
    }

/* blue bar */
.bar4{
     width:100%;
     height:18px;
     position:relative;
     background: #4d4d4d;
     z-index: 100;    
    }

/* header */
.header{
     width:100%;
     height:auto;
     position:relative;
     background: #f0f0f0;
     margin:0 auto 0 auto;
    }

/* 2 column / position */
.left { 
      display: block;
      float: left;
      width:43%;
      min-height:100%;
      margin:0 auto 0 auto;
    /* outline: 1px dotted blue; */
    }


.right {
      display: block;
      float: right;
      width:57%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */

    }
    
.group:after {
        content:"";
        display: table;
        clear: both;
    }

/* vt container */
.vt_container{
width:100%;
max-width:1240px;
height:auto;
position:relative;

padding: 0 0 0 0;
z-index:100;
     }

/* iframe resizer */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* container for logo */
.logo{
width:100%;
max-width:450px;
height:auto;
position:relative;
padding:12px 0 12px 20px;
transition : .4s;
z-index: 200;
}

/* container for logo */
.seal{
width:154px;
height:144px;
position:relative;
padding:12px 10px 12px 0px;
transition : .4s;
float: right;
z-index: 200;
}

/* weather feed container */
.wf_feed_cont{
width:100%;
max-width: 520px;
height:692px;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}

/* events feed container */
.cc-feed{
width:95%;
max-width: 670px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}


/* menu */
.menu{
     width:100%;
     height:auto;
     left:0px;
     top:28px;
     position:relative;
     background: ;
     float: right;
     z-index:110;     
    }

/* menu position*/
.menusub{
     width:100%;
     max-width: 850px;
     height:46px;
     position:relative;
     margin:0 auto 0 auto;
    }

.footer {
	position:relative;
	width:100%;
	min-height:160px;
     height:auto;
     z-index:110;			
     background: #2c5578;
margin:0 auto 0 auto;
	}



/* 3 column */

.left2a {
        float: left;
        width: 2%;
        height: 800px;
      /* outline: 1px dotted blue; */        
    }



.left2 {
        float: left;
        width: 49%;
        height: 800px;
      /* outline: 1px dotted blue; */        
    }

.middle2 {
        float: left;
        width: 4%;
        height: 800px;
       /* outline: 1px dotted blue; */     
    }

.right2 {
        float: left;
        width: 43%;
        height: 800px;
       /* outline: 1px dotted blue; */     
    }
 
.right2a {
        float: right;
        width: 2%;
        height: 800px;
       /* outline: 1px dotted blue; */     
    }
   
.group2:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column / position */
.left3 { 
      display: block;
      float: left;
      width:50%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */  
    }


.right3 {
      display: block;
      float: right;
      width:50%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */  

    }
    
.group3:after {
        content:"";
        display: table;
        clear: both;
    }


/* 2 column / position */
.left4 { 
      display: block;
      float: left;
      width:70%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */   
    }


.right4 {
      display: block;
      float: right;
      width:30%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */     

    }
    
.group4:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column for left menu */
.left5 {
        float: left;
        width: 16%;
        z-index:110;
        /* outline: 1px dotted blue; */ 

    }

.right5 {
        float: right;
        width: 84%;
        /* outline: 1px dotted blue; */ 

    }
.group5:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column for boc */
.left6 {
        float: left;
        width: 21%;
        z-index:110;
        /*  outline: 1px dotted blue; */

    }

.right6 {
        float: right;
        width: 79%;
        /*  outline: 1px dotted blue; */ 

    }
.group6:after {
        content:"";
        display: table;
        clear: both;
    }

div.a {
  width: 100%;
  left: 24px;
  /* border: 1px solid black; */ 
}

div.b {
  width: 95%;
  margin-left: 24px;
  /* border: 1px solid black; */   
}


.button {
  display: inline-block;
  border-radius: 12px;
  background-color: #6e1919;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 10px 24px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 24px;
}

.button:hover {
  background-color: #67a2c8; /* Blue */
  color: white;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* video position*/
.video{
     width:100%;
     max-width: 850px;
     position:relative;
     margin:0 auto 0 auto;
    }

#searchform #s{
color: #044b7a;
font-size: 14px;
width: 274px;
height: 42px;
margin: 0px 0px 2px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #ffffff;
}

#searchform #searchsubmit{
position: absolute;
top: 4px;
right: 0px;
width: 32px;
height: 32px;
border: 0px;
background: url(images/search-submit.png) no-repeat transparent -1px 3px;
}

p {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 24px;
      margin-right: 15px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

ul {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      padding: 0px 0px 0px 0px;
      margin-top: 14px;
      margin-bottom: 14px;
      margin-left: 46px;
      margin-right: 20px;
      text-align: left;
    }

ol {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 36px;
      margin-right: 20px;
      padding: 0px;
      text-align: left;
    }

h1 {
      font-size: 16.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #053a5e;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 24px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;
    }

h2 {
      font-size: 14.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #053a5e;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 24px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;
    }

h4 {
      font-size: 14.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #053a5e;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 24px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;
    }

h5 {
      font-size: 15.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #941F1F;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 24px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;

    }

hr.style1{
	border-top: 2px solid #0473c5;
     margin-left: 20px;
     margin-top: 40px;
margin-bottom: 20px;
     width: 95%;
}


.t1 {
      font-size: 12pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: 400;
      color: white;
      padding: 10px 10px 0px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      letter-spacing: .8px;
      text-align: right;
    }


.t3 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #c0c0c0;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 20px;
      margin-right: 20px;
      line-height: 1.7;
      letter-spacing: .5px; 
      padding: 20px 20px 20px 0;
      text-align: left;
    }

.t4 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 10px 0 0 20px;
      text-align: left;
    }

.t5 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #fcf7ec;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 10px 0px 0 0px;
      text-align: left;
    }

.t6 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 4px;
      margin-bottom: 4px;
      margin-left: 16px;
      margin-right: 0px;
      text-align: left;
    }

.t7 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #941F1F;
      padding: 0px 0px 0px 0px;
      margin-top: 4px;
      margin-bottom: 4px;
      margin-left: 16px;
      margin-right: 0px;
      text-align: center;
    }

.t8 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 5px 0px 5px 0px;
      text-align: center;
    }

.s2 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 4px;
      margin-bottom: 4px;
      margin-left: 10px;
      margin-right: 0px;
      text-align: left;
    }


a:link {
    text-decoration: underline;
    color: #941F1F;
    }
a:visited {
    text-decoration: underline;
    color: #941F1F;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #044b7a;
    }


a:link.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color1 {
    text-decoration: none;
    color: #044b7a;
    }
a:active.color1 {
    text-decoration: none;
    color: #044b7a;
    }

a:link.color2 {
    text-decoration: none;
    color: #c0c0c0;
    }
a:visited.color2 {
    text-decoration: none;
    color: #c0c0c0;
    }
a:hover.color2 {
    text-decoration: none;
    color: #ffffff;
    }
a:active.color2 {
    text-decoration: none;
    color: #ffffff;
    }

a:link.color3 {
    text-decoration: none;
    color: #941F1F;
    }
a:visited.color3 {
    text-decoration: none;
    color: #941F1F;
    }
a:hover.color3 {
    text-decoration: none;
    color: #044b7a;
    }
a:active.color3 {
    text-decoration: none;
    color: #044b7a;
    }

a:link.color4 {
    text-decoration: none;
    color: #ffff00;
    }
a:visited.color4 {
    text-decoration: none;
    color: #ffff00;
    }
a:hover.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:active.color4 {
    text-decoration: none;
    color: #ffffff;
    }


/* Media Queries */


/* used for news feed and side image */   
@media screen and (max-width: 1060px) {
    
    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.fb_feed_cont{
width:100%;
max-width: 480px;
}

.mcontainersub3{
     width:96%;
    }


.mcontainersub2{
     width:96%;
    }

.menu{
     top:0;
    }

}




@media screen and (max-width: 1024px) {

     .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right3 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.mcontainer3{
margin-top: 0px;
}
.mcontainersub3{
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
border-style:;
border-width:0;
border-color:;
    }

.TB_Wrapper2 {
float: none;
display: none;
}
}

/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 768px) {

    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }

.left2a {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }

.right2a {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }
 
  .middle2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right3 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

    .left5 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right5 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.logo{
width:100%;
max-width:400px;
}

.t5 {
      margin-top: 5px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 0px;
      text-align: left;
    }


.roundrect { 
 display: none;
}


.mcontainersub3{
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
border-style:;
border-width:;
border-color:;
}

.TB_Wrapper2 {
float: none;
display: none;
}

.mcontainersub4{
     width:96%;
    }

#ealerts{
	position:relative;
     width:92%;
     left: 28px;
    }




.menu{
     top:0;
    }

h2 {
      padding:20px 0 0 10px;
    }
     .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right3 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

}


/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 500px) {

    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }
   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }

.left2a {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }

.right2a {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }
 
  .middle2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

     .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right3 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }
  
    .left4 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right4 {
    float: none;
    display: none;
    width:100%;
    position: relative;
       }

    .left5 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right5 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.mcontainersub3{
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
border-style:;
border-width:;
border-color:;
}

.TB_Wrapper2 {
float: none;
display: none;
}
.mcontainersub4{
     width:96%;
    }
.mcontainersub5{
     width:96%;
    }


.t1 {
      font-size: 10pt;
    }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }
 
  .middle2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

.logo{
width:96%;
padding:32px 0 0 10px;
}

.roundrect { 
 display: none;
}

.menu{
     top:5px;
    }
h2 {
      padding:20px 0 0 10px;
    }

}


</style>

