<style type="text/css">
/* NBMA Style Sheet by na studios - http://www.nastudios.com/ */

html {
margin: 0px;
padding: 0px;
border: 0px;
background: #666666;
overflow: auto;
     }

body {
background: #666666;
margin: 0px;
border: 0px;
font-size: 12.5pt;
font-family: verdana, arial, helvetica, georgia;
font-weight: normal;
color: #333333;
line-height: 1.5;
padding: 0px;
      }

/* bar 0 for top */
.bar0{
width:100%;
height:8px;
position:relative;
background-color: #061C26;
     }

/* bar 1 for main header */
.bar1{
width:100%;
height:auto;
position:relative;
background: #999999; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#666666, #e6e6e6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#666666, #e6e6e6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#666666, #e6e6e6); /* For Firefox 3.6 to 15 */
background: linear-gradient(#666666, #e6e6e6); /* Standard syntax */
     }

/* bar 2 for menu */
.bar2{
width: 100%
height:52px;
position:relative;
background-color: #0f4159;
margin:0 auto 0 auto;
     }

/* bar 2 for menu position */
.bar2sub{
max-width:1280px;
height:52px;
position:relative;
margin:0 auto 0 auto;
     }

/* bar 3 orange divider */
.bar3{
width:100%;
height:1px;
position:relative;
background-color: #EC7A18;
     }


/* main content width */
.mcontent{
width:100%;
max-width:1280px;
height:auto;
position:relative;
margin:0 auto 0 auto;
    }

/* main container */
.mcontainer{
width:100%;
height:;
position:relative;
     }

/* main container sub for position */
.mcontainersub{
width:100%;
max-width:1280px;
height:;
background-color: #f0f0f0;
position:relative;
margin:0 auto 0 auto;
    }

/* push down on banner */
.ban{
     width:100%;
     height:;
     position:relative;
     overflow: hidden;
     margin:0 auto 0 auto;
    }

/* push down on banner */
.ban_wrapper{
     width:100%;
     height:auto;
     background-color: #592a49;
     background:url(images/dp2.jpg); 
     position:relative;
     margin:0 auto 0 auto;
    }

/* container for single column reduced width */
.cont_full{
width:100%;
max-width: 1150px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for single column reduced width */
.cont_full2{
width:100%;
max-width: 1200px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for oc */
.cont_full3{
width:100%;
max-width: 1260px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for logo */
.logo{
width:100%;
max-width:935px;
min-width:50%;
height:;
position:relative;
left:0px;
margin-left: 0px;
float: left;
z-index:100;
    }


/* video container */
.video_cont{
width:90%;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}


/* footer */
.footer1{
width:100%;
height:;
background-color: #0f4159;
position:relative;
margin:0 auto 0 auto;
    }

/* footer2 */
.footer2{
width:100%;
height:;
background-color: #061C26;
position:relative;
margin:0 auto 0 auto;
    }


/* spacer for above logo */
.spacer1{
	width:100%;
     height:4px;
	position:relative;
    }


/* header div / position */
.left {
        float: left;
        width: 80%;
        /* outline: 1px dotted blue; */ 
    }

.right {
        float: right;
        width: 20%;
        /* outline: 1px dotted blue; */ 
    }
    
.group:after {
        content:"";
        display: table;
        clear: both;
    }

/* news / weather */
.left2 {
        float: left;
        width: 48%;
         /* outline: 1px dotted blue; */ 
    }

.middle2 {
        float: left;
        width: 2%;
         /* outline: 1px dotted blue; */    
    }

.right2 {
        float: right;
        width: 48%;
         /* outline: 1px dotted blue; */  
    }
    
.group2:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column for left menu */
.left3 {
        float: left;
        width: 18%;
        z-index:110;
        /* outline: 1px dotted blue; */
    }

.right3 {
        float: right;
        width: 82%;
        /* outline: 1px dotted blue; */
    }
.group3:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column for rates */
.left4 {
        float: left;
        width: 50%;
        z-index:110;
        /* outline: 1px dotted blue; */
    }

.right4 {
        float: right;
        width: 50%;
        /* outline: 1px dotted blue; */
    }
.group4:after {
        content:"";
        display: table;
        clear: both;
    }



#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(images/ui.totop.png) no-repeat 0 0;
}

#toTop:hover {
	background:url(images/ui.totop.png) no-repeat 0 -51px;
	width:51px;
	height:51px;
}

#toTop:active, #toTop:focus {
	outline:none;
}


/* give images rounded corners */
.roundrect { 
 border-radius: 15px;
border-color: #041a4d;
 -moz-border-color: #041a4d;
 -moz-border-radius: 15px; 
}

/* give images rounded corners */
.roundrect2 { 
 border-radius: 15px;
border-color: #041a4d;
 -moz-border-color: #041a4d;
 -moz-border-radius: 15px; 
}

.button {
  display: inline-block;
  border-radius: 12px;
  background-color: #0b2f40;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
padding: 15px 32px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button:hover {
  background-color: #0f4159; /* Turquoise */
  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;
}

#searchform #s{
color: #004605;
font-size: 14px;
width: 274px;
height: 32px;
margin: 0px 0px 2px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #ffffff;
}

#searchform #searchsubmit{
position: absolute;
top: 0px;
right: 0px;
width: 32px;
height: 32px;
border: 0px;
background: url(images/search-submit.png) no-repeat transparent -1px 3px;
}

