/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 800px){ 
.navigate  { display: block; background: #66883F; font-size: 1.2em;  }
.navigate a { display: block;  line-height: 40px;  color: #FFF;  padding: 0px 10px;  }
.navigate a label.mbtn { -moz-border-radius: 4px; background: #6b81b9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #333C1A 0%, #66883F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333C1A), color-stop(100%,#66883F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333C1A 0%,#66883F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333C1A 0%,#66883F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333C1A 0%,#66883F 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333C1A 0%,#66883F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333C1A', endColorstr='#66883F',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);  -webkit-border-radius: 4px;  border-radius: 4px; display: inline-block; vertical-align: middle;  margin: 0px;  width: 35px; height: 27px; border: 1px solid #333;  margin-right: 10px; }
.navigate a label.mbtn span { display: block;  border-top: 1px solid #66883F; border-radius: 1px; box-shadow: 0 1px 0 #333;  width: 80%;  margin: auto; margin-top: 16%;   }
.navigate a label.mbtn:hover { background: #333C1A; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #66883F 0%, #333C1A 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66883F), color-stop(100%,#333C1A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #66883F 0%,#333C1A 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #66883F 0%,#333C1A 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #66883F 0%,#333C1A 100%); /* IE10+ */
background: linear-gradient(to bottom,  #66883F 0%,#333C1A 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66883F', endColorstr='#333C1A',GradientType=0 ); /* IE6-8 */
}
#nav.masternav { padding: 5px; margin-bottom: 20px; width: 96%; margin: 0 2%; }
.masternav ul { display: none;  z-index: 1; position: relative; top: 0px; left: 0px; }
.masternav:hover ul { display: block; }

}
@media all and (min-width: 0px) and (max-width: 479px){
body, html{ max-width: 479px; min-width: 240px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper, .footcontent, div.conatiner { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
.topsocio {background: #A60000; }
#container, #content { padding: 0px; }
.table, .tablerow, #sidebar, #container, .slider, #footer, .subnav { display: block; width: 100%; height: auto; margin: 0px; }
#sidebar { margin-top: 10px; margin-bottom: 25px;  width: 100%; }
.hometabs { margin: 0;  width: 96%; padding: 0px;  }
.hometabs article,.hometabs article.pagecontent,  .sociolinks, .footabout, #content, #rightside { float: none; width:96%; margin: 0 2%; height: auto;  }
.subnav { padding: 0;  }
.masternav:hover ul { display: block;  } 
.slider, .footnav, .masternav  ul{ display: none; }
.sociolinks { text-align: center; }
.logo img { height: 80px; margin: auto; }
.logotext, .clearfoot { display: none; }
#nav { margin-top: 10px; }
.hometabs article.pagecontent { margin-top: 20px;}
.sociolinks, .footabout { padding: 0px; }
#footer { border-top: 0px; position: relative;}
#nav ul li ul { top: 0px; left: 0px; position: relative; z-index: 0; width: 100%; }
.message { font-size: 0.82em;  } 
}

/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 700px){
body, html{ max-width: 700px; min-width: 480px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper,.footcontent { min-width: 100%; width: 100%;margin-bottom: 0px; height: auto;  }
div.conatiner { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
#container, #content { padding: 0px;}
#nav ul li { width: 46%; display: inline-block; margin: 1%;  vertical-align:top; }
#nav ul li:hover ul, #nav ul li a:hover ul { display: none;  }
.subnav { padding: 0;  }
.logotext, .clearfoot { display: none; }

.table, .tablerow, #sidebar, #container, .slider, #footer, .subnav { display: block; width: 100%; height: auto;  }
.hometabs article, .sociolinks,.hometabs article.pagecontent, .footabout, #content, #rightside  { float: none; width:96%; margin: 0 2%; height: auto;  }
.slider, .footnav,.masternav  ul { display: none; }
#sidebar { top: 10px; width: 100%; margin-bottom: 30px;  }
.sociolinks { text-align: center; }
.searchbox { position: absolute; top: 20px; right: 0px; padding: 20px; text-align: center; }
.searchbox input[type=text] { width: 208px;}
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
#footer {border-top: 0px;}
.box { width: 45%; margin: 1%; display: inline-block; vertical-align: top; }
}
/* mobiles width 480 or above width */
@media all and (min-width: 701px) and (max-width: 800px){
body, html{ max-width: 800px; min-width: 701px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper,.footcontent { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
#container{ padding: 2%; width: 96%;}
#slides {  width: 100%; }
div.conatiner { min-width: 100%; width: 100%; margin-bottom: 0px; height: auto; }
#content { width: 70%; padding: 0 2%;}
#nav ul li { width: 46%; display: inline-block; margin: 1%;  vertical-align:top; }
#nav ul li:hover ul, #nav ul li a:hover ul { display: none;  }
#rigthside { width: 18%; }
.clearfoot { display: none; }
.table, .tablerow, #sidebar,.slider, #footer { display: block; width: 100%; height: auto;  }
.footnav { display: none; }
.sociolinks { text-align: center; }
.searchbox { position: absolute; top: 80px; right: 0px; padding: 10px; text-align: center; }
.searchbox input[type=text] { width: 208px;}
.logo img { height: 110px; float: left; z-index: 1; position: absolute; }
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
#footer {  border-top: 0px;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 801px) and (max-width: 900px){
body, html{ max-width: 900px; min-width: 801px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper, .footcontent { min-width: 100%; width: 100%; }
div.conatiner { min-width: 100%; width: 100%; margin: 0px; padding: 0; height: auto; }
.logo a { margin-left: 5%; }
#slides { width: 98%;  }
#sidebar { width: 21%; margin-right:  1%;  }
#container{ padding: 0 0px; width: 80%;}
#content { width: 70%; padding: 0 1%;}
#rigthside { width: 18%; }

.table, .tablerow, .slider { display: block; width: 100%; height: auto;  }
.footnav { display: none; }
.sociolinks { text-align: center; }
.searchbox {  padding: 10px; text-align: right; }
.searchbox input[type=text] { width: 208px;}
.logo img { height: 120px; float: left; }
.sociolinks, .footabout {float: left; width: 45%; margin: 2%; padding: 0px; }
}
@media all and (min-width: 901px) and (max-width: 969px){
body, html{ max-width: 969px; min-width: 901px;  padding: 0px; font-size: 100%; margin: 0px;  }
#wrapper, .footcontent { min-width: 100%; width: 100%; }
.logo a { margin-left: 5%; }
#slides { width: 98%;  }
div.conatiner { min-width: 100%; width: 100%; margin: 0px; padding: 0; height: auto; }
#container{ padding: 0; width: 75%;  }
#content { width: 70%; padding: 0 1%;}
#rigthside { width: 18%; }
#sidebar { width: 21%; margin-right:  1%;  }
.table, .tablerow, .slider { display: block; width: 100%; height: auto;  }

}