@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body  {
	font-family: 'Open Sans', sans-serif;
	
	background:#faf8f2;
	
	margin: 0;
	padding: 0;
	text-align: center; 

}

img
 {
  max-width: 99%;

}

/* Sizes */
.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list > li {
  height: 460px;
 margin:13px 0 0px 20px;
  outline: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  width: 201px;
}
.live-tile.half-tile,
.list-tile.half-tile,
.copy-tile.half-tile,
.tile-strip .flip-list > li.half-tile {
  height: 70px;
  width: 70px;
}
.live-tile.half-wide,
.list-tile.half-wide,
.copy-tile.half-wide,
.tile-strip .flip-list > li.half-wide {
  width: 70px;
}
.live-tile.two-wide,
.list-tile.two-wide,
.copy-tile.two-wide,
.tile-strip .flip-list > li.two-wide {
  width: 310px;
}
.live-tile.three-wide,
.list-tile.three-wide,
.copy-tile.three-wide,
.tile-strip .flip-list > li.three-wide {
  width: 470px;
}
.live-tile.four-wide,
.list-tile.four-wide,
.copy-tile.four-wide,
.tile-strip .flip-list > li.four-wide {
  width: 630px;
}
.live-tile.five-wide,
.list-tile.five-wide,
.copy-tile.five-wide,
.tile-strip .flip-list > li.five-wide {
  width: 790px;
}
.live-tile.six-wide,
.list-tile.six-wide,
.copy-tile.six-wide,
.tile-strip .flip-list > li.six-wide {
  width: 950px;
}
.live-tile.seven-wide,
.list-tile.seven-wide,
.copy-tile.seven-wide,
.tile-strip .flip-list > li.seven-wide {
  width: 1110px;
}
.live-tile.eight-wide,
.list-tile.eight-wide,
.copy-tile.eight-wide,
.tile-strip .flip-list > li.eight-wide {
  width: 1270px;
}
.live-tile.nine-wide,
.list-tile.nine-wide,
.copy-tile.nine-wide,
.tile-strip .flip-list > li.nine-wide {
  width: 1430px;
}
.live-tile.ten-wide,
.list-tile.ten-wide,
.copy-tile.ten-wide,
.tile-strip .flip-list > li.ten-wide {
  width: 1590px;
}
.live-tile.half-tall,
.list-tile.half-tall,
.copy-tile.half-tall,
.tile-strip .flip-list > li.half-tall {
  height: 70px;
}
.live-tile.two-tall,
.list-tile.two-tall,
.copy-tile.two-tall,
.tile-strip .flip-list > li.two-tall {
  height: 310px;
}
.live-tile.three-tall,
.list-tile.three-tall,
.copy-tile.three-tall,
.tile-strip .flip-list > li.three-tall {
  height: 470px;
}
.live-tile.four-tall,
.list-tile.four-tall,
.copy-tile.four-tall,
.tile-strip .flip-list > li.four-tall {
  height: 630px;
}
.live-tile.five-tall,
.list-tile.five-tall,
.copy-tile.five-tall,
.tile-strip .flip-list > li.five-tall {
  height: 790px;
}
.live-tile.six-tall,
.list-tile.six-tall,
.copy-tile.six-tall,
.tile-strip .flip-list > li.six-tall {
  height: 950px;
}
.live-tile.seven-tall,
.list-tile.seven-tall,
.copy-tile.seven-tall,
.tile-strip .flip-list > li.seven-tall {
  height: 1110px;
}
.live-tile.eight-tall,
.list-tile.eight-tall,
.copy-tile.eight-tall,
.tile-strip .flip-list > li.eight-tall {
  height: 1270px;
}
.live-tile.nine-tall,
.list-tile.nine-tall,
.copy-tile.nine-tall,
.tile-strip .flip-list > li.nine-tall {
  height: 1430px;
}
.live-tile.ten-tall,
.list-tile.ten-tall,
.copy-tile.ten-tall,
.tile-strip .flip-list > li.ten-tall {
  height: 1590px;
}
/* flip-list tile grid sprite styles */
.live-tile > .flip-list,
.list-tile > .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li {
  height: 50px;
  margin: 0px;
  padding: 0px;
  width: 50px;
}
.flip-list.fourTiles > li {
  border: none;
  padding: 0;
  margin: 0;
  height: 50%;
  width: 50%;
}
.flip-list.nineTiles > li {
  height: 33%;
  width: 33%;
  border: none;
  padding: 0;
  margin: 0;
}
.flip-list.fourTiles > li > div,
.flip-list.fourTiles > li > div > a,
.flip-list.fourTiles > li > div > img,
.flip-list.nineTiles > li > div,
.flip-list.nineTiles > li > div > a,
.flip-list.nineTiles > li > div > img {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* fourTile background positions */
.fourTiles .fourTiles1 img,
.fourTiles img.fourTiles1,
.fourTiles .fourTiles1 a,
.fourTiles .tile-1 img,
.fourTiles .tile-1 a {
  background-position: 0px 0px;
}
.fourTiles .fourTiles2 img,
.fourTiles img.fourTiles2,
.fourTiles .fourTiles2 a,
.fourTiles .tile-2 img,
.fourTiles .tile-2 a {
  background-position: -75px 0px;
}
.fourTiles .fourTiles3 img,
.fourTiles img.fourTiles3,
.fourTiles .fourTiles3 a,
.fourTiles .tile-3 img,
.fourTiles .tile-3 a {
  background-position: 0px -75px;
}
.fourTiles .fourTiles4 img,
.fourTiles img.fourTiles4,
.fourTiles .fourTiles4 a,
.fourTiles .tile-4 img,
.fourTiles .tile-4 a {
  background-position: -75px -75px;
}
/* nineTile background positions */
.nineTiles .nineTiles1 img,
.nineTiles img.nineTiles1,
.nineTiles .nineTiles1 a,
.nineTiles .tile-1 img,
.nineTiles .tile-1 a {
  background-position: 0px 0px;
}
.nineTiles .nineTiles2 img,
.nineTiles img.nineTiles2,
.nineTiles .nineTiles2 a,
.nineTiles .tile-2 img,
.nineTiles .tile-2 a {
  background-position: -50px 0px;
}
.nineTiles .nineTiles3 img,
.nineTiles img.nineTiles3,
.nineTiles .nineTiles3 a,
.nineTiles .tile-3 img,
.nineTiles .tile-3 a {
  background-position: -100px 0px;
}
.nineTiles .nineTiles4 img,
.nineTiles img.nineTiles4,
.nineTiles .nineTiles4 a,
.nineTiles .tile-4 img,
.nineTiles .tile-4 a {
  background-position: 0px -50px;
}
.nineTiles .nineTiles5 img,
.nineTiles img.nineTiles5,
.nineTiles .nineTiles5 a,
.nineTiles .tile-5 img,
.nineTiles .tile-5 a {
  background-position: -50px -50px;
}
.nineTiles .nineTiles6 img,
.nineTiles img.nineTiles6,
.nineTiles .nineTiles6 a,
.nineTiles .tile-6 img,
.nineTiles .tile-6 a {
  background-position: -100px -50px;
}
.nineTiles .nineTiles7 img,
.nineTiles img.nineTiles7,
.nineTiles .nineTiles7 a,
.nineTiles .tile-7 img,
.nineTiles .tile-7 a {
  background-position: 0px -100px;
}
.nineTiles .nineTiles8 img,
.nineTiles img.nineTiles8,
.nineTiles .nineTiles8 a,
.nineTiles .tile-8 img,
.nineTiles .tile-8 a {
  background-position: -50px -100px;
}
.nineTiles .nineTiles9 img,
.nineTiles img.nineTiles9,
.nineTiles .nineTiles9 a,
.nineTiles .tile-9 img,
.nineTiles .tile-9 a {
  background-position: -100px -100px;
}
.tile-group,
.tile-strip {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 20;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
.tile-group.one-tile,
.tile-strip.one-tile {
  height: 160px;
  width: 160px;
}
.tile-group.half-wide,
.tile-strip.half-wide {
  width: 80px;
}
.tile-group.one-wide,
.tile-strip.one-wide {
  width: 160px;
}
.tile-group.two-wide,
.tile-strip.two-wide {
  width: 320px;
}
.tile-group.three-wide,
.tile-strip.three-wide {
  width: 480px;
}
.tile-group.four-wide,
.tile-strip.four-wide {
  width: 640px;
}
.tile-group.five-wide,
.tile-strip.five-wide {
  width: 800px;
}
.tile-group.six-wide,
.tile-strip.six-wide {
  width: 960px;
}
.tile-group.seven-wide,
.tile-strip.seven-wide {
  width: 1120px;
}
.tile-group.eight-wide,
.tile-strip.eight-wide {
  width: 1280px;
}
.tile-group.nine-wide,
.tile-strip.nine-wide {
  width: 1440px;
}
.tile-group.ten-wide,
.tile-strip.ten-wide {
  width: 1600px;
}
.tile-group.half-tall,
.tile-strip.half-tall {
  height: 80px;
}
.tile-group.one-tall,
.tile-strip.one-tall {
  height: 160px;
}
.tile-group.two-tall,
.tile-strip.two-tall {
  height: 320px;
}
.tile-group.three-tall,
.tile-strip.three-tall {
  height: 480px;
}
.tile-group.four-tall,
.tile-strip.four-tall {
  height: 640px;
}
.tile-group.five-tall,
.tile-strip.five-tall {
  height: 800px;
}
.tile-group.six-tall,
.tile-strip.six-tall {
  height: 960px;
}
.tile-group.seven-tall,
.tile-strip.seven-tall {
  height: 1120px;
}
.tile-group.eight-tall,
.tile-strip.eight-tall {
  height: 1280px;
}
.tile-group.nine-tall,
.tile-strip.nine-tall {
  height: 1440px;
}
.tile-group.ten-tall,
.tile-strip.ten-tall {
  height: 1600px;
}
/* liveTile styles */
.tile-strip,
.live-tile,
.list-tile,
.copy-tile,
.slide {
  float: left;
}
.tile-strip.bounce,
.live-tile.bounce,
.list-tile.bounce,
.copy-tile.bounce,
.slide.bounce {
  cursor: pointer;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tile-strip.bounce.bounce-c,
.live-tile.bounce.bounce-c,
.list-tile.bounce.bounce-c,
.copy-tile.bounce.bounce-c,
.slide.bounce.bounce-c {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.95, M12=0, M21=0, M22=0.95);
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.tile-strip.bounce.bounce-t,
.live-tile.bounce.bounce-t,
.list-tile.bounce.bounce-t,
.copy-tile.bounce.bounce-t,
.slide.bounce.bounce-t {
  -webkit-transform: rotateX(20deg);
  -ms-transform: rotateX(20deg);
  -moz-transform: rotateX(20deg);
  -o-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.tile-strip.bounce.bounce-b,
.live-tile.bounce.bounce-b,
.list-tile.bounce.bounce-b,
.copy-tile.bounce.bounce-b,
.slide.bounce.bounce-b {
  -webkit-transform: rotateX(-20deg);
  -ms-transform: rotateX(-20deg);
  -moz-transform: rotateX(-20deg);
  -o-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.tile-strip.bounce.bounce-r,
.live-tile.bounce.bounce-r,
.list-tile.bounce.bounce-r,
.copy-tile.bounce.bounce-r,
.slide.bounce.bounce-r {
  -webkit-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.tile-strip.bounce.bounce-l,
.live-tile.bounce.bounce-l,
.list-tile.bounce.bounce-l,
.copy-tile.bounce.bounce-l,
.slide.bounce.bounce-l {
  -webkit-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.tile-strip.bounce.bounce-tl,
.live-tile.bounce.bounce-tl,
.list-tile.bounce.bounce-tl,
.copy-tile.bounce.bounce-tl,
.slide.bounce.bounce-tl {
  -webkit-transform: rotateX(10deg) rotateY(-10deg);
  -ms-transform: rotateX(10deg) rotateY(-10deg);
  -moz-transform: rotateX(10deg) rotateY(-10deg);
  -o-transform: rotateX(10deg) rotateY(-10deg);
  transform: rotateX(10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-tr,
.live-tile.bounce.bounce-tr,
.list-tile.bounce.bounce-tr,
.copy-tile.bounce.bounce-tr,
.slide.bounce.bounce-tr {
  -webkit-transform: rotateX(10deg) rotateY(10deg);
  -ms-transform: rotateX(10deg) rotateY(10deg);
  -moz-transform: rotateX(10deg) rotateY(10deg);
  -o-transform: rotateX(10deg) rotateY(10deg);
  transform: rotateX(10deg) rotateY(10deg);
}
.tile-strip.bounce.bounce-bl,
.live-tile.bounce.bounce-bl,
.list-tile.bounce.bounce-bl,
.copy-tile.bounce.bounce-bl,
.slide.bounce.bounce-bl {
  -webkit-transform: rotateX(-10deg) rotateY(-10deg);
  -ms-transform: rotateX(-10deg) rotateY(-10deg);
  -moz-transform: rotateX(-10deg) rotateY(-10deg);
  -o-transform: rotateX(-10deg) rotateY(-10deg);
  transform: rotateX(-10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-br,
.live-tile.bounce.bounce-br,
.list-tile.bounce.bounce-br,
.copy-tile.bounce.bounce-br,
.slide.bounce.bounce-br {
  -webkit-transform: rotateX(-10deg) rotateY(10deg);
  -ms-transform: rotateX(-10deg) rotateY(10deg);
  -moz-transform: rotateX(-10deg) rotateY(10deg);
  -o-transform: rotateX(-10deg) rotateY(10deg);
  transform: rotateX(-10deg) rotateY(10deg);
}
.live-tile,
.list-tile,
.copy-tile {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
.live-tile p,
.list-tile p,
.copy-tile p,
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  display: block;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
}
.live-tile .face,
.list-tile .face,
.copy-tile .face {
  padding: 0px;
}
.live-tile p,
.list-tile p,
.copy-tile p {
  padding: 10px;
}
.live-tile.half-tile p,
.list-tile.half-tile p,
.copy-tile.half-tile p {
  padding: 5px;
}
.live-tile .face.full,
.list-tile .face.full,
.copy-tile .face.full {
  height: 100%;
  width: 100%;
}
.live-tile img,
.list-tile img,
.copy-tile img {
  border: none;
}
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title {
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  left: 0px;
  padding: 0 0 6px 2%;
  text-decoration: none;
  width: 98%;
  z-index: 30;
}
.live-tile a,
.list-tile a,
.copy-tile a {
  color: #fff;
}
.live-tile a.tile-title:link,
.list-tile a.tile-title:link,
.copy-tile a.tile-title:link,
.live-tile a.tile-title:visited,
.list-tile a.tile-title:visited,
.copy-tile a.tile-title:visited,
.live-tile a.tile-title:hover,
.list-tile a.tile-title:hover,
.copy-tile a.tile-title:hover,
.live-tile a.tile-title,
.list-tile a.tile-title,
.copy-tile a.tile-title {
  text-decoration: none;
}
.live-tile a:link,
.list-tile a:link,
.copy-tile a:link,
.live-tile a:visited,
.list-tile a:visited,
.copy-tile a:visited {
  color: #fff;
  text-decoration: underline;
}
.live-tile a:hover,
.list-tile a:hover,
.copy-tile a:hover {
  color: #fff;
  text-decoration: none;
}
.light .copy-tile {
  color: #000;
}
.light .copy-tile.accent {
  color: #fff;
}
.light .copy-tile.accent a,
.light .copy-tile.accent a:link,
.light .copy-tile.accent a:visited,
.light .copy-tile.accent a:hover {
  color: #fff;
}
.light .copy-tile a,
.light .copy-tile a:link,
.light .copy-tile a:visited,
.light .copy-tile a:hover {
  color: #000;
}
.light .copy-tile .face,
.light .copy-tile .accent {
  color: #fff;
}
.light .copy-tile .face a,
.light .copy-tile .accent a,
.light .copy-tile .face a:link,
.light .copy-tile .accent a:link,
.light .copy-tile .face a:visited,
.light .copy-tile .accent a:visited,
.light .copy-tile .face a:hover,
.light .copy-tile .accent a:hover {
  color: #fff;
}
.copy-tile p {
  padding: 5px 5px 0px 5px;
  font-size: .95em;
}
.noselect > div,
.noselect > .slide,
.noselect > .slide-front,
.noselect > .slide-back,
.noselect > .fade-front,
.noselect > .fade-back,
.noselect > .flip-front,
.noselect > .flip-back {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .fade-front,
.live-tile > .fade-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.list-tile > div {
  position: relative;
  background-color: transparent;
}
img.full,
a.full,
.live-tile .full,
.list-tile .full {
  display: block;
  margin: 0px;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .fade-back,
.live-tile > .flip-back,
.flip-list .flip-back {
  position: absolute;
  z-index: 10;
}
/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
*/
.flip-list {
  padding: 0px;
  margin: 0px;
}
.list-tile .flip-list {
  height: 100%;
  width: 100%;
}
.flip-list > li > a {
  border: none;
  outline: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}
.flip-list > li img {
  border: none;
  outline: none;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.flip-list > li {
  float: left;
  list-style-type: none;
  outline: none;
  position: relative;
}
.flip-list > li > div {
  border: none;
  background: white;
  height: 100%;
  left: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}
.flip-list > li > div.flip-back {
  height: 0px;
}
/* ------ Hardware Accelerated Tiles --------*/
/* flip */
.live-tile.flip.ha,
.flip-list.ha {
  position: relative;
  overflow: hidden;
}
.live-tile.flip .ha.flip-front,
.flip-list .ha.flip-front,
.live-tile.flip .ha.flip-back,
.flip-list .ha.flip-back {
  position: absolute;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-list > li > .ha.flip-back,
.flip-list > li > .ha.flip-back img {
  /* override the values set for margin and ensure the back tile is visible  */

  margin: 0px !important;
  height: 100%;
}


.thrColElsHdr #container { 
	width: 100%;  
	height:auto;

	margin: 0 auto;
	text-align: left; 
} 
.thrColElsHdr #header { 
	
	/*background: #eAeAeA;*/ 
	padding: 0 10px; 
	height:90px;
	/* box-shadow: 0px 5px 3px #888888;  */
	margin-bottom:6px;
	vertical-align:bottom;
} 
.thrColElsHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.thrColElsHdr #header .logo {
	float:left; 
	margin-left:2em;
	margin-top:8px;
	width:09em;

}

.thrColElsHdr #header .topmenu {
	float:right; 
	margin-right:30px;
	margin-top:32px;
}

.thrColElsHdr #sidebar1 {
	float: left; 
	width: 12em;  
	height:auto;
	min-height:500px;
	border-right: 1px solid #FFF;
	/*background: #eAeAeA;*/
}

.thrColElsHdr #sidebar1 .leftmenu{
	float: left; 
	width: 10em;  
	margin: 0.5em 0 0 1em;
	height:auto;
	background: #e4c493;
	color:black;
}

.thrColElsHdr #sidebar1 .leftmenu td a{
	text-decoration:none;
	color:black;
}

.thrColElsHdr #sidebar1 .leftmenu td:hover a{
	color:#fff;
}

.thrColElsHdr #sidebar1 .leftmenu table tr td {
	border-bottom:1px solid #FFF;
	font-size:13px;
	font-weight:500;
	padding-left:10px;
}

.thrColElsHdr #sidebar1 .leftmenu .subcat1{
	background-color:#f5e8c6;
	text-align:left;
	font-weight:100;
	font-weight:500;
	cursor:default;
}

.thrColElsHdr #sidebar1 .leftmenu .inactive:hover{
	background-color:#9e9e9e;
	color:black;
	cursor:default;
}

.thrColElsHdr #sidebar1 .leftmenu .subcat2{
	background-color:#f4f4f4;
	padding-left:15px;	
	font-size:12px;
	font-weight:100;
}

.thrColElsHdr #sidebar1 .leftmenu .active{
	background-color:#cdcdcd;	
	background-size:100% 100%;
	font-weight:100;
	color:Black;
	padding-left:15px;
}

.thrColElsHdr #sidebar1 .leftmenu .active:hover{
	cursor:default;
	background-color:#9e9e9e;
	color:black;
}

.thrColElsHdr #sidebar2 {
	float: right; 
	width: 12em; /* since this element is floated, a width must be given */
	/*background-color: #eAeAeA; /* the background color will be displayed for the length of the content in the column, but no further */
	height:auto;
	color:#FFF;
	border-left: 1px solid #FFF;
}

