body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica,'Lato',Arial,sans-serif;
  font-weight: normal;
	font-weight: 400;
  font-style: normal;
  }

/*.row {
  max-width: 1024px !important;
	padding-left:0;
	padding-right:0;
}

.div  {
  max-width: 1024px;
  margin: auto;
  padding-left: 20px;
	padding-right: 20px;
}*/
	
.breadcrumbs {
  margin-bottom: 0;
  padding-left: 2px;
}

.secondaryNavArea {
	padding: 0;
	margin: 0;
}


.secondaryNavTopSm {
  /*background-color:#ffffff;*/
  margin-bottom: 1px;
  padding-top: 2px;
  /* commenting out box per vis D recommendation
  border:1px solid #d6dfe6;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  */
  /*padding-top: 7px;*/
  /*padding-left: 10px;*/

}

.siteNav {
  background-color:#ffffff;
  border:1px solid #d6dfe6;
  border-radius: 3px;
  padding-top: 10px;
  padding-left: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 1px;
}

.siteNavSm {
  background-color:#ffffff;
  /* commenting out box per vis D recommendation
  border:1px solid #d6dfe6;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  */
  padding-top: 2px;
  /*padding-top: 7px;*/
  padding-left: 10px;
  margin-bottom: 1px;
}


/* Styling of Left Nav column and items */
.leftNavColumn { 
  padding-left: 0;
  margin-left: 0;
}

.leftNavPanel {
  padding-top: .5rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
	padding-right: .5rem;
  border: 1px solid #d6dfe6;
}

.leftNavPanel h2 {
   margin-bottom: 5px;
   line-height: 1rem;
   padding-left:7px;
}

#navigationLinks ul {
  margin-left: 0;
  margin-bottom: 25px;
  font-size:.875rem;
  line-height: 1.15;
  list-style:none; 
  padding-top: 0rem;
  padding-left:.4rem;
}

#navigationLinks li {
  padding-top:.5rem;
  padding-bottom:.5rem;
}

#navigationLinks .selectedCategory {
  border-left: #0572CE solid 4px; 
  padding-left: 7px;
  margin-left: -.5rem;
  color:#0572CE;
  font-weight:bold;
  /*background-color: rgba(240, 149, 67, .80);*/
  text-decoration:none;
  /*background-color: #e4f0fa;*/
}

#navigationLinks .selectedCategory a {
  color:#0572CE;
}

#navigationLinks a:hover {
   text-decoration:underline;
	}
	
#navigationLinks .selectedCategory a:hover {
   text-decoration:none;
	}


/* Filter Bar Styling */
.filterBar {
  padding-top: 12px;
  padding-bottom: 6px;
  margin-left: 0;
}

.button-bar {
  padding-bottom: .5rem;
}

.filterBar .button {
  font-weight:normal;
  color:#0572ce;
  background-color: #ffffff;
	border: 1px solid #D6D8DA;
}

.filterBar .button:hover {
  background-color:#ffffff;
	color:#0572ce; 
}

.filterBar .selectedButton {
  background-color:#f4f6f8;
  font-weight:normal; 
  color:#000000;
  cursor:default;
	letter-spacing:0em;
	border: 1px solid #D6D8DA;
}

.filterBar .selectedButton:hover {
  background-color:#f4f6f8;
  font-weight:normal; 
  color:#000000;
  cursor:default;
}

.has-tip {
  color: inherit;
	cursor: default;
	border-bottom: none;
	font-weight:normal;
}

.has-tip:hover, .has-tip:focus {
  color:#0572ce; 
	cursor: default;
  border-bottom: none;
}

.selectedButton:hover .has-tip:hover, .has-tip:focus {
  color:#000000; 
	cursor: default;
  border-bottom: none;
}

.tooltip {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.5rem;
	border: 1px;
  color: #000000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
	border: #F0F;
	background-color: lightgray;
}

.filterIcon {
  height:16px;
  vertical-align:text-bottom;
}

.peachBackground {
	background-color: rgba(240, 149, 67, .8);
}

.btnMiddleLayer {
	padding-left:0;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-right:.75rem;
}

/* Content Area Stylings */

#main-content-area {
	padding-top: 1.5rem;
	padding-bottom: .5rem;
	padding-left: 1.5rem;
}

.contentRow {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

#main-content-area img {
	max-height:225px;
	border: 1px solid #D6DFE6;
	box-shadow: 1px 1px 3px #888888;
}

#main-content-area .name {
	font-weight:bold;
	margin-top: .25rem;
	margin-bottom: 0;
	padding-left: 0;
	line-height: 1;
}

#main-content-area .category {
	font-size:.75rem;
	margin-top: .1rem;
	margin-bottom: 0;
}

#main-content-area .categoryLabel {
	font-style:italic;
}

/*stubs available for future styling -- currently these are used in the content template so the javascript can build the item content correctly

.categoryLink {
}

.categoryNoLink {
}
*/

/* Footer Area Stylings */

/*.footerMessage {
	padding-left:.75rem;
	color:#252525;
}

.beforeResources {
	margin-top:.25rem;
	margin-bottom:0;
}

.resourseContainer {
	padding-top:.25rem;
}

.copyright {
	font-size:.75rem
}*/
.mc {
	margin: 0px auto;
}

.noPad {
	padding:0;
}

.loadimg {
	cursor: pointer;
}
.modelwid {
	position:absolute;
	width:100%;
	text-align: center;
	background:url(../img/mbg.png) repeat;
	z-index:10000;
	padding-top:20px;
	left: 0px;
	top: 0px;
}
.modelwid img {
	margin: 0px auto;
}

