body { margin: 0; background: #99c0de; font-family: 'arial'; font-family: 'open sans', sans-serif; }
h2, h3, h4 { margin: 0; color: #143650; }

a, img { outline: none; border: 0;}

#container {
  margin: 0 auto;
  width: 94%;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }

#ud-header { height: auto; width: 100%; background: #FFF; border-bottom: 1px solid #e0e0e0; }
.inner { max-width: 960px; margin: auto; padding: 5px 0 0 5px; overflow: hidden; }
.inner img {}
#social { width: 98px; position: absolute; right: 15px; bottom: 0; z-index: 99998; }
#social img { float: right; }
.subpage .wrapper { background: #eee; }

.wrapper {
  margin: 0 auto 0;
  width: 98%;
  max-width: 960px;
}

.wrapper .main {
  float: left;
  width: 100%;
  height: auto;
  background: #05121c;
  position: relative;
  clear: both;
}

.wrapper .slide { width: 100%;  height: auto;}

.subpage .wrapper .main {
  width: 93%;
  padding:3.5%;
  background: #eee;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--NEWS RELEASE STYLES--*/

#release {border-bottom: dashed #999 1px; padding: 20px;}
#release h3 {color: #666; text-transform: uppercase;}
#release .button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
   text-decoration: none;
   vertical-align: middle;
   float: right;
   }
#release .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
#release .button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
 #release .button:visited {
   color: #fff;
   }  
    
.wrapper .slide img { width: 100%; display: block; height: auto; }

.cycle-prev { 
	background: url(../images/elements/left-arr.png)  -70px 0;   #FFF;
	display: block;
	position: absolute;
	top: 50%; left: 15px; margin-top: -35px;	
				width: 70px;
				height: 69px;
	z-index: 99999;	}

.cycle-prev:hover { background-position: 0 0; } 
	
.cycle-next { 
	background: url(../images/elements/right-arr.png)  0 0;   #FFF;
	display: block;
	position: absolute;
	top: 50%; right: 15px; margin-top: -35px;	
				width: 70px;
				height: 69px;
	z-index: 99999; }


.cycle-next:hover { background-position: 70px 0; } 

.wrapper .caption {
	position: absolute;
	width: 80%;
	padding:2%;
	background: rgba(7,20,31,0.83);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#031926', endColorstr='#031926'); /* IE */
	max-width: 960px;
	right: 0;
	bottom: 20px;
	z-index: 99999;
	font-size: 150%;
	color: #ffd200;
}


.wrapper .main a.read-more { color: #FFF; text-decoration: none; }

#search-launch { display: none; }
#mobile-search { position: absolute; top: 0; right: 15px; }
#cancel-search { color: #666; text-align: center; display: none; clear: both; margin-top: 50px; text-decoration: underline; }


.main h2, .main h3, .main p { margin-bottom: 10px; }
.main p + h3 { margin-top: 20px;  }
.callout-nav + h3 { margin-top: 15px; }
.main a { color: #1b7ed4}
.main ul { list-style-type: square; margin-bottom: 15px;}
.main li ul { margin-top: 5px; }
.main ul li { margin-bottom: 5px; }

.callout {width: 360px; background-color: #E1E2D1; float: right; margin:0 0 0 15px;}
.callout .content {padding: 15px;}
.callout .content p {font-family: 'Open Sans', sans-serif; color: #000; font-weight: normal; font-size: 80%; padding-top: 0;}
.callout .content h2 {font-family: 'Open Sans', sans-serif; color: #88462b; font-weight: normal; font-size: 125%;}
.callout .content img {width: 320px; padding-bottom: 8px;}
.callout h3 a {font-size: 80%;}


#header { height: 148px; width: 100%; background: url(../images/elements/header-3.jpg) #163650; position: relative; z-index: 99999; }
#logo-small {display: none; position: relative; top: 2px; left: 5px; padding-bottom: 5px; float: left; }
#logo-text { position: absolute; left: 222px; top: 64px; }
#logo-full { z-index: 99999; position: absolute; }
.read-more { float: right; color: #FFF;  font-weight: normal; display: block; text-align: right; margin-bottom: 0; }

#center { width: 100%; background: #eee; overflow: hidden; position: relative; }
#center #building { height: 100%; max-width: 349px; position: absolute; top: 0; right: 0; z-index: 1; }
#center .text { padding: 3%; font-size: 100%; line-height: 180%; width: 93%; color: #666; position: relative; z-index: 2; }

.sub-features { clear: both; background: url(../images/sub-feature-bg.jpg); overflow: auto; }

.sub-feature.first { background: #353535; }
.sub-feature.middle { background: #2c2c2c; }
.sub-feature.third { background: #282828; }
.sub-feature.autoHeight { height: auto; }

.sub-feature { width: 28%; padding: 2%; float: left; display: inline;  }
.sub-feature.middle { width: 32%; }
.sub-feature .padding {  }

.sub-feature h3 { font-family: 'arvo', serif; color: #ffd300; font-weight: normal; text-align: center; font-size: 150%; padding-top: 0; }
.sub-feature .list { margin: 10px 0 0 0; padding: 0; }
.sub-feature .list li { list-style: none; margin: 0; padding: 0; text-align: center; }
.sub-feature .list a { font-size: 12px; color: #FFF; }

.bio { margin-bottom: 25px; float: left; clear: left; width:500px;}
.wrapper .main .bio .photo { width: 150px; background: #eee; float: left; margin-right: 15px; }
.bio .name { font-size: 20px; }
.bio .title { font-size: 14px; }
.bio .email { font-size: 14px;}
.bio .phone { font-size: 14px;}

.callout-nav select {
  display: none;
}
option .anchor-nav { display: none; }

.callout-nav { float: right; width: 200px; padding: 20px; background: #e0e0e0; margin: 0 0 15px 15px;  }
.callout-nav ul, .callout-nav li { margin: 0; padding: 0; list-style: none; }
.callout-nav a { color: #666; display: block; padding: 3px; }

.callout-nav li h3 { margin: 0; padding: 0; }
.callout-nav li li { margin-left: 30px; margin-bottom: 0; padding-left: 0; list-style-type: square; color: #666; }
.callout-nav li li a {  }
.callout-nav li ul { margin-top: 0; }
.callout-nav li ul { border-bottom: 1px solid #c9c9c9; padding-bottom: 10px; margin-bottom: 5px; }
.callout-nav li ul ul { border: none; margin-bottom: 0; padding-bottom: 0;}

.callout-nav .anchor-menu a, .callout-nav  .anchor-menu { font-size: 12px; color: #1f6098; }
.callout-nav .anchor-menu { display: none; }
.callout-nav li.current-selected a { color: #1f6098; }
.callout-nav .current-selected .anchor-menu { display: block; }

.main .body-anchor-menu li { font-weight: bold; }
.main .body-anchor-menu li li { font-weight: normal; }

#footer { width: 100%;  background: #222; clear: both; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	height: 45px;
	width: 100%;
	background: #0b1f2f;
	font-size: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	position: relative;
	z-index: 2;
}
nav ul {
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	left: 200px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	padding: 0 25px 0 25px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}

table .txtarea { width: 500px; height: 80px; margin-top: 5px; }

@media only screen and (max-width:768px) {

table { text-align: left; width: 98.5%; }
table td { padding-bottom: 10px; }
table .txtarea { width: 100%; height: 80px; margin-top: 5px; }

.sub-feature h3 { font-size: 150%; }
.sub-feature .list { margin: 10px 0 20px 0; padding: 0; }
.wrapper .caption { width: 94%; position: relative; padding: 3%; bottom: 0; }
.caption .text { font-size: 150%; }


#center #building {  opacity: 0.2; }
#center .text { font-size: 95%; width: 78%; padding: 3%; }
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 740px) {
#mobile-search.hide {position: relative; display: block;}
#search-launch { display: block; }

   .callout-nav ul     { display: none; }
  .callout-nav select { display: inline-block; width: 100%; }
  

#mobile-search { top: 0; right: 15px;  width: 100%; height: 75px;  top: 0; left: 0; z-index: 99999; background: #ccc; display: none; }

#search-launch img { width: 21px; }
#search-launch {  position: absolute; top: 21px; right: 15px;}
#social { display: none; }
nav { background: #36658b; }
nav a:hover, nav a:active {
	background-color: #2a5476;
}

#cancel-search { display: block; }

div#UDStandardHeader_GSA {
  margin: auto;
  position: relative;
  top: 15px; right: 0;
  float: none;
  width: 230px;
}

div#UDStandardHeader_GSA form{
margin:0;
padding:0;
  float: left;
}

input#UDSearchField {
	float: left;
	border: none;
	padding: 15px;
	background:#FFF;
}

input#UDSearchButton {
  height: 45px;
  margin: 0 0 0 5px;
  float: right;
}


#logo-text { position: absolute; left: 59px; top: 15px; height: 35px; }
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
		padding: 0;
		margin: 0;
	position: relative;
	left: 0;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
		padding: 0;
		margin: 0;
		
  	}
  	nav li a {
		border-bottom: 1px solid #255175;
		border-right: 1px solid #255175;
		padding: 0;
		margin: 0;
		text-align: center;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	padding: 0
  	}
  	
  	#logo-full { display: none; }
  	#header { height: auto; }
  	#logo-small { display: block; width: 50px; }
  	#logo-small-link { height: 63px; width: 51px;  display: block;}
  	  	
  	#center { display: none; }
  	

.sub-feature, .sub-feature.middle { width: 100%; padding: 4% 0 0 0; clear: both; border: none; }
  	
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 568px) {

.inner img { height: 44px; }
.cycle-prev, .cycle-next { display: none; }
.callout-nav { float: none; clear: both; margin: 0; width: 94%; padding: 3%; margin-top: 15px; }

.wrapper .main { }
.wrapper .main img { }

.wrapper .main a.read-more, .wrapper .caption a {font-size: 70%; padding-bottom: 5px; }



	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #0b1f2f;
		padding-left: 5%;
		width: 95%;
		position: relative;
		clear: left;
	}
	
	
	nav a#pull:after {
		content:"";
		background: url('../images/elements/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 12px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {

	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}

#footer{font-size: 12px; color: #FFF;}
#footer a { color: #fbed7e; display: inline; padding: 2px 2px 0 0;}

/*Accordion FAQ*/
.faqs-accordion {
  background-color: #eee;
  color: #444;
  font-weight: bold;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.active, .faqs-accordion:hover {
  background-color: #4B7587;
  color: white;	
}

.faqs-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
} 

.faqs-accordion {
	background-color: #D9D9D9;
}

.faqs-accordion:after {
  content: '\02795';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796";
}

.highlighted-box {
	border: 1px solid;
	border-color: #FFD57C;
    margin: 0px;
    padding: 0px;
	background-color: #FFE9BA;
	width: 80%;
	margin:auto;
}

.highlighted-box p {
	text-align: center;
	margin: inherit;
	padding: 5px;
}

.activejob {
	border-radius: 10px;
	background-color: #009DFF;
	font-weight: bold;
	color: white;
	border: white solid 2px;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
}

.inactivejob {
	
}