.thrColElsHdr #sidebar2 .rightmenu{
	float: right;
	width: 10em;  
	margin: 0.5em 1em 0 0;
	height:auto;
	background-color : #c1c1c1;
	color:#000;
}

.thrColElsHdr #sidebar2 .rightmenu table tr th {
	border-bottom:1px solid #FFF;
	text-align:center;
	font-size:13px;
	background-color:#073c60;
}

.thrColElsHdr #sidebar2 .rightmenu table tr td {
	border-bottom:1px solid #FFF;	
	font-size:11px;
	padding-bottom:5px;	
	padding-left:10px;
}

.thrColElsHdr #sidebar2 .rightmenu table tr td:hover{
	background-color:#e5666b; /* purple --- 3333cc;  */
	color:#FFF;
	cursor: pointer;
	border-bottom:1px solid #FFF;
}
.thrColElsHdr #sidebar2 .rightmenu td a{
	text-decoration:none;
	color:#000;
}

.thrColElsHdr #sidebar2 .rightmenu td:hover a{
	color:#FFF;
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 5px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 5px;
}

.thrColElsHdr #mainContent {
 	margin: 20px 12.5em 0 12.5em;

} 

.thrColElsHdr #mainContent .desc{
	width:auto; 
	margin:15px 32px 10px 32px;
}

