/* CSS file generated by Responsify */
/* Columns: 2, Gutter Width: 0.5, Breakpoints: 480 */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, nav2 {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, nav2, section {
    display:block;
}

nav ul, nav li { margin: 0; }
nav ul, ul { list-style:none; }

.span1, .span2, .span3, .span4{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 0.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 49.75%;
  padding: 0px 0px 0px 20px;
  
}
.span1a{
  width: 100%;
  padding-top: 5%;
      margin: 0 auto;
  
}
.span2{
  width: 100%;
  margin-left: 0;
}
.span3{
  width: 300px;
  margin-left: 0;
}

.span4{
  width: 450px;
  margin-left: 0;
}
.span4a{
  width: 600px;
      margin: 0 auto;
}

.span4b{
  width: 600px;
  height: 130px;
  margin: 0 auto;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgba(255,255,255,0.2);
	padding: 10px 0 10px 0;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.coltxt {
	background:#e3e3e3;
	display: block;
	float:left;
	margin: 1% 0 0 1.6%;
}

.coltxt a{
  color: #8f8f8f;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 12px; 
   text-decoration:none;
   padding-left: 30px;
}

.coltxt:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	background:#e3e3e3;
	width: 49.2%;
}
.span_2_of_2 a{
	float: right;
   padding-right: 30px;
}

.span_1_of_2 {
	background:#e3e3e3;
	width: 49.2%;
}

.span5{
  width: 50%;
  margin: 0 auto;
  
}
.mps{
  width: 100%;
  height: auto;
  margin: 0 auto;
	padding: 0 10px 0 10px;
}
html,
body{
  font-size: 87.5%;
  color: #252e35;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  background: #f7f7f7;
 /*   background-image: url("images/bkg.jpg"); */
margin:0;
	padding:0;
	height:100%;
}

#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	background:#ededed;
}
#content {
	padding-bottom:30px; /* Height of the footer element */
}
#footer {
	background:#e3e3e3;
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
}



h1{
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
}

h2{
  font-size: 1.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}

#container, .inner{
  margin: 0 auto;
}
#container1 {
padding: 0 0 0 100px;
  margin: 0 auto;
}

#container1 {
  clear: both;
  padding-top: 20px;
}

.logo img {
    max-width: 100%;
	height: 60px;
	padding: 0 0 0 20px;
	  margin: 0 auto;
}

#bkg{
    width: 100%;
	height: 116px;
background: url('images/bkg.jpg')
}
.logo1 img {
    max-width: 201px;
	height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
header{
    margin: 0 auto;
}

header2{
  /* background: #f4f4f4; */
}

header h1{
  margin: 7px 0 0 0;
}

#container{
  clear: both;
  padding-top: 20px;
}

.alt{
  color: #9e9e9e;

  letter-spacing: 0.05em;
}

.mainsrin {
   width: 100%;
   position: relative;
   float: left;
   padding: 0 0 30px 0;
}

.mainsrthumb {
   width: 25%;
   position: relative;
   float: left;
   padding: 0 20px 0 0;
}

.mainsrthumb img {
   width: 100%;
   height: auto;
}

.mainsrdesc {
   width: 90%;
}
.mainsrdesc a{
   font-size: 16px; 
   font-family:Arial; 
   color: #1a0dab; 
   text-decoration:none;
}
.link a{
   font-size: 12px; 
   font-family:Arial; 
   color: #587c4f; 
   text-decoration:none;
}



/* NAVIGATION */

nav{
  margin: 7px 0 7px 0;
}

nav ul{
  text-align: right;
  overflow: auto;
  width: 100%;
}

nav ul li{
  margin: 0 0 0 0;
  text-align: center;
  overflow: auto;
  float: left;
  width: 33%;
}

nav a{
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 7px 0 7px 5%;
  margin: 0 0 0 4%;
  background-color: rgba(255,255,255,0.1);
}

/* TOP SEARCHES */
nav2 ul, nav2 li { margin: 0; }
nav2 ul, ul { list-style:none; }
.span1ts{
  width: 95%;
}
nav2{
  margin: 7px 0 7px 0;
}

nav2 ul{
  text-align: right;
  overflow: auto;
  width: 100%;
}

nav2 ul li{
  margin: 0 0 3px 0;
  text-align: center;
  overflow: auto;
  float: left;
  width: 33%;
}

nav2 a{
color: #0071B8 !important;
text-shadow: 0px 0px #000000;
                font-family: arial, sans-serif;
    font-size: 13px;
  text-decoration: none;
    /*font-weight: bold;*/
  margin: 0;
  display: block;
  padding: 7px 0 7px 5%;
  margin: 0 0 0 4%;
  /*background-color: rgba(26,148,221,0.5);*/
}




/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
  nav .span1{
    width: 100%;
  }

  .span1, article{
    width: 100%;
  }

  .span1, aside{
    width: 100%;
    margin-left: 0;
  }

  #container, .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }

    #container1 {
    width: 90%;
    padding: 0 5% 0 5%;
  }

 #form-container4 {
    width: 100%;
    padding: 14px 0 14px 0;
	margin: 0 auto;
            }

.span4{
  width: 100%;
  margin: 0 auto;
}

.span4a{
  width: 100%;
      margin: 0 auto;
}

.span4b{
  width: 100%;
  height: auto;
  margin: 0 auto;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgba(255,255,255,0.2);
	padding: 10px 0 10px 0;
}
#bkg{
    width: 100%;
	height: 180px;
}
.logo img {
    max-width: 100%;
	height: 60px;
	margin: 0 auto;
}

}

@media screen and (max-width: 480px){
  nav ul li{
    width: 100%;
    margin: 0 0 5px 0;
  }

  nav a{
    margin: 0;
    padding: 14px 0 14px 0;
  }

  #bkg{
    width: 100%;
	height: 300px;
}

.coltxt { 
		margin: 1% 0 0 0%;
		background:#e3e3e3;
	}
.span_2_of_2, .span_1_of_2 { width: 100%; }

.span_2_of_2 a{
	float: left;
   padding-left: 30px;
}

nav2 ul li{
  width: 50%;
  margin: 0 0 3px 0;
}

}

/* Custom Breakpoints */

@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
}


/* Micro Clearfix */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

/* Search Bar */
/*import font awesome css icon library*/
            @import url("http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css");
            
            input, select, textarea {
                background: none repeat scroll 0 0 #fafafa;
                border: 1px solid #a3a3a3;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
                color: #5e5e5e;
                display: block;
                font-family: arial, sans-serif;
                font-size: inherit;
                padding: 10px;
                width: 100%;
                box-sizing: border-box;
                font-size: 16px;
                margin: 0;
                height: 40px;
            }
            
            #searchtext {
                overflow: hidden;
            }
            
            #search-submit-button input{
                background: none repeat scroll 0 0 #ff802b;
                border-bottom: 1px solid #a3a3a3;
                border-right: 1px solid #a3a3a3;
                border-top: 1px solid #a3a3a3;
		border-left: 0;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
                color: #ffffff !important;
                display: block;
                float: right;
                font-family: inherit;
                font-size: 20px;
                padding: 8px 10px;
                text-align: center;
                width: 45px;
                box-sizing: border-box;
                height: 40px;
            }


            
            #form-container {
                width: 100%;
    padding: 14px 0 14px 0;
	margin: 0 auto;
            }
			            #form-container4 {
                width: 100%;
    padding: 14px 0 14px 0;
	margin: 0 auto;
            }