@charset "utf-8";
/* CSS Document */

body {
	background-color: #756739;
	color: #CCC;
}

p {
	color: #333;
}

a.strong, span.strong, p.strong {
	font-weight:600;
}

.navbar-custom {
    background-color: #0A3228;
}

#itech-str {
	color: #3FA9FF;
}

#mast-home {
	background-color: #476160;
}

#hc-content-2, #hc-content-2-arch {
	background-color: #EEEADD;
	color: #333;
}

#hc-content-1, #hc-content-1-arch, #hc-content-1-news, #hc-content-3, #hc-content-3-home, #hc-content-3-news {
	background-color: #E4DEC9;
	color: #333;
}

#hc-footer-block {
	background-color: #BEAF7C;
}

.container-back {
	background-color: #E4DEC9;
	color: #333;
}

.hc-title-selector {
	
}

.errMess {
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
}

hr.lite {
	border-top: 1px solid #999;
}

table {
	width: 100%;
}

p.copyright {
	font-size: .8rem;
	color: #000;
}

.carousel-item {
  opacity: 0;
  transition: opacity 1s ease-out;
  transition-property: opacity;
}

.carousel-item.active,
.carousel-item-left.carousel-item-next,
.carousel-item-right.carousel-item-prev {
  opacity: 1;
}

a, .hc-segSelector {
	color:#0078B3;
}

a:hover {
	color:#000;
}

#pub-heads, #wc-heads {
	background-color: #CDC8B6;
	color: #30756C;
}


p.initcap:first-letter { 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		font-weight: 800;
		line-height: 1rem;
		color: #30756C;
	}
	
p.pulled {
		line-height: 1.5em;
		color: #77693C;
		font-weight: 600;
		margin-bottom: 15px;
		text-align: left;
	}
	
.hc-note {
	font-size: .9rem;
	line-height: 1.25rem;
	color: #666666;
}
	
span.caption {
		font-size: .9em; 
		color: #666666;
	}
	
p.caption_1 {
	font-size: .9em; 
	color: #000;
	text-align: left;
}

.paraHead {
	font-size: 1.2em;
	font-weight: 600;
	color: #53573c;
}

	span.hcwe-emp {
	font-style:normal;
	font-weight:600;
	color:#125A48;
}

	span.paraHeadK {
	font-weight: 600;
	color: #53573c;
}

#pubs-found tbody tr:hover{
  cursor:pointer;
}

h1,h2,h3,h4,h5,label {
	color: #666;
}

.input-note {
	color: #666;
	font-size: .8rem;
}

.reqd {
	color: red;
}

/* sidebar styles */

/* spans */

span.sidebartext {
		display: block;
		font-size: .9em; 
		color: #000;
		text-align: left;
		font-style: italic;
		padding-bottom: 8px;
	}
	
	span.sidebarhead {
		display: block;
		font-size: 1em; 
		font-weight: 800;
		color: #125A48;
		text-align: left;
		font-style: italic;
	}
	
	span.sidebarhead:hover {
		color: #a54c20;
	}
	
	span.sidebarimage {
		display: block;
	}
	
	span.sidebarnews {
		font-size: 1rem;
		font-weight: 400;
		color: #212529;
		text-align: left;
	}
	
	td.newsleft {
		width: 115px;
		text-align: center;
		padding: .5em;
		background-color: #FFF;
	}
	
	td.clipleft {
		background-color: #FFF;
		width: 30px;
		text-align: center;
	}
	
		td.newsright {
		font-size: 1rem;
		text-align: left;
		color:#212529;
		cursor: pointer;
		padding: .5rem;
		background-color: #D5D8C7;
		border-bottom: solid 1px #959C72;
	}
	
	td.newsright-nohover {
		text-align: left;
		padding: 4px;
		background-color: #D5D8C7;
	}
	
	td.newsright:hover {
		background-color: #FDE686;
	}
	
	td.clipright {
		cursor: pointer;
		padding: 4px;
		background-color: #D5D8C7;
	}
	
	td.clipright:hover {
		background-color: #FDE686;
	}
	
/* sidebar CSS menu nav styles 
sidebar back lt-beige: #E4DEC9
sidebar text brown: #615427
sidebar button unselected: #D1C492
sidebar button selected #FCF2BA
sidebar border: #B79F4F
sidebar hover text: #FFF
sidebar hover back: #B79F4F
*/

