@charset "utf-8";

/* CSS Document */
/************** SKIP TO CONTENT *************/
#skip-to-content {
	height: 0px;
}

#skip {
	font-size: 0em;
}

#skip:focus {
	color: #1a469c;
	text-decoration: none;
	text-align: center;
	margin: auto;
	font-size: 2em;
	background-color: #d6af14f3;
	z-index: 1000;
	width: 100%;
	float: right;
}

/* Darken the link RF-1 */

/**************** TOP BANNER ****************/
#header-container {
	width: 1300px;
	background-color: #2c53a0;
}

#hhs-banner {
	color: white;
	background-color: #2c53a0;
	border-top: 5px solid #2c53a0;
}

#hhs-banner2 {
	color: white;
	background-color: white;
}

#hhs-banner a {
	color: white;
	text-decoration: none;
}

#psc-banner {
	padding-top: 10px;
	height: 50px;
	background-color: #2c53a0;
}

#psc-brand {
	height: auto;
	background-color: #2c53a0;
	padding: 15px;
	border: 1px solid #405e80;
	border-radius: 10px;
}

#psc-brand a {
	float: left;
	height: 50px;
	width: 100px;
}

#psc-brand a:focus,
#psc-logo a:hover {
	border: 0px solid #2c53a0 !important;
}

/* Added focus indicator RF-7 */
#psc-logo {
	float: left;
	height: 0px;
	width: 0px;
	margin-right: 10px;
}

#taglines {
	float: left;
	height: 0px;
	width: auto;
}

#tagline1 {
	color: white;
	font: Arial;
	font-size: 16px;
	border-bottom: 1px solid #fed200;
	padding: 0;
	text-align: center;
	/*added*/
}

#tagline2 {
	color: white;
	font: Lucida Sans Unicode;
	text-align: center;
	letter-spacing: 1px;
	font-size: 14px;
	padding-top: 0;
}

/**************** SEARCH FORM ****************/
/* #content {
	position: absolute;
	float: right;
	margin-left: 80%;
}

#content.on {
	-webkit-animation-name: in-out;
	animation-name: in-out;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

input {
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	background: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	font-family: Roboto;
	outline: 0;
	-webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
		padding 0.2s;
	transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
		padding 0.2s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}

.search {
	background: none;
	position: absolute;
	top: 0px;
	left: 0;
	height: 10px;
	width: 10px;
	padding: 0;
	border-radius: 100%;
	outline: 0;
	border: 0;
	color: inherit;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}

.search:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 4px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 26px;
	margin-left: 17px;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.close {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.close:before {
	content: "";
	position: absolute;
	width: 27px;
	height: 4px;
	margin-top: -1px;
	margin-left: -13px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.close:after {
	content: "";
	position: absolute;
	width: 27px;
	height: 4px;
	background-color: #fff;
	margin-top: -1px;
	margin-left: -13px;
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.square {
	box-sizing: border-box;
	padding: 0 30px 0 10px;
	width: 300px;
	height: 30px;
	border: 4px solid #ffffff;
	border-radius: 4%;
	background: none;
	color: #fff;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	outline: 0;
	-webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
		padding 0.2s;
	transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
		padding 0.2s;
	-webkit-transition-delay: 0.4s, 0s, 0.4s;
	transition-delay: 0.4s, 0s, 0.4s;
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
} */

/*********************************************/
#search-form {
	text-align: right;
	margin-top: .5em;
}

#search-keywords {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	margin-right: 0;
	border-right: 0;
}

#search-button {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fed200;
	border-color: #fed200;
	color: #2c53a0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: 0;
	border-left: 0;
}

::placeholder.form-control {
	color: #666;
	opacity: 1;
}

/***************************Scrolling text banner****************************/
#scroll-container {
	border: 3px solid white;
	border-radius: 5px;
	overflow: hidden;
}

#scroll-text {
	/* animation properties */
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);

	-moz-animation: my-animation 20s linear infinite;
	-webkit-animation: my-animation 20s linear infinite;
	animation: my-animation 20s linear infinite;
}

#scroll-text:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/* for Firefox */
@-moz-keyframes my-animation {
	from {
		-moz-transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(-100%);
	}
}

/* for Chrome */
@-webkit-keyframes my-animation {
	from {
		-webkit-transform: translateX(100%);
	}

	to {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes my-animation {
	from {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

/* Darken text in input fields */
:-ms-input-placeholder.form-control {
	color: #666;
}

::-ms-input-placeholder.form-control {
	color: #666;
}

.modal-backdrop.in {
	filter: alpha(opacity=70);
	opacity: .7;
}

/* Darken the background behind the modal RF-5 */

/**************** NAVIGATION BAR **************/
#navbar {
	position: static;
	color: white;
	background-color: #2c53a0;
	border-radius: 0;
	border: none;
	margin: 0;
	width: auto;
}

#navbar2 {
	position: static;
	color: white;
	background-color: white;
	border-radius: 0;
	border: none;
	margin: 0;
	width: auto;
}

#home-link {
	display: none;
}

#navbar-toggle-button {
	display: none;
}