.thrColElsHdr #mainContent .desc .left{
	float:left;
	height:80px; 
	width:65%;
	
	background-repeat:no-repeat;
	background-color:#f5e8c6;
	
	line-height:50px; 
	
}

.thrColElsHdr #mainContent .desc .right{
height:80px; 
background-color:#f2f3f3;
background-repeat:no-repeat; 
width:35%;  
float:right;
line-height:50px;
}


.thrColElsHdr #mainContent .desc .right img{

    
}

.thrColElsHdr #mainContent .desc h3{
	color:#000;
	margin-left:15px;
	font-weight:500;
	font-size:14px;
}

.thrColElsHdr #mainContent .desc p, .p{
	width:95%; 
	float:left; 
	margin:10px 10px 30px 15px;
	font-size:12px;
	text-align:justify;
}

.thrColElsHdr #mainContent .desc span, .span{
	width:100%; 
	float:left; 
	margin:0px 10px 10px 15px;
	font-size:12px;
}

.thrColElsHdr #footer { 
	width:100%; 
	height:auto;
	bottom:0;
	position: fixed;
	z-index:99999; 
	background-color:#f6f6f6;
	font-size:10px;
	color:#000;
} 

.thrColElsHdr #footer .ftcontent{ 
	width:auto; 
	margin:auto;
	margin-top:3px;
}