/* sidebar menu scheme = gold */

	div.sidebarMenu {
		padding: 0px;
	}
	
	div.sidebarMenuCell-gold {
		color: #D5D8C7;
		background-color: #53573c;
		border: solid 1px #53573c;	
		cursor:  pointer;
		font-size: .8em;
		font-weight: bold;
		width: inherit;
		margin:  5px;
		padding: 5px;
		vertical-align:  middle;
		text-align: center;	
	}
	
	div.sidebarMenuCell-gold:hover {
		color: #FFF;
		background-color: #91862C;
		border: solid 1px #FFF;	
	}
	
	div.sidebarMenuSelected-gold {
		color: #FFF;
		background-color: #a54c20;
		border: solid 1px #a54c20;
		font-size: .8em;
		font-weight: bold;
		width: inherit;
		margin:  5px;
		padding: 5px;
		vertical-align:  middle;
		text-align: center;
	}

/* sidebar menu scheme = green */

	div.sidebarMenu {
		padding: 0px;
	}
	
	div.sidebarMenuCell-green {
		color: #D5D8C7;
		background-color: #53573c;
		border: solid 1px #53573c;	
		cursor:  pointer;
		font-size: .8em;
		font-weight: bold;
		width: inherit;
		margin:  5px;
		padding: 5px;
		vertical-align:  middle;
		text-align: center;	
	}
	
	div.sidebarMenuCell-green:hover {
		color: #FFF;
		background-color: #91862C;
		border: solid 1px #FFF;	
	}
	
	div.sidebarMenuSelected-green {
		color: #FFF;
		background-color: #a54c20;
		border: solid 1px #a54c20;
		font-size: .8em;
		font-weight: bold;
		width: inherit;
		margin:  5px;
		padding: 5px;
		vertical-align:  middle;
		text-align: center;
	}
	
	ul#sidebarMenuList {
		list-style-type:  none;
		margin:  0px;
		padding:  0px;
	}
	
	ul#sidebarMenuList li {
		display: block;
		margin:  10px 2px 10px 2px;
		padding: 4px 20px 6px;
		vertical-align:  middle;
	}
	
	ul#sidebarMenuList li a {
		font-size: .8em;
		padding: 5px 15px;
		margin:  0px 2px;
		text-align:  center;
		text-decoration: none;
	}
	
	/* pub highlights classes */
	
	h1.hilite,h2.hilite {
		color: #0A3228;
		font-family: "Times New Roman",Times,serif;
	}
	
	td.hcwe_title, .hcwe_title{
		font-size: 1.4rem;
		font-weight: 600;
		color: #53573c;
		vertical-align: middle;
		}
		
	.hcwe_subtitle{
		font-size: 1rem;
		font-weight: bold;
		color: #000000;
		}
		
	.hcwe_text{
		font-size: 1rem;
		color: #000000;
		}
		
	.masthead { display: inline; }
	
	.tagline{ 
		display: block;
		margin-bottom: 10px;
		font-style: italic;
		font-weight: 600;
		text-align: center;
		color: #666;
	}
	
	span.publist_hl {
					font-size: 1em;
					font-weight: 600;
					font-style: italic;
					color: black;
					text-align: left;
				}
				
	span.publist_date {
					font-size: 1em;
					color: black;
					text-align: left;
				}
	
	span.publist_title {
		font-size: 1.2em;
		font-weight: 600;
		padding-top: 10px;
		color: black;
		text-align: left;
	}
	
	td.publist {
		text-align: left;
		vertical-align: top;
		padding: 2px;
	}
	
	td.publist-text {
		padding-bottom: 1rem;
	}
	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	color: #000;
  background-color: #CFE9D0;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

::-webkit-input-placeholder { /* Edge */
  color: #CCC;
}

::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC;
}

::placeholder {
  color: #CCC;
}

@media (min-width: 360px) {
  #hc-content-1,#hc-content-3, #hc-content-1-news,#hc-content-3-news {
  	display: none;
  }
}

@media (min-width: 480px) {
  #hc-content-1,#hc-content-3, #hc-content-1-news,#hc-content-3-news {
  	display: none;
  }
}

@media (min-width: 576px) {
  #hc-content-1,#hc-content-3 {
  	display: block;
  }
  #hc-content-1-news,#hc-content-3-news {
  	display: none;
  }
  div.show-img {
		max-height: 50%;
	}
}

@media (min-width: 768px) {
  #hc-content-1,#hc-content-3 {
  	display: block;
  }
  #hc-content-1-news,#hc-content-3-news {
  	display: none;
  }
  div.show-img {
		max-height: 60%;
	}
}

@media (min-width: 992px) {
  #hc-content-1, #hc-content-1-news, #hc-content-3, #hc-content-3-news {
  	display: block;
  }
  div.show-img {
		max-height: 70%;
	}
}

@media (min-width: 1200px) {
	#hc-content-1, #hc-content-1-news, #hc-content-3, #hc-content-3-news {
  	display: block;
  }
  div.show-img {
		max-height:80%;
	}
}