.secondaryNavMsg {
	line-height:1.3;
	margin-bottom:0;
	margin-top:1.25rem;
	margin-right:1.5rem;
	font-weight: bold;
}

h4.secondaryNavTitle {
	margin-top: 1.6rem;
}

h4.secondaryNavMsg {
	padding-top: .5rem;
}

.ltPeach {
		background-color: rgba(240, 149, 67, .2);
}

.top-bar-section #navigationLinks ul li a {
	line-height:1;
	font-size: 1rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}

h2#navigation_links_parent {
  margin:0;
	padding-top:.5rem;
	padding-bottom:.5rem;
}

a:focus {
    outline:none;
}

a:focus {
    outline:none;
}

#srchgallery {
	width: 17rem;
	margin: 0 0 0 0;
	background:url(../../img/icons/navi_search_24_dis.png) no-repeat right; 
	background-color:#ffffff;
	}

.left-off-canvas-menu {
  border-right:none; 
	background:#ffffff;
}

.move-right > .inner-wrap {
  -webkit-transform: translate3d(185px, 0, 0);
  -moz-transform: translate3d(140px, 0, 0);
  -ms-transform: translate3d(140px, 0, 0);
  -o-transform: translate3d(140px, 0, 0);
  transform: translate3d(140px, 0, 0); }

@media screen and (max-width:1024px) {
	
h4.secondaryNavSm {
	text-align:left;
	margin-bottom: 0;
	margin-top: .1rem;
	padding-bottom: 0;
	line-height: 1;
}

h4.secondaryNavTitle {
	margin-top: .5rem;
	line-height: 1;
}

h4.secondaryNavMsg {
	margin-top: .1rem;
	line-height: 1;
	padding-bottom: .2rem;
}

}

 @media only screen and (max-width:960px){
 /* styles for Google Nexus 7 */
 
 #srchgallery {
	width: 15rem;
	}
	
 }

 @media only screen and (max-width:800px){
 /* styles for google nexus 10 portrait */
 
.leftNavPanel.grayPanel {
	min-width:128px;
}

 #srchgallery {
	width: 14rem;
	}

/*.leftNavPanel {
	padding-left: 300px;
}*/

}

 @media only screen and (max-width:768px){
 /* styles for iPad Portrait */
 
 #srchgallery {
	width: 12rem;
	}
	
	.patternLinks {
		padding-left: 0;
		}
		
	#main-content-area {
		padding-left: 50px;}
	
	#main-content-area p {
	padding-left: 2rem;
}

	#main-content-area span {
	padding-left: 2rem;
}

	#main-content-area {
		padding-right: 20px;}
		
#main-content-area .name {
	font-size:.875rem;
	margin-top: .25rem;
	margin-bottom: 0;
	padding-left:2px;
}

#main-content-area .category {
	font-size:.875rem;
	margin-top: .1rem;
	margin-bottom: 0;
}

#main-content-area .categoryLabel {
	font-style:italic;
	font-size:.875rem;
	padding-left: 2px;
}

#main-content-area .categoryLink {
	font-size:.875rem;
	padding-left: 2px;
}
		
	
 }


@media screen and (max-width: 735px) {

	#main-content-area p {
	padding-left: 2rem;
}

	#main-content-area span {
	padding-left: 2rem;
}

	#main-content-area {
		padding-right: 20px;}
		
#main-content-area .name {
	font-size:.875rem;
	margin-top: .25rem;
	margin-bottom: 0;
	padding-left:2px;
}

#main-content-area .category {
	font-size:.75rem;
	margin-top: .1rem;
	margin-bottom: 0;
}

#main-content-area .categoryLabel {
	font-style:italic;
	font-size:.75rem;
	padding-left: 2px;
}

#main-content-area .categoryLink {
	font-size:.75rem;
	padding-left: 2px;
}

h4.secondaryNavSm {
	text-align:left;
	margin-bottom: 0;
	padding-bottom: .25rem;
	line-height: 1;
}

h4.secondaryNavTitle {
	margin-top: 1rem;
	line-height: 1;
}

.left-off-canvas-menu {
  border-right:none; 
	background:#ffffff;
}

}

 @media only screen and (max-width:600px){
 /* styles for ??? */
 
 #srchgallery {
	width: 11rem;
	}
	
#main-content-area {
	padding-left: 65px;
		padding-right: 1px;}
	
 }
 
@media only screen and (max-width:500px){
 /* styles for ??? */
 
 #srchgallery {
	width: 9rem;
	}
	
#main-content-area {
	padding-left: 85px;
		padding-right: 1px;}
	
 }
 
@media only screen and (max-width:414px){
 /* styles for iPhone6+ */
 
 #srchgallery {
	width: 7rem;
  background:url(none) no-repeat right;
	background-color:#ffffff; 
	}
	
#main-content-area {
	padding-left: 90px;
		padding-right: 1px;}
	
 }

 @media only screen and (max-width:375px){
        /* styles for browsers smaller than 375px; */
				
.btnMiddleLayer {
	padding-left:22px;
	padding-top: .5rem;
	padding-bottom: 0;
	padding-right:0;
}

.buttonRGal {
	width: 170px;
}

.buttonLGal {
	width: 170px;
}

#srchgallery {
	width: 17rem;
}

/*#srchgallery {
display:block ;
margin-left:auto ;
margin-right:auto ;
margin-top:auto;
margin-bottom:auto;
 }*/
 
.patternLinks {
	padding-left:60px;
	}
 
}


.left-off-canvas-menu .leftNavPanel h2 {
	padding-left: 1rem;
}