.thrColElsHdr #footer .ftcontent .copyright{ 
	float:left;
	width:auto;
}

.thrColElsHdr #footer .ftcontent .copyright a{
	text-decoration:none;
	color:#333;
	font-size:14px;
}

.thrColElsHdr #footer .ftcontent .copyright a:hover{
	color:#073c60;
}

.thrColElsHdr #footer .ftcontent .links{ 
	float:right;
	width:auto;
}

.thrColElsHdr #footer .ftcontent .links a{
	text-decoration:none;
	color:#333;
	font-size:12px;
}

.thrColElsHdr #footer .ftcontent .links a:hover{
	color:#073c60;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}






























@media only screen and (min-width:1200px){
.thrColElsHdr #container { 
	width: 100%;  
	height:auto;
	

	
	
	
	
	margin: 0 auto;
	text-align: left; 
} 
.thrColElsHdr #header { 




	
	/*background: #eAeAeA;*/ 
	padding: 0 10px; 
	height:90px;
	/* box-shadow: 0px 5px 3px #888888;  */
	margin-bottom:6px;
	vertical-align:bottom;
} 
.thrColElsHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.thrColElsHdr #header .logo {
	float:left; 
	margin-left:2em;
	margin-top:8px;
	width:09em;

}

.thrColElsHdr #header .topmenu {
	float:right; 
	margin-right:56px;
	margin-top:32px;
}

