body { 
	background: #4f7f98 url(/design/img/tile.jpg) no-repeat center top;
	margin: 0 auto;
	font: 12px/18px Arial, Tahoma, sans-serif; 
	color: #4c4c4c; 
	text-align: center; }

/* --------------- Header --------------- */
	
.header { 
	width: 980px; 
	height: 104px;
	position: relative;
   z-index: 10000; }

.header h1.mark, 
.header h1.title,
.header form.search,
.header #nav { position: absolute; } 
	
.header h1.mark { 
	width: 174px; 
	left: 0px; 
	top: 0px;
	display: block;
	text-indent: -9999px;
	z-index: 1000; } 
	h1.mark a { 
		background: url(/design/img/logo-mark.png) no-repeat 0 0; 
		height: 151px;
		display: block; } 
	h1.mark a:hover { background-position: 0 -151px; }
   
   .ie6 h1.mark a { background-image: url(/design/img/logo-mark8.png); } 

.header h1.title {
	font-family: "pragmatica-web", sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase; 	
	text-shadow: 1px 1px 1.5px rgba(0, 0, 0, .3);
	left: 160px; 
	top: 10px; } 
.header h1.title a { color: #fff; }	
.header h1.title a:hover { color: #d2e8f3; }	
.header h1.title a small { font-size: 12px; }		
	
/* Header - Search */
	
.header form.search {
	background: none;
	width: 140px;
	height: 16px;
	padding: 6px 5px;
	top: 7px;
	right: 0;
	text-align: left; }
	.ie6 .header form.search { background-image: none; }
.header form.search:hover {
	display: block; }
	
	.header form.search .input {
		background: none;	
		width: 110px; 	
		padding: 4px 0 0 0;
		position: absolute;
		border: none;
		font-family: Arial, Tahoma, sans-serif; 
			font-size: 10px;
			line-height: 10px; 
			color: #fff;
		float: left;
		cursor: pointer; 
		-webkit-transition: color .3s ease-in;
			-moz-transition: color .3s ease-in;
			-o-transition: color .3s ease-in;
			-ms-transition: color .3s ease-in;
			transition: color .3s ease-in; }	
	.ie .header form.search .input { padding-top: 3px;  }		
	.ie6 .header form.search .input { margin-top: 7px;  }		

		.header form.search .input:hover,
		.header form.search:hover .input { color: #ccddea; }
		.header form.search input:focus { color: #fff; cursor: text; outline: none; }	
		
    
input:-moz-placeholder     { opacity: 1; }
input::-moz-placeholder    { opacity: 1; }
select:-moz-placeholder    { opacity: 1; }
select::-moz-placeholder   { opacity: 1; }
textarea:-moz-placeholder  { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }


	.header form.search .submit { 
		background: url(/design/img/search.png) no-repeat 0 0;	
		width:20px !important; 
		height: 19px; 
		border: none;
		cursor: pointer;
		float: right; }
		.header form.search .submit:hover { 
			background-position: 0 -19px;
			-webkit-transition: background-position .3s ease-in-out;
				-moz-transition: background-position .3s ease-in-out;
				-o-transition: background-position .3s ease-in-out;
				-ms-transition: background-position .3s ease-in-out;
				transition: background-position .3s ease-in-out; }	
		.header form.search .submit:active { 
			background-position: 0 -19px;
			-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none; }	
	
/* --------------- Wrappers --------------- */
						
.wrapper {
	background: #fff url(/design/img/sidebar.png) repeat-y;
	width: 980px; 
	min-height: 300px;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	
	display: block;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .20);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .20);
		box-shadow: 0 0 4px rgba(0, 0, 0, .20); }	
		
.home .wrapper { background-position: right 0; }			
.secondary .wrapper { background-position: 720px 0; }			
.secondary.secfront .wrapper { background-image: none; }			
	

/* -------  Publications Promos ------- */

.publication a.pad {
	padding: 0 0 10px 110px;
	color: #4c4c4c;	
	font-size: 11px;
	display: block; }

.publication a.pad .cover {	
	background-position: center center;
	width: 90px;
    height: 110px;
	display: block;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);	
		-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);	
		-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);		
    float: left;
    margin: 0 15px 0 -103px; }	
.publication a.pad:hover .cover {	
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);	
		-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }	
.publication a.pad:active .cover {	
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);	
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);	
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }	
		
.publication a.pad .more {
	padding: 2px 0;
	font-family: "pragmatica-web", sans-serif;	
		color: #920026;	
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 400;
	display: block;
	position: relative; }
