﻿/*--------------- BEGIN:purple color   -------------------- */
.InputIcon .fa {color: #4b0082;}
.my-form header {color: #ffffff;}
.my-form a {color: #4b0082; text-decoration: none;}
.my-form .toggle i::before {background-color: #4b0082;}
.my-form .button {background-color: #4b0082;/* box-shadow: 0px 0px 21px #FFF; */border: 1px solid rgba(175, 175, 175, 0.91);}
.my-form .rating input + label:hover, .my-form .rating input + label:hover ~ label {color: #4b0082;}
.my-form .radio input + i::after { background-color: #4b0082;}
.my-form .checkbox input + i::after {color: #4b0082;}
.my-form .radio input:checked + i, .my-form .checkbox input:checked + i, .my-form .toggle input:checked + i {border-color: #4b0082;}
.my-form .rating input:checked ~ label {color: #4b0082;}
.fa.fa-arrow-circle-down, .fa.fa-arrow-circle-up {color:#4b0082;}
span.form_link {color: #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.my-form .input input:focus, .my-form .select select:focus, .my-form .textarea textarea:focus, .my-form .radio input:focus + i, .my-form .checkbox input:focus + i, .my-form .toggle input:focus + i {box-shadow: 0 0px 10px #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.color_picker_button,.color_picker_box {border: 1px solid #4b0082 !important;}
.divider {background-color: rgba(77, 176, 226, 0.13);}
.input.state-disabled {background-color: rgba(77, 176, 226, 0.13);}
i.icon-circle-arrow-left, i.icon-home, i.icon-cog {color: rgb(255, 255, 255);}
i.icon-circle-arrow-left:hover {color: #4b0082;}
i.icon-home:hover {color: #4b0082;}
i.icon-cog:hover {color: #4b0082;}
.my-form footer {color: #4b0082;}
td.smrecordstitle {background-color: #4b0082;}
.my-form {background:rgba(75, 0, 130, 0.51);}
.pattern {background-color: rgba(75, 0, 130, 0.45);}
.pagerCurrent {border: 1px solid;background-color: black;color: #4b0082;}
.pagerDefault:hover {border: 1px solid;background-color: #4b0082; color: white;}
.pagerCurrent{border: 1px  solid #4b0082;background-color: rgb(159, 160, 160);color: #4b0082;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: default;display: block;float: left;}
.pagerDefault{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:link{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:visited{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:hover{border: 1px  solid #4b0082;background-color: #4b0082;color: #ffffff;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;}
.ticket_word {border-right: 1px solid rgba(75, 0, 130, 0.21);}
.ticket_content {border-bottom: 1px solid rgba(75, 0, 130, 0.21);}
.client_reply {background: rgba(75, 0, 130, 0.21);}
/*--------------- End:purple color -------------------- */.pagebyline {
    margin-top: 6px;
    margin-bottom: 9px;
    line-height: 20px;
}

/* BEGIN: Reponsive Menu */

    .columnsTwo {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    }

    .columnsThree {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    }

    .columnsFour {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    }

    .columnsFive {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    }
.menubodyhorizontal:empty {
    display: none !important;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
  width:100% !important;
}
#cssmenu {
  float: left;
  width: auto;
  position: relative;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover > a {
	background-color: #fff;
	color: black !important;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 10px 20px ;
  text-decoration: none;
  border-right: 1px solid #000;
}
#cssmenu > ul > li:hover > a {
   
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  
}
#cssmenu > ul > li.has-sub > a {
    
   
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  display:none;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index:99;
  }
}
#cssmenu ul ul li a:hover {

}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
}
.column6 {
    background: transparent !important;
}
#cssmenu ul ul li a {
     padding: 10px 20px;
     width: auto;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    line-height: 25px;
     white-space: nowrap;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  
}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1000px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min-resolution: 192dpi) and (max-width: 1000px), only screen and (min-resolution: 2dppx) and (max-width: 1000px) {
#cssmenu {
	background-color: #fff;
	width: 94vw;
	margin-top: 10px;
	border: 1px solid #000;
}
#cssmenu ul {
	width: 100%;
	display: none;
	background: #fff !important;
}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
   /* border-top: 1px solid rgba(120, 120, 120, 0.15);*/
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
text-align: left;
    width: 95vw;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
#cssmenu ul ul li a {
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	color: #393939;
	background: white;
}
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 15px;
    color: black;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
	font-weight:bold;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  .submenu-button {  visibility:hidden;}
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  #cssmenu ul ul {
	  border-top:0px solid;
  }
  .column6 {
	  border-bottom:0px solid;
  }
}
/* END: Reponsive Menu */

.tabs_h3
		{
		display: none;
	font-family: georgia;
	color: #1C2833;
	font-size: 18px;
	background-color: #ededed;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 5px;
	width: 113px;
	border-top: 3px solid #D80000;
	font-weight: bold;
		}
.jssort12_h3 .p_h3av .w_h3, .jssort12_h3 .p_h3dn .w_h3{
border:none;
}
.jssort12_h3 .p_h3av .c_h3, .jssort12_h3 .c_h3, .jssort12_h3 .p_h3hv .c_h3{
background-color: #ededed;
font-family:georgia;
}
.h3_slides{
    border:none;
    top:0px;
    border-radius: 0;
}
#MainContent{
margin-left:5px;
}


/*----- BEGIN: Highlight 3 style -------------------------*/

#Highlight3{
/* display:none; */
}

.h3_container {
    width: 100%;
    /* height: 333px; */
  max-height:426px;
    margin-bottom: 5px;
}
.h3_slides
{
    width: 100%;
    height: 100%;
}
.tab_container_h3 {
    background: #ededed;
}

/*----- END: Highlight 3 style -------------------------*/

/*----- BEGIN: Highlight 4 style -------------------------*/

.h4_container
{
width: 580px;
height: 410px;
}
.h4_slides
{
width: 580px;
height: 390px;
}

#Highlight4
{
padding:0px;
border-top-style:solid;
border-top-color:#ffffff;
margin-top:1px;
}

.pagephoto{
max-width:570px;
}
.h4_articleimg {
    width: 400px;
    background: none;
}
.img_h4 {
      max-height: 100%;
}
            .jssorb14h4 div, .jssorb14h4 div:hover, .jssorb14h4 .av
            {
                background: url(/clients/tcweeklynews/b21-3.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb14h4 div { background-position: -5px -4px; }
            .jssorb14h4 div:hover, .jssorb14h4 .av:hover { background-position: -35px -4px; }
            .jssorb14h4 .av { background-position: -65px -4px; }
            .jssorb14h4 .dn, .jssorb14h4 .dn:hover { background-position: -95px -4px; }

/*----- END: Highlight 4 style -------------------------*/

/* Custom Highlight 4 */



#slideBoss
{
	font-family: arial;
	height: 325px;
	width: 580px;
}

#slideBoss #sliderPane
{
	position: relative;
	Height: 385px;
	width: 580px;
	overflow: hidden !important;
	margin: auto;
}
#slideBoss #sliderPane #sliderContent
{
	Height: 455px;
	width: 10000px;
	position: relative;
        overflow: hidden
}
#slideBoss #sliderPane #sliderContent .slide
{
	position: relative;
	Height: 385px;
	width: 580px;
	float: left;
	overflow: hidden;
}
.nav0, .nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7, .nav8, .nav9, .nav10, .nav11, .nav12, .nav13, .nav14, .nav15, .nav16, .nav17, .nav18, .nav19, .nav20, .nav21, .nav22, .nav23, .nav24
{
	position: relative;
	top: 120px;
	float: left;
	background: url(https://tcweeklynews.com/JQuery/Highlight4/dot-empty.jpg) no-repeat;
	height: 12px;
	width: 12px;
	padding-left: 5px;
	cursor: pointer;
        padding-bottom:60px;
}

#sliderNav, #sliderNav li
{
	margin-left: auto;
	margin-right: auto;
	list-style: none outside none;
}

#clearimagemargin{margin-left:10px;	float:right;}

#clearimagemargin .pagephoto{margin:0px;}


/* End of Custom highlight 4 */


/*---------- Start styles for top links (themes, search, home, about us, contact us) ----------*/

a.toplinks:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none; line-height:24px; font-weight:bold; margin-right:10px;}

a.toplinks:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none; line-height:24px; font-weight:bold; margin-right:10px;}

a.toplinks:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bf2626; text-decoration: underline; line-height:24px; font-weight:bold; margin-right:10px;}

/*---------- End styles for top links (themes, search, home, about us, contact us) ----------*/

/*---------- Start styles for preview section ----------*/

.pagesubmenu
{
margin-bottom: 10px; padding-top: 5px; border-top-style:solid; border-top-color:#D80000; padding-bottom: 5px; background-color: #dcdcdc; font-family: Georgia; color: #0c3e71; font-size: 16px; font-weight: normal; text-decoration: none; text-indent: 10px; text-transform: none;
}

.custompagesubmenu a:link {color: #2F2F2F; font-family: Georgia; font-size: 16px;  text-decoration:none;}

.custompagesubmenu a:visited {color: #BF2626; font-family: Georgia; font-size: 16px;  text-decoration:none;}

.custompagesubmenu a:hover {color: #BF2626; font-family: Georgia; font-size: 16px;  text-decoration:underline;}

.custompageheading a:link {color: #0c3e71; font-family: Georgia; font-size: 22px; font-weight: bold; text-align: left; text-decoration: none; line-height: 22px;}

.custompageheading a:visited {color: #0c3e71; font-family: Georgia; font-size: 22px; font-weight: bold; text-align: left; text-decoration: none; line-height: 22px;}

.custompageheading a:hover {color: #272727; font-family: Georgia; font-size: 22px; font-weight: bold; text-align: left; text-decoration: none;line-height: 22px;}

.preview1photo{width:550px; margin:0 5px 0 0;}  /* for preview style 1 */

.custompagephoto{border:1px solid #cccccc; padding:3px;}  /* for preview style 2 */

.customvrule, .customhrule{border-left : 1px solid #e1e1e1}  /* for preview section borders */

/*---------- End styles for preview section ----------*/

/*---------- Start styles for bottom links ----------*/

a.btmlink{font-family:Verdana; font-size:11px; color:#333333;}

a.btmlink:link{font-family:Verdana; font-size:11px; color:#333333;}

a.btmlink:visited{font-family:Verdana; font-size:11px; color:#333333;}

a.btmlink:hover{font-family: Verdana; font-size:11px; color:#bf2626; text-decoration: underline;}

/*---------- End styles for bottom links ----------*/

/* Can't do display none, since Opera won't load the images then */
.ad-preloads
{
    position: absolute;
    left: -9000px;
    top: -9000px;
}


div.jqans-wrapper.default, div.jqans-wrapper.default .jqans-container {
width : 650px;
}

div.jqans-wrapper img {
background: #ffffff;
padding: 4px;
border: solid 1px #999999;
}

div.jqans-wrapper.default a {
color: #000000;
}
div.jqans-wrapper.default .jqans-stories {
background :#f3fcff;
}

div.jqans-wrapper.default .jqans-stories li.selected {
background :#93d9ef;
}

#gallery
{
    padding-left: 15px;
    padding-right: 15px;
    /* background: #e1eef5; */
}
.ad-gallery
{
    width: 500px;
}
.ad-gallery, .ad-gallery *
{
    margin: 0;
    padding: 0;
}
.ad-gallery .ad-image-wrapper
{
    width: 100%;
    height: 525px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader
{
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next
{
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev
{
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next
{
    /* Or else IE will hide it */
    background: url(non-existing.jpg)\9;
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image
{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img
{
    border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(/JQuery/Gallery/opa75.png);
    color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '/JQuery/Gallery/opa75.png' );
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title
{
    display: block;
}
.ad-gallery .ad-controls
{
    height: 20px;
}
.ad-gallery .ad-info
{
    float: left;
}
.ad-gallery .ad-slideshow-controls
{
    float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop
{
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown
{
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start
{
    cursor: default;
    font-style: italic;
}
.ad-gallery .ad-nav
{
    width: 100%;
    position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back
{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back
{
    height: 100px;
}
.ad-gallery .ad-back
{
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block;
    background: url(/JQuery/Gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward
{
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    background: url(/JQuery/Gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs
{
    overflow: hidden;
    width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list
{
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery .ad-thumbs li
{
    float: left;
    padding-right: 5px;
}
.ad-gallery .ad-thumbs li a
{
    display: block;
}
.ad-gallery .ad-thumbs li a img
{
    border: 3px solid #CCC;
    display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img
{
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads
{
    position: absolute;
    left: -9000px;
    top: -9000px;
}



/* Start home page gallery style4 for gallery id 3*/
.ad-gallery3
{
    width: 930px;
}
.ad-gallery3, .ad-gallery3 *
{
    margin: 0;
    padding: 0;
}
.ad-gallery3 .ad-image-wrapper
{
    width: 100%;
    height: 525px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.ad-gallery3 .ad-image-wrapper .ad-loader
{
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC;
}
.ad-gallery3 .ad-image-wrapper .ad-next
{
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery3 .ad-image-wrapper .ad-prev
{
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery3 .ad-image-wrapper .ad-prev, .ad-gallery3 .ad-image-wrapper .ad-next
{
    /* Or else IE will hide it */
    background: url(non-existing.jpg)\9;
}
.ad-gallery3 .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery3 .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
.ad-gallery3 .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}
.ad-gallery3 .ad-image-wrapper .ad-image
{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery3 .ad-image-wrapper .ad-image a img
{
    border: 0;
}
.ad-gallery3 .ad-image-wrapper .ad-image .ad-image-description
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(/JQuery/Gallery/opa75.png);
    color: #000;
}
* html .ad-gallery3 .ad-image-wrapper .ad-image .ad-image-description
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '/JQuery/Gallery/opa75.png' );
}
.ad-gallery3 .ad-image-wrapper .ad-image .ad-image-description .ad-description-title
{
    display: block;
}
.ad-gallery3 .ad-controls
{
    height: 20px;
}
.ad-gallery3 .ad-info
{
    float: left;
}
.ad-gallery3 .ad-slideshow-controls
{
    float: right;
}
.ad-gallery3 .ad-slideshow-controls .ad-slideshow-start, .ad-gallery3 .ad-slideshow-controls .ad-slideshow-stop
{
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery3 .ad-slideshow-controls .ad-slideshow-countdown
{
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery3 .ad-slideshow-running .ad-slideshow-start
{
    cursor: default;
    font-style: italic;
}
.ad-gallery3 .ad-nav
{
    width: 100%;
    position: relative;
}
.ad-gallery3 .ad-forward, .ad-gallery3 .ad-back
{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery3 .ad-forward, .ad-gallery3 .ad-back
{
    height: 100px;
}
.ad-gallery3 .ad-back
{
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block;
    background: url(/JQuery/Gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery3 .ad-forward
{
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    background: url(/JQuery/Gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery3 .ad-nav .ad-thumbs
{
    overflow: hidden;
    width: 100%;
}
.ad-gallery3 .ad-thumbs .ad-thumb-list
{
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery3 .ad-thumbs li
{
    float: left;
    padding-right: 5px;
}
.ad-gallery3 .ad-thumbs li a
{
    display: block;
}
.ad-gallery3 .ad-thumbs li a img
{
    border: 3px solid #CCC;
    display: block;
}
.ad-gallery3 .ad-thumbs li a.ad-active img
{
    border: 3px solid #616161;
}
/* End home page gallery style4 for gallery id 3*/



/* Start home page gallery style4 for gallery id 4 */
.ad-gallery4
{
    width: 930px;
}
.ad-gallery4, .ad-gallery4 *
{
    margin: 0;
    padding: 0;
}
.ad-gallery4 .ad-image-wrapper
{
    width: 100%;
    height: 525px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.ad-gallery4 .ad-image-wrapper .ad-loader
{
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC;
}
.ad-gallery4 .ad-image-wrapper .ad-next
{
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery4 .ad-image-wrapper .ad-prev
{
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery4 .ad-image-wrapper .ad-prev, .ad-gallery4 .ad-image-wrapper .ad-next
{
    /* Or else IE will hide it */
    background: url(non-existing.jpg)\9;
}
.ad-gallery4 .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery4 .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
.ad-gallery4 .ad-image-wrapper .ad-next .ad-next-image
{
    background: url(/JQuery/Gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}
.ad-gallery4 .ad-image-wrapper .ad-image
{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery4 .ad-image-wrapper .ad-image a img
{
    border: 0;
}
.ad-gallery4 .ad-image-wrapper .ad-image .ad-image-description
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(/JQuery/Gallery/opa75.png);
    color: #000;
}
* html .ad-gallery4 .ad-image-wrapper .ad-image .ad-image-description
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '/JQuery/Gallery/opa75.png' );
}
.ad-gallery4 .ad-image-wrapper .ad-image .ad-image-description .ad-description-title
{
    display: block;
}
.ad-gallery4 .ad-controls
{
    height: 20px;
}
.ad-gallery4 .ad-info
{
    float: left;
}
.ad-gallery4 .ad-slideshow-controls
{
    float: right;
}
.ad-gallery4 .ad-slideshow-controls .ad-slideshow-start, .ad-gallery4 .ad-slideshow-controls .ad-slideshow-stop
{
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery4 .ad-slideshow-controls .ad-slideshow-countdown
{
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery4 .ad-slideshow-running .ad-slideshow-start
{
    cursor: default;
    font-style: italic;
}
.ad-gallery4 .ad-nav
{
    width: 100%;
    position: relative;
}
.ad-gallery4 .ad-forward, .ad-gallery4 .ad-back
{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery4 .ad-forward, .ad-gallery4 .ad-back
{
    height: 100px;
}
.ad-gallery4 .ad-back
{
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block;
    background: url(/JQuery/Gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery4 .ad-forward
{
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    background: url(/JQuery/Gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery4 .ad-nav .ad-thumbs
{
    overflow: hidden;
    width: 100%;
}
.ad-gallery4 .ad-thumbs .ad-thumb-list
{
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery4 .ad-thumbs li
{
    float: left;
    padding-right: 5px;
}
.ad-gallery4 .ad-thumbs li a
{
    display: block;
}
.ad-gallery4 .ad-thumbs li a img
{
    border: 3px solid #CCC;
    display: block;
}
.ad-gallery4 .ad-thumbs li a.ad-active img
{
    border: 3px solid #616161;
}
/* End home page gallery style4  for gallery id 4 */



.tab_content
 {
     padding: 5px;
     font-size: 1.2em;
 }/* ********BEGIN Preview1 Layout css******** */

.preview1_layout_content {
}
.preview1_layout_submenuheading {
}
.preview1_layout_submenuheading a{
}
.preview1_layout_div {
width:100%;
}
.preview1_layout_image {
width:30%;
}
.preview1_layout_image img {
max-width:75px;
margin:0px 5px 0px 0px;
}
.preview1_layout_articleheading  {
width:70%;
padding-top:5px;
}
.pageheading.custompageheading.preview1_layout_articleheading a{
font-size:12px;
font-weight:normal;
line-height: 150%;
}
.preview1_layout_articleheading a {
}

/* ********END Preview1 Layout css******** */
/* ********BEGIN Preview2 Layout css******** */

.preview2_layout_content {
}
.preview2_layout_submenuheading {
margin-bottom:1px;
}
.preview2_layout_submenuheading a{
}
.preview2_layout_image {
}
.preview2_layout_image img {
}
.preview2_layout_articleheading  {
height:36px;
}
.preview2_layout_articleheading a {
}
.preview2_layout_articleheading h1 {
margin-top:3px;
margin-bottom:3px;
padding-top:0px;
}
.preview2_layout_navigation {
margin-top:3px;
}
.preview2_layout_navigation a {
}
.preview2_layout_navigation span {
}
/* ********END Preview2 Layout css******** */

/* -----------------------   Highlight 3 - Starts ---------------------------  */
#Highlight3 .highlight3_container {
margin:-30px auto 8px;
}
#Highlight3 html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #ffffff;
}

#Highlight3 .tab_container {
border-width: 0px;
border-top-right-radius:7px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}

#Highlight3 ul.tabs, #Highlight3 ul.tabs li, #Highlight3 ul.tabs li a {
border-width: 0px;
}

#Highlight3 ul.tabs li a {
border-top-right-radius:7px;
border-top-left-radius:7px;
}

#Highlight3 ul.tabs li {
margin-right:3px;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
line-height:37px;
}

#Highlight3 ul.tabs li a:hover {
    line-height: 31px;
    transition-duration: 500ms;
}

#Highlight3 ul.tabs li a:focus {
    line-height: 31px;
}

/* Border color */
#Highlight3 ul.tabs li, #Highlight3 .tab_container { border: 1px solid #76afe3 !important; }

/* Background color of Tab */
#Highlight3 ul.tabs li { background-color: #76afe3 !important;}
#Highlight3 {margin-top:0px;}
/* Background color of Tab - On Hover*/
ul.tabs li a:hover { background-color: #82bbef !important; }

/* --------------------------------------   Highlight 3 - Ends ----------------------- */


/* *** BGIN : Highlight 1 Responsive CSS *** */

.highlights1heading_div /* To hide sub-menu, just set display:none in this CSS */
{
    clear: both;
    float: none;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 4px;
    display: block;
}
.H1submenu_title {
font-family: Georgia;
color: #D80000;
font-size: 17px;
}

.highlights1heading a:link, .highlights1heading a:visited, .highlights1heading a:hover {
    color: #D80000 !important;
    font-weight: bold !important;
}
.h1_articleheading > a,
.t1 > a,
.t1 {
    text-decoration: none;
}
.h1_articleheading {
    float: left;
    width: 100%;
    padding:1px;
}
.highlights1body {
	overflow: hidden;
	height: auto;
	border-left: 1px solid #333;
	padding: 10px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	border-top: 1px solid #333;
}
.highlights1heading_div .highlights1heading span {} .highlights1_articles_div {
    clear: both;
    display: block;
    float: none;
    width: 100%;
    padding: 2px 0px 0px;
}
.highlights1title {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-top-color: #D80000;
	border-top-width: 3px;
	border-right-style: solid;
	border-right-color: #e1e1e1;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #e1e1e1;
	border-left-width: 1px;
	background-color: #ededed;
	font-family: Georgia;
	color: #1C2833;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	text-transform: none;
	line-height: 30px;
    border-top: 1px solid #333;
}
.highlights1heading_div .highlights1heading a:hover {
    text-decoration: none;
}
.h1_bullet {
    float: left;
    vertical-align: middle;
    width: 4%;
    font-size: 70%;
    padding-right: 5px;
}
.h1_bullet_heading {
    width: 92%;
    float: left;
    padding-bottom: 4px;
}
.highlights1title {padding-top: 5px;}

/* *** END: Highlight 1 Responsive CSS *** */

.tab_container_h3 a {font-weight:bold !important;}

/*     Start: Adgrp21 Scrolling Line     */

.scroll-left {
height: 40px; 
overflow: hidden;
position: relative;
font-size: 15px;
color: #666666;
width: 1000px;
display: block;
white-space: nowrap;
margin-top: 8px;
}
.scroll-left p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 40px;
text-align: center;
/* Starting position */
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%); 
transform:translateX(100%);
/* Apply animation to this element */ 
-moz-animation: scroll-left 30s linear infinite;
-webkit-animation: scroll-left 30s linear infinite;
animation: scroll-left 30s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
0% { 
-moz-transform: translateX(100%); /* Browser bug fix */
-webkit-transform: translateX(100%); /* Browser bug fix */
transform: translateX(100%); 
}
100% { 
-moz-transform: translateX(-100%); /* Browser bug fix */
-webkit-transform: translateX(-100%); /* Browser bug fix */
transform: translateX(-100%); 
}
}

/*     End: Adgrp21 Scrolling Line     */

div#highlight3_container {
    max-height: 410px;
}

.contactbody {
  color: #333 !important;
}
.copyright {
  color: #333 !important;
}
.copyright a {
  color: #333 !important;
}
.hitcounter {
  color: #333 !important;
}

@media screen and (max-width: 1024px) {
.menu_wrap {
    border: none;
}
.social_div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#MainContent{
margin-left:0px;
}
.pagephoto {
  width: 92vw;
}
.pagebody div {
    width: 92vw; /* 94vw; */
}
.pagebody {
  padding: 0;
  margin: 0;
}
.pageheading {
	margin: 0;
	margin-bottom: 15px;
}
.mainbody {
	width: 94vw;
	margin-left: 3vw;
	float: left;
}
.mainbody-wrapper { overflow: hidden;}
.mid-wrapper {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.c2 {
  width: 100%;
  text-align: center;
}

.c3 {
	width: 100%;
	display: flex;
	justify-content: center;
	display: none;
}
.column-1 {
    width: 100%;
    order: 2;
}
.column-2 {
  width: 100%;
    order: 1;
}
.column-3 {
  width: 100%;
    order: 3;
}
.c2 img {
    width: 100%;
}
}

@media screen and (max-width: 768px) {
#twitter-widget-0 {
	display: none !important;
}
.custom_adgroup_11 {
	width: 96vw;
}
.custom_adgroup_13 {
	width: 96vw;
}
.pagebyline {
	float: left;
	position: relative;
	width: auto !important;
	text-align: left;
	margin: 0;
}
.pageissuedate {
	float: left;
	position: relative;
	width: 46% !important;
	text-align: left;
}
.pagebody table {
	width: 94vw;
	margin-bottom: 5px;
}

.mainbody-wrapper { overflow: hidden;}
.mid-wrapper {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.c2 {
  width: 100%;
  text-align: center;
}

.column-1 {
    width: 100%;
    order: 2;
}
.column-2 {
	width: 100%;
	order: 1;
	padding: 0;
}
.column-3 {
  width: 100%;
    order: 3;
}
.c2 img {
    width: 100%;
}
}
