<style type="text/css">
/* TT 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: #bfbfbf;
      background:url(images/noise.png);
      margin: 0px;
      border: 0px;
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #2e4966;
      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 sub for position */
.mcontainersub2{
     width:100%;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub3{
     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: #ffffff;
     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;
    }

/* main container sub for position */
.slider-wrap{
     width:100%;
     max-width: 774px;
     height:auto;
     position:relative;

    }

/* 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;
}


/* white spacer above */
.spacer1{
	width:100%;
     height:20px;
	position:relative;
    }

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

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

/* departments bump */
.bump{
     width:100%;
     margin-left: 20px
    }

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

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

/* green bar */
.bar1{
     width:100%;
     height:auto;
     position:relative;
     background: #406894;
     z-index: 100;    
    }


/* rust bar */
.bar2{
     width:100%;
     height:4px;
     position:relative;
     background: #893c34;
     z-index: 100;    
    }

/* rust bar */
.bar2a{
     width:100%;
     height:20px;
     position:relative;
     background: #893c34;
     z-index: 100;    
    }

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

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


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

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


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

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

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

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

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


/* menu */
.menu{
     width:100%;
     height:auto;
     left:0px;
     top:36px;
     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: #2e4966;
margin:0 auto 0 auto;
	}

/* 3 column */
.left1 {
        float: left;
        width: 33%;
        height: auto;
        /* outline: 1px dotted blue; */      
    }

.middle1 {
        float: left;
        width: 33%;
        height: autopx;
        /* outline: 1px dotted blue; */       
    }

.right1 {
        float: right;
        width: 33%;
        height: auto;
        /* outline: 1px dotted blue; */   
    }
    
.group1:after {
        content:"";
        display: table;
        clear: both;
    }



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

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

.right2 {
        float: right;
        width: 49%;
        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: 17%;
        z-index:110;
        /* outline: 1px dotted blue; */

    }

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

    }
.group5:after {
        content:"";
        display: table;
        clear: both;
    }
.button {
  display: inline-block;
  border-radius: 12px;
  background-color: #0473c5;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 10px 24px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 0px;
}

.button:hover {
  background-color: #808080; /* Gray */
  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: #254a7d;
font-size: 14px;
width: 274px;
height: 42px;
margin: 0px 0px 2px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #f5f5f5;
}

#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: #2e4966;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 30px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

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

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

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

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

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

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

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

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 10px 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: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 10px 10px 0 0px;
      text-align: right;
    }

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

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

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

.t9 {
      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;
    }

.t10 {
      font-size: 10.8pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #c0c0c0;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }


a:link {
    text-decoration: underline;
    color: #0473c5;
    }
a:visited {
    text-decoration: underline;
    color: #0473c5;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #163f08;
    }


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

a:link.color2 {
    text-decoration: none;
    color: #666666;
    }
a:visited.color2 {
    text-decoration: none;
    color: #666666;
    }
a:hover.color2 {
    text-decoration: underline;
    color: #893c34;
    }
a:active.color2 {
    text-decoration: underline;
    color: #893c34;
    }

a:link.color3 {
    text-decoration: underline;
    color: #527d3e;
    }
a:visited.color3 {
    text-decoration: underline;
    color: #527d3e;
    }
a:hover.color3 {
    text-decoration: underline;
    color: #893c34;
    }
a:active.color3 {
    text-decoration: underline;
    color: #893c34;
    }




/* 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%;
    }


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


.mcontainersub2{
     width:96%;
    }

.menu{
     top:0;
    }

}

/* 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;
       }

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

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

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

   .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;
    }

    .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:488px;
}

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


.roundrect { 
 display: none;
}


.mcontainersub3{
     width:96%;
    }
.mcontainersub4{
     width:96%;
    }





.menu{
     top:0;
    }

h2 {
      padding:20px 0 0 10px;
    }

}


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

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

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

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

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

    .right1 {
    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{
     width:96%;
    }
.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;
    }
    .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

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


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

.roundrect { 
 display: none;
}

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

}


</style>