.publication a.pad:hover .more { color: #00599b; }

	.publication a.pad .more span.icon { 
		background: url(/design/img/more.png) no-repeat -14px 0;	
		width: 14px; 
		height: 14px;
		margin-left: 3px;
		position: absolute;
			top: 3px;
		display: inline-block;
		-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			transition: all .2s ease-out; }
		
	.publication a.pad:hover .more span.icon { background-position: 0 0; }	


/* --------------- Box Styling --------------- */

.box { 
	background: #d7d7d7;
	-moz-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
		box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;				
	padding: 10px;
	margin: 0 0 10px;
	font-size: 14px;
	text-align: left; }		
.box:last-child { margin-bottom: 0; }	
.ie8 .secfront .box { background-image: url(/design/img/blue-px.png) !important;  }

.action-promo {
  display: block;
}
.action-promo img {
  -moz-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px;  	
  display: block;
}

.box h3 { 
	font-family: "pragmatica-web", sans-serif;
	font-size: 18px;
	color: #073a62; 
	padding: 5px 0 0 5px;
	text-transform: uppercase;  } 
.box h3 a { color: #073a62; } 
.box h3 a:hover { color: #9a002c; } 
.box h3 a:active {  color: #62001c; } 


						
/* --------------- Promos --------------- */
						
.promos {
	width: 980px;
	margin: 10px auto; }		

.promo { 
	width: 150px;
	float: left;
	margin-right: 10px; }	

.promo.last { margin-right: 0; }		
.promo a {
	background: #002038;
	height: 125px;	
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	
	display: block;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .20);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .20);
		box-shadow: 0 0 4px rgba(0, 0, 0, .20); }	
		
.directory {
	background: #fff;
	width: 320px;	
	height: 105px;
	padding: 10px;
	margin-right: 10px;
	float: left;
	text-align: left;	
	position: relative;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;		
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .20);
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .20);
		box-shadow: 1px 1px 2pxx rgba(0, 0, 0, .20); }	
	
	.directory h3 { 
		font-family: "pragmatica-web", sans-serif;
		font-size: 22px;
		color: #00355d; 
		padding: 7px 0 0 5px;
		text-transform: uppercase;  } 
	.directory h3 a { color: #00355d; } 
	.directory h3 a:hover { color: #9a002c; } 
	.directory h3 a:active {  color: #62001c; } 

		.directory  #map { 
			width: 190px;
			height: 116px;
			position: absolute;
			top: 4px;
			right: 4px; }
									
		.directory  select, 
		.directory  a.enlarge {
			background: #145676;
				background: -moz-linear-gradient(top, #bf0037, #9a002c);
				background: -webkit-gradient(linear, left top, left bottom, from(#bf0037), to(#9a002c));
				filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#bf0037', EndColorStr='#9a002c', GradientType=0 );
			border-radius: 4px;            
				-moz-border-radius: 4px; 
				-webkit-border-radius: 4px;
			padding: 5px;
			border: 0;			
			cursor: pointer; 
			font-family: Arial, Helvetica, sans-serif;  
			text-transform: uppercase;
			font-size: 11px;
			color: #fff;
			position: absolute;
			left: 12px; }	
		.directory  select:hover, 
		.directory  a.enlarge:hover {
			background: #2291c7;
				background: -moz-linear-gradient(top, #003d70, #00284a);
				background: -webkit-gradient(linear, left top, left bottom, from(#003d70), to(#00284a));
				filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#003d70', EndColorStr='#00284a', GradientType=0 ); 
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
				box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); }	
		.directory  select:focus, 
		.directory  a.enlarge:active {
			background: #adadad;
				background: -moz-linear-gradient(top, #00284a, #003d70);
				background: -webkit-gradient(linear, left top, left bottom, from(#00284a), to(#003d70));
				filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#00284a', EndColorStr='#003d70', GradientType=0 );
			box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35);				
				-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35);
				-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35);
			color: #fff; }	
		.directory  select:focus option { color: #00284a; }			
		.directory  select { top: 50px; width: 130px; }

		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.directory  select { color: #00284a }
			.directory  select:hover { color: #003d70 } 
			.directory  select:active { color: #003d70 } 
		}
		
		.directory  a.enlarge { 
			width: 116px;
			padding: 4px 4px 4px 10px;
			font-size: 11px;
			display: block;
			top: 83px; }	
						
		.directory  a.enlarge span.hour-glass { 
			background: url(/design/img/go.png) no-repeat 0 0;	
			width: 18px; 
			height: 17px;
			margin: 1px 0 0 0;
			display: block;
			float: right;
			-webkit-transition: all .2s ease-out;
				-moz-transition: all .2s ease-out;
				-o-transition: all .2s ease-out;
				-ms-transition: all .2s ease-out;
				transition: all .2s ease-out; }
			
		.directory  a.enlarge:hover span.hour-glass { background-position: 0 -17px; }				

				
/* --------------- Footer --------------- */

.footer {
	width: 980px; 
	padding: 0 0 10px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #fff; }
	
.footer a { color: #002038; }
.footer a:hover { color: #a6c6dd; }

	.footer strong { 
		padding-bottom: 6px;
		font-size: 13px;
		font-weight: normal;
		display: block; }
	
	.footer span.right { 
		float: right;
		text-align: right; }
		
	.footer span.credit { 
		display: block;
		padding-top: 10px; }



.fallen-promo {
  background: radial-gradient(circle, #061c34 0%, #073a62 100%);
  display: block;
  -moz-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 1.5px 1.5px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px;    
  padding: 1.5rem;
  text-align: center;
  margin: 0 0 10px;
  box-sizing: border-box;
}
.fallen-promo:hover {
  background: radial-gradient(circle, #073a62 0%, #061c34 100%);
}
.fallen-promo-img {
  width: 100%;
  margin: 0 auto;
}