hr.style1 {
      background-color: #3e1d32;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 20px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      float: center;
      padding: 0px;
    }





/* spacer for above owl */
.spacer2{
	width:100%;
     height:16px;
	position:relative;
    }

/* spacer for below seal on regular pages*/
.spacer3{
	width:100%;
     height:30px;
   display: block;
   position: relative;
    }


p {
      font-size: 12.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      margin-right: 10px;
      line-height: 1.7;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

ul {
      font-size: 12.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 40px;
      margin-right: 10px;
      line-height: 1.7;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

ol {
      font-size: 12.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #041a4d;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 40px;
      margin-right: 10px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

h1 {
      font-size: 18.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #0c2e0c;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 10px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding: 0px;
      text-align: left;
    }

h2 {
      font-size: 16.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #0c2e0c;
      margin-top: 0px;
      margin-bottom: 14px;
      margin-left: 10px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding: 0px;
      text-align: left;
    }


h3 {
      font-size: 12.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      margin-right: 10px;
      line-height: 1.7;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

h5 {
      font-size: 14.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #EC7A18;
      margin-top: 0px;
      margin-bottom: 2px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 0px;
      text-align: center;
    }


.t1 {
      font-size: 13pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #0c2e0c;
      padding: 0px 0px 0px 0px;
      margin-top: 50px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 10px;
      text-align: right;
    }


.t3 {
      font-size: 11pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 20px 0px 10px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t4 {
      font-size: 13pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #151515;
      padding: 10px 0px 10px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t5 {
      font-size: 20.0pt;
      font-family: "Times Roman", Times, serif;
      font-weight: normal;
      color: #3e1d32;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 10px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding: 0px;
      text-align: left;
    }


.t8 {
      font-size: 9.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 20px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t9 {
      font-size: 14.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 16px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 5px 0px 5px 0px;
      text-align: left;
    }

.t10 {
      font-size: 11.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t11 {
      font-size: 14.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #1a1a1a;
      padding: 0px 0px 0px 0px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t12 {
      font-size: 14.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;
    }

a:link {
    text-decoration: underline;
    color: #0668b1;
 
    }
a:visited {
    text-decoration: underline;
    color: #0668b1;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #b22a02;
 
    }


a:link.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color1 {
    text-decoration: underline;
    color: #ffffff;
    }
a:active.color1 {
    text-decoration: underline;
    color: #ffffff;
    }

a:link.color2 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color2 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color2 {
    text-decoration: underline;
    color: #EC7A18;
    }
a:active.color2 {
    text-decoration: underline;
    color: #EC7A18;
    }

a:link.color3 {
    text-decoration: none;
    color: #0c2e0c;
    }
a:visited.color3 {
    text-decoration: none;
    color: #0c2e0c;
    }
a:hover.color3 {
    text-decoration: underline;
    color: #EC7A18;
    }
a:active.color3 {
    text-decoration: underline;
    color: #EC7A18;
    }

a:link.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:active.color4 {
    text-decoration: none;
    color: #ffffff;
    }


/* Media Queries */

@media screen and (max-width: 1170px) {
 
   .cont_full {
    max-width: 96%;
    }
  .cont_full2 {
    max-width: 96%;
    }

.t1 {
      font-size: 12pt;
      margin-top: 30px;
      margin-bottom: 10px;
      margin-right: 10px;
    }

}

  
@media screen and (max-width: 991px)and (min-width: 501px) {

    .logo {
    margin-bottom: 0px;
    left:10px;
    margin-left: 0px;
    margin-right:0px;
    max-width:96%;
    }

 

   .cont_full {
    max-width: 96%;
    }
  .cont_full2 {
    max-width: 98%;
    }

  .left {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }
 
  .middle2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

     .left3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }
 
     .left4 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right4 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }


.t1 {
      font-size: 12pt;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 30px;
    }


}


@media screen and (max-width: 500px) {
    .logo {
    margin-bottom: 0px;
    left:10px;
    margin-left: 0px;
    margin-right:0px;
    max-width:96%;
    }


   .roundrect {
    display:none;
    width: 0%;
    }

   .cont_full {
   max-width: 96%;
   }
  .cont_full2 {
    max-width: 98%;
    }

  .left {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

.middle2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }


   .left2 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right2 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

     .left3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }


     .left4 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right4 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }
 
 .t1 {
      font-size: 11pt;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 10px;
    }


}

</style>

