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

.text-15 { font-size:15px; line-height:170%;}
.text-16 { font-size:16px; line-height:170%;}
.text-16-130 { font-size:16px; line-height:130%;}
.uscti-responsiveimage {max-width: 100%!important; height: auto !important;}
h1.headline { font-size:19px!important; color: #5c799e!important; margin-bottom:20px; margin-top:0px!important;}

a:link {
	color: #5c799e!important;
}

a:visited {
	color: #5c799e!important;
}
a:active {
	color: #5c799e!important;
}

.subhead-link  { text-transform:uppercase;}
.subhead-link a { color:#000!important;}

.indent { margin-left:20px;}
.underlined-links  a {
	text-decoration: underline;
}
#footer .address a {
	color: #000; text-decoration: underline;
}
.address { margin-bottom:40px;}

#sidebar-content a, #sidebar-content a:visited, #sidebar-content a:active  {text-decoration: underline; color: #5c799e;}
.sidebar-content a, .sidebar-content a:visited, .sidebar-content a:active {text-decoration: underline;  color: #5c799e;}

/* These styles fix CSE and Bootstrap 3 conflict */

.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block
    {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
    {
        box-sizing: content-box;
        line-height: normal; 
    }
   .gsc-search-button
    {
        display:none;
    }

/* clickable divs */

div.blurb {
    position: relative; min-width: 100%!important; min-height:420px!important;
}

div.blurb a { 
 position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */}	
		
	
#header-image {
	margin-top:20px; 
	max-height:400px!important; 
	overflow:hidden; background-color:#2f3938;
	}	
	
	#header-image2 {
	margin-top:20px; 
	max-height:250px!important; 
	overflow:hidden; background-color:#2f3938;
	}	
	
		
#header-background {
height:400px;
background-repeat:no-repeat;
background-position: center;
-ms-behavior: url(/uscti-includes/backgroundsize.min.htc);
behavior: url(/uscti-includes/backgroundsize.min.htc);
background-size: cover;}
#header-background2 { height:250px; 
background-repeat:no-repeat;
background-position: center;
-ms-behavior: url(/uscti-includes/backgroundsize.min.htc);
behavior: url(/uscti-includes/backgroundsize.min.htc);
background-size: cover;}		
#header-background-short {height:200px; padding: 30px 20px 20px 0px;}		
.col-centered{}
#login-search { width:250px; border:0px solid #CC0F;}
#header-search {width:250px; margin:0 auto; border:0px solid #F00;}
#head-nav {padding:0px!important; margin-left:-15px; margin-top:25px;  border:0px solid #F00!important;}
.left-yellow-box { border-right: 5px solid #FFF;   border-bottom: 0px solid #FFF; }	
.yellow-box {padding-top:20px; padding-bottom:20px; background-color:#faeec8; height:200px;}
.yellow-header {
	margin-top:30px; 
	padding-top:8px; margin-bottom:0px;
	background-color:#f3ca61; 
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;}

.blue-header {
	margin-top:30px; 
	padding-top:8px; margin-bottom:0px;
	background-color:#5c799e; 
	color:#eeeeee;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;}
	
#footercontent {border-top:1px solid #000; padding-top:10px;}
	
	
	.uscti-btn {
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  font-family: Arial;
  color: #ffffff!important; line-height:110%;
  font-size: 14px; font-weight:lighter;
  background: #3a3e4a;
  padding: 8px 15px 8px 15px; text-align: center!important; display:block; 
  text-decoration: none!important;  min-width: 230px!important; width: 230px!important; margin:10px 0px!important; 
}


a.uscti-btn, a.uscti-btn:visited, a.uscti-btn:hover, a.uscti-btn:active {
 color: #ffffff!important;
}

.uscti-btn:hover {
  background: #004895;
  text-decoration: none;  color: #ffffff!important;
}

.org-container { margin-bottom:20px!important; font-size:13px; line-height:110%!important; }	
.org-container div {
	margin-top: 10px;
}

.blue-bar  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #587b9e; display:inline-block; padding: 3px 20px;
}

.product-head {font-family: Arial, Helvetica, sans-serif; color:#ffca5e; letter-spacing:1px;}

#product-menu { margin-top: 20px!important;}

.product-members {padding-top:5px!important;}
.product-members, .product-members a:visited,  .product-members a:active,  {padding-top:5px!important; color: #5c799e!important;}

#middle-section .container. .row .col-lg-5.col-md-5.col-sm-5.col-xs-12.sidebar-content.product-members.dwd-col p a {color: #5c799e!important;}





 @media only screen and (min-width: 0px) and (max-width: 766px) { 
 .left-yellow-box { border-right: 0px solid #FFF;  border-bottom: 5px solid #FFF; }
 
 .yellow-box {padding-top:20px; padding-bottom:20px; background-color:#faeec8; height:200px; min-height:200px; max-height:200px; overflow:hidden;}
 
 
 
 }

 @media only screen and (min-width: 0px) and (max-width: 400px) {
#header-search {width:260px; margin:0 auto; border:0px solid #F00;  }
#head-nav {padding:0px!important; margin-left:0px; margin-top:25px; border:0px solid #F00!important;}	
#header-background, #header-background-short {
height:160px;
		}
		
#header-background2,		#header-background2 { height:110px; 
}		




.left-yellow-box { border-right: 0px solid #FFF; }			
		
	  }
	  		
		
 @media only screen and (min-width: 401px) and (max-width: 600px) {
     
#head-nav {padding:0px!important; margin-left:0px; margin-top:25px;  border:0px solid #F00!important; }		 
#header-search {width:260px; margin:0 auto; border:0px solid #0F0; }
#login-search { width: 100%; margin: 0 auto;}	 
#header-background, #header-background-short { height:200px;}
#header-background2,		#header-background2 { height:130px; 
}		 
	  }
	  
@media only screen and (min-width: 601px) and (max-width: 900px) {
#head-nav {padding:0px!important; margin-left:0px; margin-top:25px;  border:0px solid #F00!important;}
#header-search {width:250px; margin:0 auto; border:0px solid #F00;} 
#header-background, #header-background-short {height:250px;}
		 
#header-background2,		#header-background2 { height:190px; 
}	 
	 
	  }
@media only screen and (min-width: 901px) and (max-width: 1000px) { }
#head-nav {padding:0px!important; margin-left:0px; margin-top:25px; border:0px solid #F00!important;}
#header-search {width:250px; margin:0 auto; border:0px solid #F00;} 
	  
	  @media only screen and (min-width: 901px) and (max-width: 1200px) {

#header-search {}
	 
#header-background {
height:350px;
		}	 
	 
	 
	  }
	  
#sidebar, #sidebar2 {
	padding:30px 5px 30px 0px;}
	
.sidebar-content {
	padding-top:30px; padding-left:40px;
	
	}	

#sidebar-content {
	padding-top:30px; padding-left:40px;
	
	}
	#login-search { 
		}
	
	/* for bootstrap */
	
@media only screen and (min-width: 0px) and (max-width: 767px) {
	#sidebar { display:none;}
	#sidebar2 {display:none; }
	#sidebar-content {
	padding-top:30px; padding-left:20px;  padding-right:20px;
	
	}
	.sidebar-content {
	padding-top:30px; padding-left:20px;  padding-right:20px;
	
	}
	#login-search { width: 100%; margin: 0 auto; border: 0px solid #F00;
		}
 }
	
 @media only screen and (min-width: 768px) and (max-width: 992px) {
#sidebar-content {
	padding-top:30px; padding-left:0px;  padding-right:0px;
	
	}
	
	.sidebar-content {
	padding-top:30px; padding-left:0px;  padding-right:0px;
	
	}
	
	#login-search { width: 100%; margin: 0 auto;
		}
		
		
 }
 
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
#login-search { width: 100%; margin: 0 auto;
		}
 }
 


a.blacklink:link {
	color: #000!important; text-decoration:underline;
}

.yellow-box a.blacklink:link {
	color: #000!important; text-decoration:underline;
}
.bullets { margin-left: -25px!important;
	
}