.thrColElsHdr #sidebar1 {
	float: left; 
	width: 15em;  
	height:auto;
	min-height:500px;
	border-right: 1px solid #fff;
	/*background: #eAeAeA;*/
}

.thrColElsHdr #sidebar1 .leftmenu{
	float: left; 
	width: 12.5em;  
	margin: 0.5em 0 0 1em;
	height:auto;
	background: #e4c493;
	color:black;
}

.thrColElsHdr #sidebar1 .leftmenu td a{
	text-decoration:none;
	color:black;
}

.thrColElsHdr #sidebar1 .leftmenu td:hover a{
	color:#fff;
}

.thrColElsHdr #sidebar1 .leftmenu table tr td {
	border-bottom:1px solid #Fff;
	font-size:13px;
	font-weight:500;
	padding-left:10px;
}

.thrColElsHdr #sidebar1 .leftmenu .subcat1{
	background-color:#f5e8c6;
	text-align:left;
	font-weight:100;
	font-weight:500;
	cursor:default;
}

.thrColElsHdr #sidebar1 .leftmenu .inactive:hover{
	background-color:#e4c493;
	color:black;
	cursor:default;
}

.thrColElsHdr #sidebar1 .leftmenu .subcat2{
	background-color:#f4f4f4;
	padding-left:15px;	
	font-size:12px;
	font-weight:100;
}