#login {
	background-color: #c00;
}

nav {
	position: relative;
	margin: 0;
}

nav a:link,
nav a:visited {
	color: black;
	text-decoration: none;
}

nav button:active,
nav button:hover,
nav button:focus {
	border-top: 3px #fed200 solid;
	color: black;
}

nav li li a:link,
nav li li a:visited {
	color: #002855;
	text-align: left;
	text-decoration: none;
}

nav li li a:active,
nav li li a:hover,
nav li li a:focus {
	background-color: white;
	border-top: none;
	color: #002855;
	border-top: 3px #fed200 solid;
	box-shadow: 0px 8px 16px 0px #cdd2db;
	padding-top: 3px;
}

.dropdown-menu-header {
	color: #2c53a0;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
}

.dropdown-menu {
	text-align: left !important;
	background-color: white;
	min-width: 220px;
	box-shadow: 0px 8px 16px 0px #cdd2db;
	z-index: 1;
}

/*************** CONTENT *******************/
.container a {
	text-decoration: underline;
	color: #0066cc;
	position: static;
	width: auto;
}

/* Add underline to links in content and darken  RF-2 */
.container a:active,
.container a:hover,
.container a:focus {
	color: black;
}

.jumbotron {
	margin: 0;
	padding-top: 0%;
}

.media h2 {
	margin: 0;
}

.well {
	background-color: #fcfcfc;
}

/* Lighten background color RF-1 */

/*************** IMAGES ********************/
/*.largess, .mediumss, .smallss {margin:20px 0; box-shadow:1px 1px 3px 3px silver; max-width:100%;}*/

/********** SIDE NAVIGATION BAR *************/
.sidenav {
	margin-top: 20px;
}

.sidenav p {
	padding-left: 8px;
}

.sidenav p.active {
	border-left: 3px #fed200 solid;
	padding-left: 5px;
}

.sidenav p:hover,
.sidenav p:active,
.sidenav p:focus {
	border-left: 3px #fed200 solid;
	padding-left: 5px;
}

.sidenav a:link,
.sidenav a:visited {
	text-decoration: none;
}

.sidenav a:hover,
.sidenav a:active,
.sidenav a:focus {
	color: #C00;
	text-decoration: none;
}

.menu-button {
	background-color: #f3c406f3;
	border-radius: 4px;
	border: none;
	color: #375aa1;
	padding: 10px 40px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	margin-right: 10px;
	width: 10%;
}

.dropbtn2 {
	min-width: 80px;
	background-color: #61b2ecb0;
	border-radius: 4px;
	color: #375aa1;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: bolder;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.menu-button2 {
	background-color: #5780d1;
	border-radius: 4px;
	border: none;
	color: white;
	padding: 5px 15px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	font-weight: 200;
	margin-right: 30px;
	width: 20%;
}

.button2:hover {
	background-color: #f3c406f3;
	color: white;
}

