html, body { margin: 0px; width: 100%; height: 100%;  display: block; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #000; background: #FFF;  }
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,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  
	margin:0; 
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body { line-height: 18px; background: #962423; height: 100%; font-size: 0.92em;    }

/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block;  }
p { margin: 0.5em 0; }
a { text-decoration: none; color: #962423; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal;  color: #000; text-align: left; margin-bottom: 10px;   font-size: 2.2em; line-height: 1.2em;;  }
h1 {  padding-bottom:4px; }
h2 { font-size: 1.6em;  }
h3{ font-size: 1.4em; }
 h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444;  font-family: Arial, Helvetica, sans-serif;  }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #EEC402; color: #000; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #EE9E02; padding: 5px 18px; display: inline-block; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px;  }
.pad { padding: 10px; padding-right: 0px;}
.divider { margin-top: 20px;  }
.bgbox { }

/* layout*/
#layout { position: absolute; height: 100%;  top: 0; left: 0; width: 100%; min-width: 100%;  }
#wrapper {  min-height:100%; height: auto !important;height: 100%;   background: #FFF url(/image/cache/bgtxr.jpg);padding: 0; margin: 30px auto;  min-width: 990px; width: 990px; position: relative;   box-shadow: 0 0 10px #333;}
#header {height: 250px;width: 100%;margin-bottom: 0;position: relative;}
#header .logo img{ width:60%;  left:35px;}
#header .hdimg { height: 90%; overflow:hidden;}
#header .hdimg img{ height:100%;}
#header .logo img { position:absolute; top:-30px;  }
#header .hdovrly{ position: absolute; z-index:9; top: 0; left: 0; width:100%; height:100%; background: url(/image/cache/hdovrly.png) top center no-repeat; background-size:  100% 100%; display: none;}
#nav {  position: relative;  text-align: center; font-family: arial; font-size: 0.82em;   background: #551F02;  border-right: 5px solid #753303;   }
#content {  padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
#footer {  padding: 15px 0px;  clear: both; overflow: hidden; font-size: 0.87em; font-family: arial;  line-height: 1.5em;  color: #D8C499;   background: #720004;  margin: 15px 0;}
.container { position: relative; margin: 0 25px; }
#lftprt { width: 25%;  float: left; }
#rgtprt { margin-left: 27%; }
.content {  padding: 10px 10px 0 0px;}
.contentBlock .content{width: 62%;float:left;text-align: justify;padding-top: 0;}
.contentBlock .rightBlock {float: right;width: 36%;}
.contentBlock .rightBlock img{ max-width:100%;}
.contentBlock:after{ content:""; display:table; clear:both; }
/*header */
#header h1 { display: none; }
.pagemargin { padding: 15px; }
/* footer */
.copyright { padding: 10px 0; }
.sociolinks { float: right; margin-right: 0px; width: 20%; text-align: right;  padding: 0 15px; padding-bottom: 0px; }
.sociolinks  img { height: 25px; margin: 0px 2px; }
.footnavi {   width: 100%;}
.footnav { margin: 0px; width: 100%; padding: 10px 0;   }
#footer h3  { margin-bottom: 5px; color:#EEE; font-size: 1.2em;}
.footnav ul,#footmenu ul  { margin: 0px; padding: 0px; width: 100%; list-style: none;  }
.footnav ul li { float: left; width: 24%; }
.footnav ul li>a { padding: 0px; margin: 0px; display: block; color: #CCC; }
.footnav ul li span { font-size: 1.0em; line-height: 1.3em;   color: #D8C499;}
.footnav ul li>ul  {margin: 0px; padding: 0px; padding-left: 10px;  list-style: none;  }
.footnav ul li> ul li {  float: none; display: block; width: 100%; }
#phtoblk { border-right: 5px solid #FFF; box-shadow: 0 0 5px #999; }
#phtoblk img { width: 100%; margin: 0; paddin : 0; }
#phtoblk a { display: block; margin: 0; paddin : 0;}
#footmenu { float: right;  }
#footmenu li { float: left; padding: 5px 10px;  }
#footmenu li a { color: #999;  }

/*navigation*/
.topnav { width:100%; position: absolute; z-index: 9; bottom: 10px; background: #551F02; font-size: 0.87em;  height: 30px; line-height: 30px;}
#topnav { background:none; border:none; position: relative;}
#topnav ul li{ border:none; float:left; list-style:none;}
#topnav ul li a { padding: 0 10px; color:#FFF; }
#topnav ul li > ul { display: none; padding: 0; margin: 0px; list-style: none; display: none; z-index: 15; width: 200px; background: #561F02; position: absolute;  height:auto; border:0px; }
#topnav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#topnav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none;  position: relative; width: 100%;border: 0px; text-align: left;  }
#topnav ul li > ul > li a, #nav ul li:hover > ul li a { padding:3px 10px;  display: block; color: #FFF; }
#topnav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { background: #968368; filter: none; color: #FFF; text-decoration: none; }
#topnav ul li:last-child ul { right: 0px;}
#topnav ul li.currentitem,  #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { color: #B82100;text-decoration: none; }
#topnav ul li.currentitem ,  #nav ul li.currentbranch  {background:#962423; }
#topnav ul li.currentitem a,  #nav ul li.currentbranch a {color: #FFF;text-decoration: none;}
#topnav ul li.currentbranch ul li.currentitem  { background: none; text-decoration: none;  }

.navigate { display: none; }
.MobileMenu { display:none;}
#nav ul { padding: 0; margin: 0 0 0 12px;  list-style: none;  }
#nav ul li { text-align: left; position: relative;  border-bottom: 1px solid #753303; }
#nav ul li:last-child { border: 0px; }
#nav ul li a {color: #FFF;display: block;padding: 6px;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul {display: none;padding: 0;margin: 0px;text-align: left;list-style: none;display: none;line-height: 20px;z-index: 6;width: 200px;background: #962423;position:absolute;height:auto;border:0px;left: 100%;top: 0;}
#nav ul li > ul > li { margin-top: 0px; padding: 0px; float: none;  position: relative; width: 100%;border: 0px; background: transparent; text-align: left;  border-bottom: 1px solid #753303;}
#nav ul li > ul > li a { padding:2px 10px;  display: block; color: #FFF; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { background: #962423; filter: none; color: #FFF; }
#nav ul li > ul > li:hover ul, #nav ul li > ul > li a:hover ul  { left: -200px; background: #225f22; top: 0;  }
#nav ul li > ul > li ul > li a:hover, #nav ul li > ul > li ul > li:hover  { background: #507308; filter: none; color: #FFF; }
#nav ul li:last-child ul { right: 0px;}
#nav ul li.currentitem,  #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a {background: #693013;color:#FFF;text-decoration: none;}
#nav ul li:hover ul li a {color: #FFF; }
#nav ul li.currentitem a,  #nav ul li.currentbranch a {color: #fff;}
#nav ul li.currentbranch ul li.currentitem  { background: none;  }

/* Social */
.social { position:absolute; top:2%; right:1%; }
.social ul { width: 100%; list-style: none; margin: 0; padding: 0;}
.social li span { display: none; }
.social li {  float: left;   padding: 0 2px;}
.social li a {width: 28px; height: 28px; display: block;  line-height: 50px;}
.social li.fb a { background: url(/image/cache/fbicon.png) no-repeat center center; background-size:100%;  }
.social li.twittr a { background: url(/image/cache/tweeticon.png) no-repeat center center;  background-size:100%;}
.social li.lnkdn a { background: url(/image/cache/lnkdnicn.png) no-repeat center center;  background-size:100%; }
.social li.ytb a { background: url(/image/cache/ytbicn.png) no-repeat center center;  background-size:100%; }
.social li.pint a { background: url(/image/cache/pinticon.png) no-repeat center center;  background-size:100%; }
.social li.gog a { background: url(/image/cache/gogicon.png) no-repeat center center;  background-size:100%; }
.social li.rss a { background: url(/image/cache/rss.png) no-repeat center center;  background-size:100%; }
/* social menu hover*/
.social li.fb a:hover, .social li.twittr a:hover, .social li.lnkdn a:hover, .social li.ytb a:hover, .social li.pint a:hover, .social li.gog a:hover, .social li.rss a:hover
{opacity:.9; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */}

/* Home */
.slidebg { height: 300px; margin: 25px  0; }
.slideing {  width: 100%;   margin: 0;   position: relative;   top: -1px;}
#slider { height: 0px;  }
.sliderContent {  width: 100%;  height: 300px; position: relative; overflow: hidden;   top: 0px;}
.sliderContent div.base {  position: absolute; width: 100%; display: none; opacity: 0; left: 0%; height: 100%;     }
.sliderContent div.base .img { width: 95%; position: absolute; left: 0; top: 0; } 
.sliderContent div.base img {  max-width: 100%;   max-height: 95%;  border: 5px solid #FFF;   box-shadow: 0 0 5px #777; margin: 0; padding: 0;   width: 95%;}
.sliderContent div.activeSlide { opacity: 1; left: 0; }
.sliderContent div.base div.caption { position: absolute; z-index: 1;   padding:1%;  width: 36%; bottom: 30%; font-size: 1em; line-height: 1.6em;  right: 0;   top: -11px;}
.sliderContent div.base div.caption h2 { font-size: 2em; line-height: 1em; margin: 0 0 10px 0; padding: 0;   font-weight: normal;}
.sliderContent div.base div.caption h2 a, .sliderContent div.base div.caption a{ color: #CD8A07;  }
.taoNav { display: none; text-align: right; right: 20px; bottom:10px; width: 100%;  z-index: 5; position: absolute;  }
.taoNav a { display: inline-block; margin: 2px 5px; width: 12px; height: 12px; overflow: hidden; background: #C0A483; line-height: 0.7em; color: #C0A483; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;   cursor: pointer; }
.taoNav a.active { background: #6E2D00; color: #6E2D00;  }
.taoNav a:hover { text-decoration: none;  }
.leftpart { width: 700px; float: left; padding-right: 10px;    }
.rightpart { width: 250px; float: right; padding-left: 10px;}
.more { position: absolute;  bottom: 0; right: 10px; }
.more a { color: #925F00;  }

/* news */
.events { border-bottom: 1px dashed #CCC;  }
.events .event { clear: left; padding: 5px 0; }
.events .event .date { float: left; width: 60px; text-align: center;  height: 20px; }
.events .event .title {margin-left: 65px;}
.news div.article {border-bottom: 1px dashed #753303;padding: 8px 5px;float: left;width: 100%;}
.news div.article:after{content:"";display:table;clear:both;}
.news div.article  h2 {font-size: 1.2em;margin: 0;}
.news div.article .date { color:#551f02; font-size:.90em; font-style:italic;}
.news div.article p a{font-size:.86em;}
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  }
.splitright a { color: #925F00;  }
.newsList h2 a { color: #000; }
div.splitright{ width:auto; float:right;}
.article{}
.article .thumb{ float:left;}
.article .thumb img{margin: 5px 10px 5px 0;max-height: 100px;max-width: 100%;}
#news h2{margin:0;}

#news .newsBody img{ max-width:100%;}
ul.news_archive{ margin:0;}
ul.news_archive li{list-style:none; margin-left:15px;}

.top_story_block h3{font-size: 1.6em;}
.top_story_block h3 a{color: #000;}
.top_story_block .date { font-size: .9em; }
.top_story_block >div:after{ content:""; display:table; clear:both; }
.top_story_block .article {padding-bottom: 1em;border-bottom: 1px dashed #962423;margin-bottom: 1em;padding-right: 2em;}
.top_story_block .article:after{ content:""; display:table; clear:both;}
.top_story_block .article .thumb{/* float:none; *//* text-align: center; */}



/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%;  height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px;  color: #9B7313; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;  }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px;  }
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px;  text-align: center; }
.thumbGallery li a img {  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999;  }
.photo { text-align: center; margin-top: 20px;}
.photo img {  display: inline-block;  padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #999; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left;  } 
.videoresults div.desc { width: 270px; color: #666;  float: right;  padding-top: 30px;}

/*banners/sponsors*/
.banners .indsponsor img { max-width: 200px; }
.banners h2 a {color: #000; }
.sponsor .logo img {max-width: 200px; }

/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform td.labelcol { width: 18%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 88%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #667233;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; height: 100px;  }
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow {  border-bottom: 1px dashed #EEC402; padding: 10px 0; }
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform  { margin: 10px 5px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 68%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #667233;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; height: 100px;  }
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.events h2 { margin-top: 20px;  } 
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }

/* ====================paging ====================
   ================================================== */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;margin: 2px;}
#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   
#form_paging_links span.gallery_prev_link_inactive, #paging_links span.prev_link_inactive, #paging_links span.next_link_inactive{ display:none;}
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, 
#paging_links span.currentpage, .paging span.currentpage {background: #551f02;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, 
#newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, 
#form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, 
.gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background:#551f02; text-decoration: none;color: #FFF;} 
#paging_links span a, .paging .gallery_next_link a, .paging .gallery_prev_link a {color: #551f02;display: block;border: 1px solid #551f02;padding: 2px 8px;font-size: .90em;}
#paging_links span.next_link {width:auto;}


/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;   font-size: 12px;  }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD;  border-collapse: collapse; }
#forum td  { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold;   }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em;   }

/*tao Gallery */
.hide { display: none; }
#imageoverlay { position: fixed;  top: 0; left: 0;  z-index:111; background: transparent; width: 100%; height: 100%;   }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(9,9,9,0.9);   }
.no-rgba #gcontent {background: #333; }
#gimage { width: 100%; float: left; text-align: center; height: 100%;  }
#gimage img { background: #FFF; padding: 10px; border: 1px solid #EEE;  }
#gcontent { float: left;  width:0%; line-height: 1.3em; margin: 0% 0; padding: 2%; color: #EEE;   }
#gcontent div { margin: 5px 0;  display:none;  }
#gcontent label { display: block; color: #E49F0C; font-weight: bold; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a { margin-left: 10px; color: #333; display: inline-block; padding: 2px 15px;  }
#gclose {  position: absolute; z-index:1122; top: 0%; right: 5%; color: #777; width: 45px; background: #E49F0C; padding: 5px 15px;color: #FFF;  }
.gwait { margin-top: 40%; color: #CCC; }
.gallerylist { position: relative;float: left;  background: url(/image/cache/gallerybg.png) no-repeat top left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 0; }
.gallerylist h3 { margin-top: 15px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }

.imageGallery a { float: left; background: #FFF; padding: 0.5%; height: 80px; width: 17%;  overflow: hidden; text-align: center; vertical-align: middle; position: relative;  text-align: center;  border: 1px solid #CCC; margin: 0.6%;  overflow: hidden; }
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; max-height: 80px; }
.imageGallery a:hover {border: 1px solid #999; }

/*Top Story*/
.topstory {width:30%;margin: .5%;float:left;border: 1px solid #753303;padding: .5%;}
.topstory img{ max-width:100%;}
.topstory h4 {margin:0;font-size: 1.1em;}
.topstory p{font-size:.94em;font-style:italic;color: #551f02;}

/*Staff*/
.staffBlock {position:relative;display:flex;flex-direction: row;flex-wrap: wrap;}
.staffBlock .staffRow{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position: relative;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-content: center;margin: 15px 0px;}
.staffBlock .staffRow .image {padding: 3px;margin: 10px;}
.staffBlock .staffRow img{max-width:100%;border: 4px solid #fff;}
.staffBlock .staffRow .details {text-align:center;}
.staffBlock .staffRow .details h3{text-align:center; margin:0;}
.staffBlock .staffRow .details ul{ list-style:none; margin:0; padding:0;}



/* TABLETS width 700 or above width */
@media all and (min-width: 750px) and (max-width: 1020px){
body, html  { max-width: 1020px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto;}
#wrapper,.container { min-width: 96%;  width: 96%; padding: 0; margin: 0 auto;  }
#wrapper { padding: 0;  margin: 15px auto; }
#header .hdimg img { width:100%; height: auto; }
#header, #header .hdovrly {height: 220px; background-size: 100%; top: 0;  width:100%; overflow:hidden;}
#header img{ width:100%;}
.topnav { bottom: 36px;}
nav#topnav{  width:100%;}
#topnav ul li a { padding:7px; bottom:15px; font-size:0.9em; }
#nav ul li a { padding: 10px 5px; min-width: 4%; font-size: 0.8em; }
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
.pagebr { padding: 0; }
}
@media all and (min-width: 750px) and (max-width: 860px){
#header {height: 200px; margin: 0;  background-size: 100%; }
#leftprt { width: 98%; padding: 1%;  margin-bottom: 20px;  float: none; }
.footabout { display: none; }
#rgtprt .box,#call { float: left; width: 43%; margin: 1%;   }
.contentBlock .content {padding-right:0;} 
}
@media all and (min-width: 0px) and (max-width: 750px){
#nav {background: transparent;border: 0;box-shadow: none;position: relative;z-index: 2;top: 0;right: 0;float: right;}
#nav .MobileMenu #topnav {display:block;}
#nav .MobileMenu ul, #nav ul {float: none;position: relative;right: 0;top: 0;z-index: 122;background: #968368;margin: 0;margin-bottom: 5px;width: 100%;}
#nav ul li { float: none; position: relative; background: #551F02;  border: 0;  text-align: left; }
#nav ul li a {color: #FFF;padding: 0px 8px;font-size: 1.15em;line-height: 40px;border-bottom: 1px solid #693013;}
.navigate a { display: block; color: #FFF; }
#nav:hover .navigate a{background: #551f02;color:#FFF;}
#nav .navMenus {display: none;min-width: 280px;max-width: 280px;z-index:10;margin: 0;position: absolute;top: 35px;right: 0px;padding-left: 5px;background: #551f02;}
#nav ul li ul {padding: 0;z-index: none;position:  relative;top: 0;left: 0%;width: 100%;}
#nav ul li > ul{ background: #753303;}
#nav ul li ul li a,#nav ul li:hover ul li a {font-size: 1.0em;background: #753303;line-height: normal;padding: 8px;padding-left: 15px;}
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover{ background: #962423; }
#nav ul li:hover ul li a:hover {text-decoration: none;}
#nav:hover .MobileMenu,  #nav:hover .navMenus { display: block; }
 
.navigate  { display: block; text-align: right;   font-size: 1.2em;  }
.navigate a { display: block; color: #DDD; cursor: pointer;  }
.navigate a label.mbtn {cursor: pointer;display: inline-block;vertical-align: middle;line-height: 0;margin: 0;padding:4px 5px;width: 40px;height: 30px;margin-right: 5px;}
.navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
.navigate a label.mbtn div label {display: inline-block;vertical-align: middle;margin: 0;width: 6px;margin-right: -1px;border-top: 5px solid #561F02;}
.navigate a label.mbtn div span {display: inline-block;vertical-align: middle;margin: 0;border-top: 5px solid #561F02;width: 26px;}
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label {border-top: 5px solid #ffffff;}
.navigate a label.mbtn:hover div  span, .masternav:hover label.mbtn div span {border-top: 5px solid #ffffff;}

#nav ul li.hasSub > ul { display:none;}
#nav ul li.hasSub {position:relative;/* border-bottom: 1px solid #e3b55b; */}
#nav ul li.hasSub span{position:absolute;width: 40px;height: 40px;display: flex;right:0;top: 0;align-content: center;justify-content: center;flex-direction: column;cursor: pointer;} 
#nav ul li.hasSub span:after{content:'';display: inline-block;vertical-align: middle;width: 1px;text-align:center;margin: 0 auto;line-height: 0px;height: 0px;border-top: 6px solid #FFF;border-left: 6px solid transparent;border-right: 6px solid transparent;}

#nav ul li.hasSub:hover > span {background: #942423;}
#nav ul li.currentitem > ul, 
#nav ul li.currentbranch > ul, 
#nav ul li.hasSub ul.collapsed{display:block;margin: 0;}




}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 750px){
body, html  { max-width: 750px; min-width: 0; width: 100%; padding: 0px; margin: 0px;  }
#header .logo img {width:100%; left:-15%;}
.sliderContent{margin-bottom: 30px;height: 450px;}
.sliderContent div.base img {width: auto;position: relative;top: 0%;height: auto;max-width: 98%;max-height: 96%;border: 0;padding: 1%;background: #FFF;}
.sliderContent div.base{height: 100%;text-align: center;}
.sliderContent div.base div.caption{ width:90%;}
#footer { height: auto; }
#wrapper { margin:15px auto; }
#wrapper,.container { min-width: 96%; width: 96%; }
.container { margin: 0 auto; }
#lftprt {width: 98%;padding: 1%;margin-bottom: 10px;float: none;position: relative;display: block;}
#lftprt:after{content:"";display:table;clear:both;width: 100%;}
#rgtprt {  width: 98%; float: none;   margin: 0 auto;}
#rgtprt .box,#rgtprt #call { float: none; width: 92%;  }
#topnav,#phtoblk,.newsList { display: none; }

.contentBlock .content {width:100%; float:none;} 
.contentBlock .rightBlock {width:auto;float:none;text-align:center;margin-bottom: 20px;}

}

@media all and (min-width: 0px) and (max-width: 479px){
#rgtprt .box,#rgtprt #call  { width: 90%;  }
#nav {/* top: -20px; */}
#header { height: 120px; background-size: 100% 100%;  overflow:hidden; }
#header img { height: 100%; }
#header .logo img {width: 250px;left:-5%;height: auto;top: -7px;}
.footnav { width: 94%;  margin: 1% 4%;  }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 0; padding: 1em ; vertical-align: top;  }
.sliderContent div.base  .img { display: block; height: 58%; width: 100%; overflow: hidden;}
.sliderContent div.base  .img img { width: 97%; height: auto;}
.sliderContent div.base div.caption {  width: 96%;   position: absolute;  font-size: 1.1em; right: 0%;  top: 98%;}
.sliderContent div.base div.caption  h2 { font-size: 1.3em; }
#footmenu { display: none;  }
.topstory{width:100%;float:none;text-align:center;margin: 0;margin-bottom:10px;}
.topstory h4{ text-align:center;}
.article .thumb{ float:none;}
.article .thumb img{ max-height:none;}
.staffBlock .staffRow {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
#header { height: 180px; background-size: 100%;}
#nav {}
#header { height: 180px; background-size: 100% 100%;  overflow:hidden; }
#header .logo img { width:90%; top: -14%; left: 1%;}
#header img { width: 100%; }
.footnavi,.sociolinks { width: 100%;   }
.sociolinks { padding-top: 20px;  }
.footnav { width: 94%; margin: 0 4%;  }



}
/* mobiles width 480 or above width */
@media all and (min-width: 479px) and (max-width: 580px){
#header { height: 140px; background-size: 100%;}
.staffBlock .staffRow {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@media all and (min-width: 0px) and (max-width: 360px){
    #header .logo img {left: -14%;}
}