.thrColElsHdr #sidebar1 .leftmenu .active{
	background-color:#cdcdcd;	
	background-size:100% 100%;
	font-weight:100;
	color:Black;
	padding-left:15px;
}

.thrColElsHdr #sidebar1 .leftmenu .active:hover{
	cursor:default;
	background-color:#9e9e9e;
	color:black;
}

.thrColElsHdr #sidebar2 {
	float: right; 
	width: 15em; /* since this element is floated, a width must be given */
	/*background-color: #eAeAeA; /* the background color will be displayed for the length of the content in the column, but no further */
	height:auto;
	color:#FFF;
	border-left: 1px solid #fff ;
}

.thrColElsHdr #sidebar2 .rightmenu{
	float: right;
	width: 12.5em;  
	margin: 0.5em 1em 0 0;
	height:auto;
	background-color : #c1c1c1;
	color:#000;
}

.thrColElsHdr #sidebar2 .rightmenu table tr th {
	border-bottom:1px solid #FFF;
	text-align:center;
	font-size:10px;
	background-color:#073c60;
}

.thrColElsHdr #sidebar2 .rightmenu table tr td {
	border-bottom:1px solid #FFF;	
	font-size:11px;
	padding-bottom:5px;	
	padding-left:10px;
}

.thrColElsHdr #sidebar2 .rightmenu table tr td:hover{
	background-color:#e5666b; /* purple --- 3333cc;  */
	color:#FFF;
	cursor: pointer;
	border-bottom:1px solid #FFF;
}
.thrColElsHdr #sidebar2 .rightmenu td a{
	text-decoration:none;
	color:#000;
}