.dropbtn {
	width: 110px;
	background-color: #5780d1;
	border-radius: 4px;
	color: white;
	padding: 8px 8px;
	font-size: 13px;
	font-weight: bold;
	margin-right: 5px;
	text-align: center;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.dropdown-toggle {
	text-align: left !important;
	width: 150px;
	color: white;
	background-color: #4773CD;
	border-radius: 4px;
	font-size: 13px;
	margin-right: 5px;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.dropdown {
	margin-top: 10px;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 230px;
	box-shadow: 0px 8px 16px 0px #cdd2db;
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 32px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #cdd2db;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #cda710f3;
}

.dropdown:hover .dropbtn2 {
	background-color: #f3c406f3;
}

/* .search {
	border: 1px solid grey;
	border-radius: 5px;
	height: 25px;
	width: 65%;
	padding: 2px 23px 2px 30px;
	background-color: #e8e5e5;
	color: #002855;
} */

.main-content-title {
	color: #2c53a0;
	font-weight: lighter;
}

.content-border {
	border: 1px solid rgb(190, 189, 189);
	border-radius: 8px;
	padding: 20px;
	width: auto;
	box-sizing: content-box;
}

.main-content {
	padding-top: 10px;
	text-align: center;
	padding-left: 15%;
	width: auto;
}

.form-required-field {
	color: rgba(255, 0, 0, 0.74);
	font-weight: bolder;
}


/* .form-group {
	padding-top: 5%;
	display: block;
	width: 100%;
} */

/*------------------------------------------------------------------*/
#nav_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: white;
	text-align: left;
}

li a,
.dropbtn3 {
	display: inline-block;
	color: white;
	text-align: center;
	text-decoration: none;
}

.dropdown2 {
	display: inline-block;
}

.dropdown2-content {
	display: none;
	position: absolute;

	background-color: white;
	min-width: 160px;
	z-index: 1;
	list-style: none;
}

.dropdown2-content a {
	color: White;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown2-sub-list {
	display: none;
	list-style: none;
	margin: 0;
}

.dropdown2-content a:hover {
	background-color: #cdd2db;
}

.dropdown2-sub a:hover {
	background-color: #cdd2db;
}

.dropdown2:hover>.dropdown2-content {
	display: block;
}

.dropdown2-sub:hover>.dropdown2-sub-list {
	display: block;
}

/*************** FOOTER ********************/
footer {
	color: white;
	/* background-color: #003366; */
	background-color: #2c53a0;
	border-radius: 0;
	border: none;
	margin: 2em 0 0 0;
	padding: 15px;
	padding-bottom: 40px;
	border-bottom: 5px solid #2c53a0;
	/* border-		bottom: 5px solid #cda710f3; */
}

.navbar-inverse .container .open .dropdown-menu>button:active,
.navbar-inverse .container .open .dropdown-menu>button:hover,
.navbar-inverse .container .open .dropdown-menu>button:focus {
	background-color: #d6af14f3
}

footer a:link,
footer a:visited {
	color: white;
	text-decoration: none;
}

footer a:hover,
footer a:active,
footer a:focus {
	color: #fed200 !important;
	text-decoration: underline;
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	opacity: 0.8;
	font-size: 0.9em;
}

footer p {
	margin: 0;
	padding: 0;
}

footer hr {
	border: 0.5px solid #d6af14f3;
}

#adobe {
	margin-top: 40px;
}

#get-adobe {
	background-color: #2c53a0;
	color: white;
	border: 1px white solid;
}

#get-adobe:hover,
#get-adobe:active {
	background-color: #c00;
	color: white;
	border: 1px #c00 solid;
}

/*************** FONT AWESOME ********************/
.fa-file-pdf-o {
	color: #c00;
}

/*************** PHOTOS ********************/
.portrait {
	float: right;
	width: 20%;
	margin-left: 1em;
}

.portrait img {
	width: 100%;
}

.portrait figcaption {
	font-size: 0.8em;
	font-style: italic;
	color: white;
	background-color: #333;
	padding: 5px;
}

.comment {
	color: red;
	border: 1px solid red;
}

/*************** Mobile **************************/
@media all and (max-width:768px) {

	#search-form,
	#login-panel,
	.sidenav,
	.page-alert {
		display: none !important;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		float: none !important;
	}

	/* Hide search, login, left nav on mobile devices */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>button:link,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>button:visited {
		text-align: left;
		color: black;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>button:active,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>button:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>button:focus {
		color: black;
		background-color: #cdd2db;
	}

	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover {
		background-color: #8c8c8c;
		/* background-color: #cda710f3; */
		border: 1px solid #8c8c8c;
	}

	.navbar-inverse .navbar-nav>li>button:focus,
	.navbar-inverse .navbar-nav>li>button:hover {
		color: #fff;
		background-color: #8c8c8c;
	}

	.navbar-inverse .navbar-nav>.open>button,
	.navbar-inverse .navbar-nav>.open>button:focus,
	.navbar-inverse .navbar-nav>.open>button:hover {
		color: white;
		background-color: #8c8c8c;
	}

	nav a:active,
	nav a:hover,
	nav a:focus {
		border-top: none;
		padding-top: 10px;
	}
}

/*************** PRINT ************************/
@media print {

	#skip-to-content,
	#hhs-banner,
	#psc-banner,
	#navbar,
	footer,
	.jumbotron,
	.top,
	.sidenav {
		display: none;
	}
}

@media print and (-webkit-min-device-pixel-ratio:0) {
	/*CHROME ONLY */
	/*
  @page {margin:2cm;}
	.container {width:100%;}
	.col-sm-3 {display:none !important; float:none !important;}
	.col-sm-3, .sidenav {width:0px !important;}
	.col-sm-9, .printable {width:100% !important; padding:0 !important; margin:0 !important; float:none !important;}
	.hr {page-break-after:always !important;} 
	[class*="col-md"], [class*="col-sm"], [class*="col-xs"] {
        float: none !important;}
	*/
}