.thrColElsHdr #sidebar2 .rightmenu td:hover a{
	color:#FFF;
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.thrColElsHdr #mainContent {
 	margin: 20px 16em 0 16em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

.thrColElsHdr #mainContent .desc{
	width:auto; 
	margin:15px 32px 10px 32px;
}

.thrColElsHdr #mainContent .desc .left{
	float:left;
	height:80px; 
	width:65%;
	background-image:url(../images/officeheader4b.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	
	line-height:50px; 
	
}

.thrColElsHdr #mainContent .desc .right{
height:80px; 
background-color:#fff; 
background-repeat:no-repeat; 
width:35%;  
float:right;
line-height:50px;

}


.thrColElsHdr #mainContent .desc .right img{

    
}

.thrColElsHdr #mainContent .desc h3{
	color:#000;
	margin-left:15px;
	font-weight:500;
	font-size:18px;
}

.thrColElsHdr #mainContent .desc p, .p{
	width:95%; 
	float:left; 
	margin:10px 10px 30px 15px;
	font-size:12px;
	text-align:justify;
}

.thrColElsHdr #mainContent .desc span, .span{
	width:100%; 
	float:left; 
	margin:0px 10px 10px 15px;
	font-size:12px;
}

.thrColElsHdr #footer { 
	width:100%; 
	height:auto;
	bottom:0;
	position: fixed;
	z-index:99999; 
	background-color:#f6f6f6;
	font-size:10px;
	color:#000;
} 

.thrColElsHdr #footer .ftcontent{ 
	width:auto; 
	margin:auto;
	margin-top:3px;
}

.thrColElsHdr #footer .ftcontent .copyright{ 
	float:left;
	width:auto;
}

.thrColElsHdr #footer .ftcontent .copyright a{
	text-decoration:none;
	color:#333;
	font-size:14px;
}

.thrColElsHdr #footer .ftcontent .copyright a:hover{
	color:#073c60;
}

.thrColElsHdr #footer .ftcontent .links{ 
	float:right;
	width:auto;
}

.thrColElsHdr #footer .ftcontent .links a{
	text-decoration:none;
	color:#333;
	font-size:12px;
}

.thrColElsHdr #footer .ftcontent .links a:hover{
	color:#073c60;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

}