/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/ /*removed to enable standard HTML tags - BP - Mar 02, 2015*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

/* Style tag */
#content H1{
	font: 34px/130% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50;
	margin: 0 0 18px;
}
#content H2{
	font: 28px/120% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content H3{
	font: 20px/120% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content  H4{
	font: 18px/133% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content  H5{
	font: 16px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content  H6{
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content  P ,
#content UL, 
#content PRE,
#content OL, 
#content  BLOCKQUOTE, 
#content  FORM, 
#content  INPUT, 
#content TEXTAREA,
#content SELECT, 
#content BUTTON,
#content TABLE,
#content TR,
#content TD,
#content TH {
	margin: 0 0 30px;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
}
#content   TH, #content  TD {
	padding: 10px;
}
#content .options TD {
	padding: 0;
}
#content A,
#content-rr A { 
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #e74b3c;
}
#content .alignleft {
	float: left;
	margin: 0 10px 10px 0 ;
}
#content .alignright {
	float: right;
	margin: 0 0 10px 10px;
}
#content UL,
#content-rr UL {
	list-style-type: disc;
	margin: 0 18px 10px;
}
#content OL,
#content-rr OL {
	list-style-type: decimal ;
	margin: 0 18px 10px;
}
#content OL LI, 
#content UL LI,
#content-rr OL LI, 
#content-rr UL LI {
	margin: 0 0 10px;
}
TEXTAREA { 
	resize:none;
	overflow: auto;
 }
A:focus {
	outline: 0;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}

/*added to remove link underline in slider div - BP - Mar 05, 2015*/
#content .slider-area A:hover {
	text-decoration: none;
}
#content .slider-area P A:hover {
	text-decoration: underline;
}
/*---------------------------------------------*/
	
A { text-decoration: none; }
A:HOVER { text-decoration: underline; }
IMG { border: none; display: block;}
LABEL { cursor: pointer; }
BUTTON SPAN {display: none;}
BUTTON { cursor: pointer;}
* {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner { 
	border: none;
	padding:0;
	margin:0;
}

/*input:focus{
	border: none;
	outline: none;
}*/ /*BP - Mar, 30 2015*/

/* End Style tag */
html {
	height: 100%;
	-webkit-text-size-adjust:none;
}
BODY {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	height: 100%;
	min-width:360px; /*added by gc*/
}
.wrapper{
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}
FOOTER {
	display: table-row;
	height: 1px;
}
.container{
	max-width: 990px;
	margin: auto;
	padding: 0 15px;
}

/* HEADER */
HEADER {
	background: #2d3e50;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 0 17px;
	z-index: 1000;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	min-width:360px; /*added by GC 27 Nov 2015*/
}
HEADER.smaller {
	padding: 7px 0 10px;
}
.logo,
.logo-footer {
	float: left;
	width: 37%;
}
.logo A,
.logo-footer A{
	display: inline-block;
	vertical-align: top;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.logo A:hover{
	text-decoration: none;
}
.logo IMG{
	max-width: 100%;
	height: 80px;
}
HEADER.smaller .logo IMG{
	height: 53px;
}
.btn-header {
	float: right;
	/*width: 10.5%;*/ /* ML June 4, 2021 */
	font-size: 0;
	margin: 29px 0 0;
}
HEADER.smaller .btn-header {
	margin-top: 16px;
}
.social-box {
	display: inline-block;
	vertical-align: top;
	width: 74%; 
	text-align: right;
	font-size: 0;
}
.social-box LI{
	display: inline-block;
	vertical-align: middle;
	/* height: 100%;  remarked by gc 2017-05-24*/
	margin: 0 0 0 20px;
}
.social-box A{
	display: block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.social-box A:hover{
	text-decoration: none;
}
.social-box .tw A{
	width: 23px;
	height: 19px;
	background: url("../../images/sprite.png") 0 -586px no-repeat; 
}
.social-box .tw A:hover{
	background-position: 0 -605px; 
}
.social-box .fb{
	width: 11px;
	height: 22px;
	background: url("../../images/sprite.png") 0 -64px no-repeat; 
}
.social-box .fb:hover{	/*edited by IF - Jan 27, 2016 - old: .social-box .fb A:hover*/
	background-position: 0 -86px;
}
.search-box {
	display: inline-block;
	vertical-align: top;
	width: 26%; 
	position: relative;
}
.search-box .search-btn{
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../images/sprite.png") 0 -460px no-repeat; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.search-box .search-btn:hover{
	background-position: 0 -484px; 
	text-decoration: none;
}
.search-form {
	-webkit-transition: all 0.5s ease-in-out 0s; 
	-moz-transition: all 0.5s ease-in-out 0s; 
	-o-transition:: all 0.5s ease-in-out 0s; 
	transition: all 0.5s ease-in-out 0s; 
	position: absolute;
	width: 407px; 
	right: -34px;
	bottom: -25px;
	font-size: 0;
	height: 0;
	overflow: hidden;
}
.open .search-form {
	height: 36px;
	bottom: -61px;
}
HEADER.smaller .open .search-form {
	bottom: -59px;
}
.search-form INPUT {
	display: inline-block;
	vertical-align: bottom;	
	/* edited by gc on 2017-05-24 from => vertical-align: top; */
	width: 75%;
	padding: 0 15px;
	height: 36px; /* edited by gc on 2017-05-24 from => height: 35px; */
	border: 1px solid #2d3e50;
	border-top: none;
	border-right: none;
	background: #fff;
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}
.search-form INPUT:-moz-placeholder {
	font: 14px/35px 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	opacity: 1;
}
.search-form INPUT::-moz-placeholder {
	font: 14px/35px 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	opacity: 1;
}
.search-form INPUT:-ms-input-placeholder {
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	opacity: 1;
}
.search-form INPUT::-webkit-input-placeholder {
	font: 14px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	opacity: 1;
}
.search-form BUTTON {
	display: inline-block;
	vertical-align: bottom;	
	/* edited by gc on 2017-05-24 from => vertical-align: top; */
	font: 15px/35px 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	border: none;
	background: #e74b3c;
	text-align: center;
	width: 25%;
	padding: 0 5px;
	text-transform: uppercase;
	height: 36px; /* edited by gc on 2017-05-24 from => height: 35px; */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.search-form BUTTON:hover {
	background: #b93c30;
}

/* NAV */
NAV {
	float: left; /* edited by gc 2017-05-24 from => float: right; */
	/*width: 52.5%;*/ /* ML June 4, 2021 */
	width:60%; /* ML June 4, 2021 */
	text-align: right;
	font-size: 0;
	margin: 33px 0 0;
}
HEADER.smaller NAV {
	margin: 20px 0 0;
}
.btn-menu {
	display: none;
	width: 36px;
	height: 36px;
	border: 2px solid #fff;
	border-radius: 3px;
	padding: 6px 0 0;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 	
}
.btn-menu SPAN{
	display: block;
	width: 24px;
	height: 3px;
	border-radius: 3px;
	background: #fff;
	margin: 0 auto 5px;
}
footer NAV {
	float: right;
}
footer .lg-screen.menu {
	padding: 0;
}
.lg-screen.menu {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	text-align: left;
	padding: 0 40px 0 0;
}
.lg-screen.menu LI{
	display: inline-block;
	vertical-align: top;
	font: 18px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	/*margin: 0 0 0 36px;*/ /* ML June 4, 2021*/
	margin: 0 0 0 25px; /* ML June 4, 2021*/
}
.lg-screen.menu A{
	display: block;
	font: 18px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
}
.lg-screen.menu .active A,
.lg-screen.menu A:hover{
	text-decoration: none;
	color: #e74b3c;
}
.open .sm-screen.menu {
	display: block;
}
.sm-screen.menu {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	background: #f1f1f1;
	border-radius: 3px;
	margin: 0;
	width: 100%;
}
.sm-screen.menu A{
	text-align: left;
	display: block;
	font: 18px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	padding: 10px 15px;
}
.sm-screen.menu .active A,
.sm-screen.menu A:hover{
	text-decoration: none;
	color: #e74b3c;
}

/* content */
#content {
	padding: 152px 0 50px;
}
#content .slider-area{
	margin: 0 0 54px;
}

/* slider-for */
#content .slider-for {
	margin: 0;
}
#content .slider-for .item {
	position: relative;
}
#content .slider-for .item IMG{
	width: 100%;	/*edited by IF - jan 26, 2016 - old: max-width*/
	/* height:	478px; */ /*added by IF - Jan 26, 2016*/
	height: auto;
}
#content .slider-for .text-box{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 55px;
	padding: 15px 50px;
	z-index: 10;
	color: white; /*added to make font color white - BP - 06 Mar, 2015*/
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));	/*added by IF - Jan 27, 2016 - issue: text on the homepage sliders being illegible, due to the white font. use "floor fade"*/
}
#content .slider-for .text-box H2{
	font: 34px/120% 'Noto Serif', Arial, Helvetica, san-serif;
	color: white; /*added to make font color white - BP - 06 Mar, 2015*/
	margin: 0 0 11px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
#content .slider-for .text-box P{
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: white; /*added to make font color white - BP - 06 Mar, 2015*/
	margin: 0;
	text-shadow: 0 1px 0 black;		/*added by IF - Jan 27, 2016 - text shadow for combining "floor fade"*/
}
#content .slider-for .text-box P STRONG{
	display: inline-block;
	vertical-align: top;
	margin: 0 22px 0 0;
	color: white; /*added to make font color white - BP - 06 Mar, 2015*/
}
#sync1 .slider-for P SPAN{
	display: inline-block;
	vertical-align: top;
	font-style: italic;
}

/* slider-nav */
#content .slider-nav  {
	margin: 0;
}
#content .slider-nav .slick-list {
	margin: -16px 0 0;
	position: relative;
	z-index: 10;
}
#content .slider-nav .item {
	background: #f1f1f1;
	padding: 18px;
	position: relative;
}
#content .slider-nav .item:hover {
	cursor: pointer;
} 
#content .slider-nav .item.slick-focus{
	background: #f7f7f7;
} 
#content .slider-nav .slick-track{
	position: relative;
	padding: 16px 0 0;
}
#content .slider-nav .item.slick-focus:before{
	content: "";
	position: absolute;
	z-index: 20;
	left: 50%;
	top: -16px;
	margin: 0 0 0 -8px;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-bottom: 16px solid #f7f7f7;
} 
#content .slider-nav .item.slick-focus IMG {
	opacity: 0.25;
}
#content .slider-nav .item IMG{
	display: inline-block;
	vertical-align: top;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 14px 0 0;
} 
#content .slider-nav .item P{
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin: 0;
	font: 20px/123% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
	height: 75px;
	overflow: hidden;
} 
#content .slider-nav .item:hover P{
	color: #e74b3c;
} 
#content .slider-nav .item.slick-focus P {
	opacity: 0.25;
}
#content .slider-nav .item.slick-focus:hover P {
	color: #343434;
}

/*added by IF - Jan 27, 2016 - small circles navigation that indicate which slider is currently being viewed*/
.slick-dots { 
	right: 3px;  
	bottom: -10px;  
	width: auto;
}
.slick-dots li button {
	background: #1f201b none repeat scroll 0 0;
	border: 2px solid #171313;
	border-radius: 8px;
	height: 12px;
	position: relative;
	width: 12px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
}

.slick-dots li.slick-active button {
	background: #46abc8 none repeat scroll 0 0;
	cursor: default;
}
/*end of - added by IF - Jan 27, 2016 - small circles navigation that indicate which slider is currently being viewed*/

/* prev-next-button */
#content .slick-prev:before, 
#content .slick-next:before {
	display: none;
}
#content .slider-nav .slick-prev {
    position: absolute;
	left: 5px;
	top: 50%;
	z-index: 100;
	width: 16px;
	height: 24px;
	background: url("../../images/sprite.png") 0 -326px no-repeat;
	text-indent: -9999em;
}
#content .slider-nav .slick-next {
    position: absolute;
	right: 5px;
	top: 50%;
	z-index: 100;
	width: 16px;
	height: 24px;
	background: url("../../images/sprite.png") 0 -350px no-repeat;
	text-indent: -9999em;
}

/*added by IF - Feb 1, 2016 - prev/next arrow on homepage feature image slider*/
#content .slider-for .slick-prev {
    position: absolute;
	left: -40px;
	top: 50%;
	z-index: 100;
	width: 16px;
	height: 24px;
	background: url("../../images/sprite.png") 0 -326px no-repeat;
	text-indent: -9999em;
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.3s ease 0s;
}
#content .slider-for .slick-next {
    position: absolute;
	right: -40px;
	top: 50%;
	z-index: 100;
	width: 16px;
	height: 24px;
	background: url("../../images/sprite.png") 0 -350px no-repeat;
	text-indent: -9999em;
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.3s ease 0s;
}
#content .slider-for:hover > .slick-prev {
	opacity: 0.7;
	transition: all 0.3s ease 0s;
	/* left: calc(100% - 945px); */ left: 0;
}
#content .slider-for:hover > .slick-next {
	opacity: 0.7;
	transition: all 0.3s ease 0s;
	/* right: calc(100% - 945px); */ right: 0; 
}
#content .slider-for .slick-prev:hover, 
#content .slider-for .slick-next:hover {
	opacity: 1;				
}
/*end of - added by IF - Feb 1, 2016 - prev/next arrow on homepage feature image slider*/

/* large-area */
#content .large-area {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 54px;
}
#content .rumsfeld-archives {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	border-right: 1px solid #eaeaea;
	padding: 0 29px 0 0;
}
#content .rumsfeld-twitter {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 29px;
}
#content .rumsfeld-timeline { /* ML June 4, 2021 */
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 29px;
}
#content .rumsfeld-archives H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content .rumsfeld-timeline H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content .rumsfeld-timeline .timeline-img {
	max-width: 100%;
}
#content .video-box {
	position: relative;
	max-width: 450px;
	width: 100%;
	margin: auto;
}
#content .video-box IMG{
	max-width: 100%;
}
#content .video-box .play-btn {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
	background: url("../../images/sprite.png") 0 -256px no-repeat;
	z-index: 10;
}
#content .video-box .title-video {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 34px;
	padding: 0 20px;
	z-index: 5;
	font: 24px/100% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #fff;
	margin: 0;
}
#content .search-document-form {
	background: #f1f1f1;
	padding: 15px 20px;
	max-width: 450px;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
#content .search-document-form INPUT {
	display: block;
	float: left;
	width: 75%;
	padding: 0 13px;
	height: 35px;
	border: none;
	background: #fff;
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #48647c;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}
#content .search-document-form INPUT:-moz-placeholder {
	font: 14px/35px 'Noto Sans', Arial, Helvetica, san-serif;
	color: #48647c;
	opacity: 1;
}
#content .search-document-form INPUT::-moz-placeholder {
	font: 14px/35px 'Noto Sans', Arial, Helvetica, san-serif;
	color: #48647c;
	opacity: 1;
}
#content .search-document-form INPUT:-ms-input-placeholder {
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #48647c;
	opacity: 1;
}
#content .search-document-form INPUT::-webkit-input-placeholder {
	font: 14px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #48647c;
	opacity: 1;
}
#content .search-document-form BUTTON,
#content .rumsfeld-timeline .timeline-link /* ML June 4, 2021 */
{
	display: inline-block;
	vertical-align: top;
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	border: none;
	background: #e74b3c;
	text-align: center;
	width: 25%;
	padding: 10px 5px;
	text-transform: uppercase;
	margin: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
#content .rumsfeld-timeline .timeline-link { /* ML June 4, 2021 */
	width:auto;
	padding: 10px 15px;
}
#content .rumsfeld-timeline .timeline-link-container { /* ML June 4, 2021 */
	text-align: center;
    padding: 15px 0 5px 0;
    background: #f1f1f1;
    height: 65px;
    vertical-align: middle;
}
#content .search-document-form BUTTON:hover,
#content .rumsfeld-timeline .timeline-link:hover  /* ML June 4, 2021 */
{
	background: #b93c30;
	text-decoration: none;
}
#content .rumsfeld-twitter H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
}
#content .rumsfeld-twitter H6 {
	font: 16px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #3f491b;
	margin: 0 0 18px;
}
#content .rumsfeld-twitter H6 A {
	color: #a2a2a2;
}
#content .rumsfeld-twitter H6 A:hover {
	color: #b93c30;
	text-decoration: none;
}
#content .twitter-box {
	margin: 0;
	list-style: none;
}
#content .twitter-box LI{
	margin: 0;
	padding: 0 0 0 39px;
	position: relative;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	font-style: italic;
	margin: 0 0 31px;
}
#content .twitter-box LI:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 17px;
	height: 14px;
	background: url("../../images/sprite.png") 0 -128px no-repeat;
}
#content .twitter-box LI A{
	color: #48647c;
	font-style: italic;
}
#content .twitter-box LI A:hover{
	color: #b93c30;
	text-decoration: none;
}
#content .twitter-box LI .time-ago{
	font-style: normal;
	color: #a2a2a2;
	font-size: 15px;
	text-decoration: underline;
}
#content .twitter-box LI .time-ago:hover{
	text-decoration: none;
	color: #b93c30; 	/*edited by IF - Jan 27, 2016 - old: #a2a2a2*/
}

/* latest-resources-area new */

#content .latest-resources-area-new {
	background: #f1f1f1;
    padding: 40px 10px 10px 10px;
    font-size: 0;
    margin: 0 0 37px;
    text-align: center;
}

#content .latest-resources-area-new .box-row {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
	margin-bottom: 15px;
}

#content .latest-resources-area-new .box-row .box {
	width: 275px;
    text-align: left;
}

#content .latest-resources-area-new .box-row .box .img-link{
	display:inline-block;
}

#content .latest-resources-area-new .box-row .box img{
	display:inline-block;
	width: 50px;
    margin-right: 20px;
}

#content .latest-resources-area-new .box-row .box .text-box{
	display:inline-block;
	vertical-align: top;
	padding-top: 18px;
}

#content .latest-resources-area-new .box-row .box .text-box h5,
#content .latest-resources-area-new .box-row .box .text-box h5 a{
	font: 18px/100% 'Noto Serif', Arial, Helvetica, san-serif;
    color: #343434;
    margin: 0 0 9px;
}

#content .latest-resources-area-new .box-row .box .text-box h5 a:hover{
	color: #b93c30;
    text-decoration: none;
}

#content .latest-resources-area-new .box-row .box .text-box h6 {
	font: 13px/100% 'Noto Sans', Arial, Helvetica, san-serif;
    color: #e74b3c;
    text-transform: uppercase;
    margin: 0;
}

#content .latest-resources-area-new .box-row .box .text-box h6 a {
	font: 13px/100% 'Noto Sans', Arial, Helvetica, san-serif;
    color: #e74b3c;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 20px 0 0;
    text-decoration: none;
}

#content .latest-resources-area-new .box-row .box .text-box h6 a:hover {
	text-decoration: none;
    color: #b93c30;
	text-decoration: underline;
}

#content .latest-resources-area-new .box-row .box .text-box h6 a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 1px;
	width: 12px;
	height: 11px;
	background: url("../../images/sprite.png") 0 -162px no-repeat;
}

/* latest-resources-area */
#content .latest-resources-area {
	background: #f1f1f1;
	padding: 17px 10px 0 10px;
	font-size: 0;
	margin: 0 0 37px;
	text-align: center;
}
#content .wrap-latest-resources-area {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	/*text-align: left;*/	/*remarked by IF - Jan 22, 2016 - centered icon*/
}
#content .wrap-latest-resources-area >*{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin: 0;
	width: 279px;
	padding: 0 0 17px;
}
#content .wrap-latest-resources-area > H3{
	width: 233px;
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 29px 0 0;
}
#content .latest-resources-area .box {
	font-size: 0;	
	width: 300px;					/*added by IF - Jan 22, 2016 - icon and text not inline issue in opera and safari*/
}
#content .wrap-latest-resources-area  .text-box {
	text-align: left;				/*added by IF - Jan 22, 2016 - icon text align left*/
	max-width: 210px !important;	/*added by IF - Jan 22, 2016 - icon's text issue in opera and safari*/
}
/*BP - Oct 1, 2015*/	
@media all and (min-width: 870px) {
	#content .latest-resources-area .box:nth-child(5){
		margin-left: -18px;
		-webkit-margin-start: -18px;
	}
	#content .latest-resources-area .box:nth-child(4), #content .latest-resources-area .box:nth-child(6){
		margin-left: initial;
		-webkit-margin-start: initial;
	}
}
#content .latest-resources-area .box .social{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	margin: -10px 20px 0 0;	
}
/*----------------------------------------------------------*/
#content .latest-resources-area .box IMG{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	margin: 0 20px 0 0;	
}
#content .latest-resources-area .box .text-box{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	max-width: 209px;
	width: 100%;
	margin: 0;
}
#content .latest-resources-area .box H5, 
#content .latest-resources-area .box H5 A{
	font: 20px/100% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 14px;
}
#content .latest-resources-area .box H5:hover,
#content .latest-resources-area .box H5 A:hover{	/*added by IF - Jan 27, 2016*/
	color: #b93c30;
	text-decoration: none;
}
#content .latest-resources-area .box H6 {
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #e74b3c;
	text-transform: uppercase;
	margin: 0;
}
#content .latest-resources-area .box H6 A{
	font: 14px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #e74b3c;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 20px 0 0;
	text-decoration: underline;		/*added by IF - Jan 27, 2016*/
}
#content .latest-resources-area .box H6 A:after{
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	width: 12px;
	height: 11px;
	background: url("../../images/sprite.png") 0 -162px no-repeat;
}
#content .latest-resources-area .box H6 A:hover{
	text-decoration: none;
	color: #b93c30;
}
#content .latest-resources-area .box H6 A:hover:after{
	background-position: 0 -173px;
}

/* news-area */
#content .news-area {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 27px;
}
#content .news-area .news-box{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	border-right: 1px solid #eaeaea;
	padding: 0 30px 0 0;
}
#content .news-area .events-schedule-box{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 30px;
}
#content .news-area .news-box H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 30px;
}
#content .news-list {
	list-style: none;
	margin: 0;
}
#content .news-list LI{
	margin: 0 0 27px;
	font-size: 0;
}
#content .news-list LI>A{
	display: inline-block;
	vertical-align: top;
	width: 83px;
	height: 83px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 29px 0 0;
}

/*added to make circle image without <a> - BP - Mar 02, 2015*/
#content .news-list LI>IMG{
	display: inline-block;
	vertical-align: top;
	width: 83px;
	height: 83px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 29px 0 0;
}
/*------------------------------------------------*/

#content .news-list LI>A:hover{
	text-decoration: none;
	opacity: 0.8;
}
#content .news-list .text-box{
	display: inline-block;
	vertical-align: top;
	max-width: 317px;
	width: 100%;
}
#content .news-list .text-box H4{
	font: 20px/120% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 10px;
}
#content .news-list .text-box H4 A{
	font: 20px/120% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
}
#content .news-list .text-box H4 A:hover{	/*added by IF - Jan 27, 2016*/
	color: #b93c30;
}
#content .news-list .text-box P{
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #a2a2a2;
	margin: 0;
}
#content .news-list .text-box P SPAN{
	display: inline-block;
	vertical-align: top;
	margin: 0 19px 0 0;
}
#content .news-list .text-box P STRONG{
	display: inline-block;
	vertical-align: top;
	font-style: italic;
}
#content .news-area .events-schedule-box H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 30px;
}
#content .events-schedule-list {
	list-style: none;
	margin: 0;
}
#content .events-schedule-list A:HOVER {
	text-decoration: none;
}
#content .events-schedule-list LI{
	margin: 0 0 52px;
}
#content .events-schedule-list .date{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	margin: 0 8px 0 0;
}
#content .events-schedule-list .date SPAN{
	display: block;
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 3px;
}
#content .events-schedule-list .date STRONG{
	display: block;
	font: 26px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 3px;
}
#content .events-schedule-list .date I{
	display: block;
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0;
}
#content .events-schedule-list .text-box{
	display: inline-block;
	vertical-align: top;
	max-width: 270px;
	width: 100%;
}
#content .events-schedule-list .text-box H5{
	/* font: 20px/100% 'Noto Serif', Arial, Helvetica, san-serif; */
	font: 20px/140% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 7px;
}
#content .events-schedule-list .text-box a H5:hover{	/*added by IF - Jan 27, 2016*/
	color: #b93c30;
	text-decoration: underline;
}
#content .events-schedule-list .text-box H6{
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #a2a2a2;
	margin: 0;
}

/*news and events landing pages -- BP -- Sep 2, 2015*/

.wrapper #content .container .wrap-content .main-content .mediaList {
	border-bottom: solid 1px rgba(162, 162, 162, 0.2);
	margin-bottom: 30px;		
}

.wrapper #content .container .wrap-content .main-content .mediaList H2 {
	/* font: 22px/100% 'Noto Serif', Arial, Helvetica, san-serif; */
	font: 22px/140% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50 !important;
	text-decoration: none !important;
}

.wrapper #content .container .wrap-content .main-content .mediaList H2 A {
	font: 22px/100% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50 !important;
	text-decoration: none !important;
}

.wrapper #content .container .wrap-content .main-content .mediaList P SPAN {
	display: inline;
	color: #a2a2a2 !important;	
}

.wrapper #content .container .wrap-content .main-content .mediaList A {
	color: #045FB4 !important;	
}

.wrapper #content .container .wrap-content .main-content .mediaList A IMG {
	display: inline;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;	
	padding-left: 0px;
	float: left;	
}

.wrapper #content .container .wrap-content .main-content .mediaList IMG {
	display: inline;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;	
	padding-left: 0px;
	float: left;	
}

.list-nav {
	margin-left: -11px;
}

.date-left {
	margin-left: 50px;
}

/*Rumsfeld's Rule -- BP -- Aug 25, 2015*/
.rule-source {
	display: inline;
	color: #a2a2a2 !important;
}

.rule-date {
	display: inline;
	margin-left: 50px;
	color: #a2a2a2 !important;
}

.rule-date-left {
	display: inline;
	color: #a2a2a2 !important;
}

.rule-content {
	margin-top: 50px !important;	
}

.wrapper #content .container .wrap-content .main-content .ruleList {
	margin-bottom: 50px !important;
	overflow: auto;
}

.wrapper #content .container .wrap-content .main-content .ruleList H2 {
	font: 22px/100% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50 !important;
	text-decoration: none !important;		
}

.wrapper #content .container .wrap-content .main-content .ruleList H2 A {
	font: 22px/100% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50 !important;
	text-decoration: none !important;
}

.wrapper #content .container .wrap-content .main-content .ruleList SPAN {
	display: inline;
	color: #a2a2a2 !important;	
}

.wrapper #content .container .wrap-content .main-content .ruleList A IMG {
	display: inline;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;	
	padding-left: 0px;
	float: left;
}
/*--------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------*/

/* FOOTER */
FOOTER {
	background: #2d3e50;	
}
FOOTER .container{
	padding-top: 50px;
	padding-bottom: 30px;
}
.top-footer {
	font-size: 0;
}
.footer-logo {
	display: inline-block;
	vertical-align: top;
	max-width: 368px;
	width: 100%;
}
.footer-logo IMG {
	max-width: 100%;
}
.nav-bar {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	max-width: 592px;
	width: 100%;
	font-size: 0;
}
.nav-bar LI{
	font: 18px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	margin: 20px 0 0 34px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.nav-bar A{
	font: 18px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	margin: 0;
}
.nav-bar A:hover{
	text-decoration: none;
	color: #b93c30;
}
.bottom-footer {
	font-size: 0;
	text-align: right;
}
.copyright {
	/* remarked by gc 7/19/2017 */
	/*text-align: left;
	display: inline-block;
	vertical-align: middle;
	height: 100%;*/
	font: 13px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	margin: 7px 0 20px;
	
	/* added by gc 7/19/2017 */
	float:right;
	clear: both;
}

/* added by gc 7/19/2017 */
.power{
	float:right;
	clear: both;
	margin-bottom: 8px;
}
.power img{
	display: inline;
}
.footer-social  {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 0;
	padding: 0 0 0 15px;
}
.footer-social LI{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin: 0 0 0 20px;
}
.footer-social A{
	display: block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.footer-social A:hover{
	text-decoration: none;
}
.footer-social .tw A{
	width: 23px;
	height: 19px;
	background: url("../../images/sprite.png") 0 -586px no-repeat; 
}
.footer-social .tw A:hover{
	background-position: 0 -605px; 
}
.footer-social .fb A{
	width: 11px;
	height: 22px;
	background: url("../../images/sprite.png") 0 -64px no-repeat; 
}
.footer-social .fb A:hover{
	background-position: 0 -86px;
}

/* detail-page */
#content .wrap-content {
	display: table;
	width: 100%;
	table-layout: relative;
	right: 25.4%;
}
#content .main-content {
	float:left; /*display: table-cell; - remarked - SF,16may2018*/
	vertical-align: top;
	width: 715px;	
}
#content .main-content .wrap-img {
	position: relative;
	margin: 0 0 12px;
}
#content .main-content .wrap-img:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url("../../images/bg-img.png") left bottom no-repeat; 
}
#content .main-content .wrap-img IMG{
	max-width: 100%;
}
#content .main-content .text-area {
	padding: 0 20px 0 0;
}
#content .main-content H2{
	font: 34px/120% 'Noto Serif', Arial, Helvetica, san-serif;
	color: #2d3e50;
	margin: 0 0 10px;
}
#content .main-content H4{
	font: 18px/120% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #000;
	margin: 0 0 15px;
}
#content .main-content H6{
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #a2a2a2;
	margin: 0 0 28px;
}
#content .main-content H6 SPAN{
	display: inline-block;
	vertical-align: top;
	margin: 0 25px 0 0;
}
#content .main-content H6 STRONG{
	display: inline-block;
	vertical-align: top;
	font-style: italic;
}
#content .main-content P{
	font: 16px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 26px;
	overflow:hidden;	/*SF - added - 3/2/2016 */
}
#content .main-content pre{
	white-space:pre-wrap;
}

/* sidebar */
#content .sidebar {
	display: table-cell;
	vertical-align: top;
	width: 25.4%;
	padding: 0 0 0 30px;
	border-left: 1px solid #eaeaea;
	word-break: break-word; /*added by gc 2017-05-29*/
	word-wrap: break-word;	/*added by IF - Aug 7, 2017*/
	max-width: 212px;		/*added by IF - Aug 7, 2017*/
}
#content .sublinks-box H3{
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 20px;
}
#content .sublinks-list {
	list-style: none;
	margin: 0;
	padding-bottom: 33px;
}
#content .sublinks-list LI{
	margin: 0 0 19px;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;		/*edited by IF - Aug 7, 2017 - old: 17px/100% - fix font size and space between rows*/
	color: #2d3e50;
}
#content .sublinks-list A{
	/*font: 17px/100% 'Noto Sans', Arial, Helvetica, san-serif;*/	/*remarked by IF - Aug 7, 2017 - fix font size and space between rows*/
	color: #2d3e50;
}
#content .sublinks-list A:hover{
	text-decoration: none;
	color: #b93c30;
}

/*added to styling child pages - BP - Mar 10, 2015*/
#content .sublinks-list LI.child A {
   text-decoration: none;
   display: block;
   /*width: 150px;*/ 	/*remarked by IF - Aug 7, 2017 - fix child nav width*/
   padding: 0px 0px 0px 20px;
}
/*-----------------------------------------*/

/*added to styling active page - BP - Mar 10, 2015*/
#content .sublinks-list LI.active A {
   color: #b93c30;
}
/*-----------------------------------------*/

#content .sidebar .small-box {
	padding-bottom: 33px;
}
#content .sidebar .small-box IMG{
	max-width: 215px;
	margin-bottom: 12px;
	margin-top: 12px;
}
#content .sidebar .small-box A IMG{
	max-width: 215px;
	margin-bottom: -5px;
	margin-top: 12px;
}
#content .sidebar .small-box P{
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif;	/*edited by IF - Aug 7, 2017 - old: 15px*/
	color: #2d3e50;
	margin-bottom: 12px;
	margin-top: 12px;
}

/*added to format right HL's styles - BP - Mar 12, 2015*/
#content .sidebar .small-box H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin-bottom: 12px;
	margin-top: 12px;
}
#content .sidebar .small-box H3 A {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin-bottom: 12px;
	margin-top: 12px;
}
#content .sidebar .small-box .subtitle {
	font: 22px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin-bottom: 12px;
}
#content .sidebar .small-box UL {
	list-style-type: disc;
	font: 15px/150% 'Noto Sans', Arial, Helvetica, san-serif;
}
#content .sidebar .small-box OL {
	list-style-type: decimal ;
	font: 15px/150% 'Noto Sans', Arial, Helvetica, san-serif;
}
#content .sidebar .small-box SELECT{
	font: 15px/150% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #2d3e50;
	margin: 0 0 12px;
	width: 215px;
}
#content .sidebar .small-box INPUT {
	list-style-type: decimal ;
	margin: 0 18px 12px;
	font: 15px/150% 'Noto Sans', Arial, Helvetica, san-serif;
}
#content .sidebar .small-box .buy {
	background: url('../img/gui/right_buy_bg_new.png') no-repeat;
	background-size: 215px 250px;
	width: 215px;
	height: 250px;
}
#highlight HR:last-child {
	margin-top: -25px;
}
#highlight #ekeyword {
	margin-left: 0px;
	width: 215px;
}
/*-----------------------------------------------------------------*/

/*added to change link underline color - BP - Mar 11, 2015*/
#content .sidebar .small-box A.title:hover{
	text-decoration-color: black;
}
/*----------------------------------------------*/

/*added to adjust gap between title to subtitle - BP - Mar 11, 2015*/
#content .sidebar .small-box P.subtitle{
	margin-top: -5px;
}
/*----------------------------------------------*/

#content .latest-resources-box {
	width: 180px;
}
#content .latest-resources-box H3 {
	font: 28px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 20px;
}
#content .latest-resources-list {
	list-style: none;
	margin: 0;
}
#content .latest-resources-list LI{
	margin: 0 0 20px;
}
#content .latest-resources-list IMG{
	max-width: 100%;
}
#content .latest-resources-list .order-btn {
	display: block;
	background: #e74b3c;
	text-align: center;
	padding: 10px 5px;
	font: 15px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
#content .latest-resources-list .order-btn:hover {
	text-decoration: none;
	background: #b93c30;
}
#content .latest-resources-list .open .order-btn:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -9px;
	z-index: 20;
	margin: 0 0 0 -13px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 9px solid #e74b3c;
}
#content .latest-resources-list  .order-btn:hover:after {
	border-top: 9px solid #b93c30;
}
#content .order-box {
	background: #f1f1f1;
	padding: 34px 13px 0;
	display: none;
}
#content .order-box H5{
	font: 16px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	font-style: italic;
	margin: 0 0 15px;
}
#content .order-box .buy-box{
	list-style: none;
	margin: 0;
    text-align: justify; 
	width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	font-size: 0;
	line-height: 0;
	padding: 0 0 18px;
}
#content .order-box .buy-box:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size:0;
    line-height:0;
}
#content .order-box .buy-box LI{
	margin: 0 0 4px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

/* share-area */
.social-marker #content .container {
	max-width: 1052px;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.social-marker #content .wrap-content {
	display: table-cell;
	vertical-align: top;
}
#content .wrap-share-area {
	display: table-cell;
	vertical-align: top;
	width: 62px;
	padding: 0 12px 0 0;
}
#content .share-area {
	width: 50px;
	border-right: 1px solid  #f1f1f1;
	z-index: 10000;
	margin: 595px 0 0;
}
#content .share-area H5{
	font: 12px/100% 'Noto Sans', Arial, Helvetica, san-serif;
	color: #343434;
	margin: 0 0 18px;
	text-transform: uppercase;
	text-align: center;
}
#content .share-area UL{
	list-style: none;
	margin: 0;
}
#content .share-area LI{
	margin: 0 0 18px;
	text-align: center;
}
#content .share-area A{
	display: inline-block;
	vertical-align: top;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
#content .share-area A:hover{
	text-decoration: none;
}

/*modified to adjust sharer - BP - Mar 11, 2015*/
#content .share-area .fb .st_facebook_large SPAN{
	width: 11px;
	height: 22px;
	background: url("../../images/sprite.png") 0 0 no-repeat !important; 
}
#content .share-area .fb .st_facebook_large SPAN:hover{
	background-position: 0 -22px !important; 
}
#content .share-area .tw .st_twitter_large SPAN{
	width: 23px;
	height: 19px;
	background: url("../../images/sprite.png") 0 -528px no-repeat !important; 
}
#content .share-area .tw .st_twitter_large SPAN:hover{
	background-position: 0 -547px !important;
}
#content .share-area .mail .st_email_large SPAN{
	width: 23px;
	height: 16px;
	background: url("../../images/sprite.png") 0 -204px no-repeat !important;
}
#content .share-area .mail .st_email_large SPAN:hover{	
	background-position: 0 -220px !important;
}
/*------------------------------------------------------------------------*/

#content .share-area .print A{
	width: 23px;
	height: 23px;
	background: url("../../images/sprite.png") 0 -394px no-repeat; 
}
#content .share-area .print A:hover{
	background-position: 0 -417px; 
}

#partList UL {
	padding: 15px 0 15px 0 !important;
	margin: 0 !important;	
}

#partList UL LI {
	font: 16px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	list-style-type: none !important;
	margin: 0px 0px 20px 0px !important;
}

#partList UL LI A {
	color: #e74b3c !important;
	text-decoration:none !important;
}

#partList UL LI A:hover {
	color: #e74b3c !important;
	text-decoration:underline !important;
}

#partList UL LI P {
	margin:0 !important;
	padding:0 !important;
}

.FOTF P ,
.FOTF UL, 
.FOTF PRE,
.FOTF OL, 
.FOTF LI, 
.FOTF BLOCKQUOTE, 
.FOTF FORM, 
.FOTF INPUT, 
.FOTF TEXTAREA,
.FOTF SELECT, 
.FOTF BUTTON,
.FOTF TABLE,
.FOTF TR,
.FOTF TD,
.FOTF TH {
	margin-bottom: 0 !important;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif !important;
	color: #343434 !important;
}

.FOTF B {
	font-weight: bold;
}

#searchresult { 
	padding: 20px 0px 0px 0px;
	font: 16px/140% 'Noto Sans', Arial, Helvetica, san-serif;
	width: 690px;
}

#searchresult table.zoom_table tr td {padding: 0 5px 10px 0 !important;
	vertical-align:top; /*added by gc 2017-05-23*/
} /* replace the line below with this CSS - JM - May 19, 2017
#searchresult TD { padding-top: 0 !important; padding-bottom: 0 !important; } */
#searchresult .highlight { background: #FFFF40; }
#searchresult .searchheading { font: 24px/120% 'Noto Serif', Arial, Helvetica, san-serif; color: #2d3e50; }
#searchresult .summary { font-size: 100%; font-style: italic; }
#searchresult .suggestion { font-size: 100%; }
#searchresult .results { font-size: 100%; }
#searchresult .category { color: #999999; }
#searchresult .sorting { text-align: right; }

#searchresult .result_title { font-size: 100%; }
#searchresult .result_title A { color: #e74b3c; text-decoration:none; }
#searchresult .result_title A:hover { color: #e74b3c; text-decoration:underline; }

#searchresult .description { font-size: 100%; color: #008000; }
#searchresult .context { font-size: 100%; word-wrap: break-word; }
#searchresult .infoline { font-size: 100%; font-style: normal; color: #808080; word-wrap: break-word;}

#searchresult .zoom_searchform { font-size: 100%; }
#searchresult .zoom_results_per_page { font-size: 100%; margin-left: 10px; }
#searchresult .zoom_match { font-size: 100%; margin-left: 10px;}				
#searchresult .zoom_categories { font-size: 100%; }
#searchresult .zoom_categories UL { display: inline; margin: 0px; padding: 0px;}
#searchresult .zoom_categories LI { display: inline; margin-left: 15px; list-style-type: none; }
#searchresult .zoom_metaform_dropdown { width: 300px; }

#searchresult .cat_summary UL { margin: 0px; padding: 0px; display: inline; }
#searchresult .cat_summary LI { display: inline; margin-left: 15px; list-style-type: none; }		

#searchresult input, #searchresult select {margin-bottom: 0 !important;} /* added - JM - May 19, 2017 */
#searchresult INPUT.zoom_button {  }
#searchresult INPUT.zoom_searchbox { width: 300px; }		

#searchresult .result_image { float: left; display: block; }
#searchresult .result_image IMG { margin: 10px; width: 80px; border: 0px; }

#searchresult .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
#searchresult .result_altblock { margin-top: 25px; margin-bottom: 25px; clear: left; }

#searchresult .result_pages { font-size: 100%; .margin-bottom:5px;}
#searchresult .result_pages A { color: #e74b3c; text-decoration:none; }
#searchresult .result_pages A:hover { color: #e74b3c; text-decoration:underline; }
#searchresult .currentpage { border: 1px solid #642626; padding: 0px 3px 0px 3px; text-decoration:none; }
#searchresult .result_pagescount { font-size: 100%; }

#searchresult .searchtime { font-size: 100%; }

#searchresult .recommended { 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
#searchresult .recommended_heading { float: right; font-weight: bold; }
#searchresult .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
#searchresult .recommend_title { font-size: 100%; }
#searchresult .recommend_description { font-size: 100%; color: #008000; }
#searchresult .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
#searchresult .recommend_image { float: left; display: block; }
#searchresult .recommend_image IMG { margin: 10px; width: 80px; border: 0px; }

#sel_type { width: 140px !important; }
#sel_cp { width: 350px !important; }
#sel_number { width: 140px !important; }
#browse-endnotes INPUT, SELECT { 
	margin: 0 0 30px !important;
	font: 16px/150% 'Noto Sans', Arial, Helvetica, san-serif !important;
	color: #343434 !important; 
}

.floatleft {
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
}

H2.subtitle { 
	font: 24px/140% 'Noto Sans', Arial, Helvetica, san-serif !important;
	margin: -20px 0 10px 0 !important; 
	padding: 0 !important;
}

H2.date { 
	font: 16px/140% 'Noto Sans', Arial, Helvetica, san-serif !important;
	margin:0 0 -20px 0 !important; 
	padding: 0 !important;
}

/* TIMELINE */
#left_col_timeline {
	float: left;
	width: 934px;
}

#contentTimeline {
	clear:both;
	margin: 20px 0px 0px 28px;
	padding: 0 ;
	width: 878px; 
	min-height:450px;
	display:block;
	overflow:visible;
}

#timelineMain {
	background: url(../img/timeline/timeline_bg_main.png) no-repeat;
	width: 916px;
	height: 465px;
	margin-left: -15px;
}

#timelineMain P {
	color: #fff !important;
}

#timelineMain .tlImage {
	float: left;
	height: 415px;
	width: 580px;
	margin: 15px 0px 20px 22px;
}

#timelineMain .tlContent {
	background: url(../img/timeline/timeline_bg_years.png);
	color: #fff;
	float: right;
	height: 393px;
	width: 281px;
	margin: 26px 22px 15px 8px;
}

#nextPrev {
	padding: 0 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	height: 25px;
}
#nextPrev img {
	vertical-align: middle;	
}
*html #nextPrev img {
	vertical-align: -25px;
}
#nextPrev .next {
	float: right;	
	padding-top: 5px; 
}
#nextPrev .prev {
	float: left;
	padding-top: 5px;
}

#timelineMain .tlLine {
	margin: 10px 20px 0px 20px;
	border-bottom: 1px solid #ddd;
}

#timelineMain .tlYear {
	font-weight: bold;
	font-family: 'times new roman', times, serif;
	font-size: 45px;
	color: #fff;
	text-align: center;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 45px;
}

#timelineMain .tlDesc {
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	line-height: 1.5;
	height: 270px;
	overflow: hidden; /* overflow content - added MW Jan 31, 2011*/
}

#timelineMain .tlDesc ul {
	list-style-image: url('../img/timeline/timeline_bullets.png');
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-size: 14px;
}
#timelineMain .tlDesc table {
	padding: 0px;
	margin: 0px;
	color: #fff;
}
#timelineMain .tlDesc tr {
	padding: 0px;
	margin: 0px;
	color: #fff;
}
#timelineMain .tlDesc td {
	padding: 0px;
	margin: 0px;
	color: #fff;
}
#timelineMain .tlDesc li {
	padding: 5px;
	margin-left: 20px;
}

div.info, div.success, div.warning, div.error, div.validation, ul.error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
div.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/info.gif);
}
div.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.gif);
}
div.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warning.gif);
}
div.error, ul.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.gif);
}
div.error ul {
	margin-top: 0;
	margin-bottom: 0;
}
ul.error li {
	margin : 0 0 0 15px;
	padding: 0;
}
div.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.gif) ;
}
div.validation a {
	color: #D63301;
}

#content .contact-rumsfeld TH, #content .contact-rumsfeld TD {	/*added by IF - Jan 25, 2016*/
	padding: 0;
}

/* Mobile */
@media all and (min-width: 990px) { 
	.btn-header,
	HEADER,
	.logo IMG,
	NAV {
		-webkit-transition: all 0.4s ease-in-out 0s; 
		-moz-transition: all 0.4s ease-in-out 0s; 
		-o-transition:: all 0.4s ease-in-out 0s; 
		transition: all 0.4s ease-in-out 0s; 
	}
}
@media all and (max-width: 990px){
	.mobile-screen HEADER {
		height: 70px;
		padding: 0;
	}
	.mobile-screen .logo A {
		line-height: 70px;
	}
	.mobile-screen .logo A IMG{
		display: inline-block;
		vertical-align: middle;
	}
	.logo {
		float: left;
		width: 13%;
		text-align: left;
	}
	.logo IMG{
		height: auto;
		width: 100%;
	}
	.btn-menu {
		display: inline-block;
		margin-top: 20px;
		-webkit-margin-before: 20px;
	}
	HEADER .container{
		text-align: right;
	}
	.btn-header {
		width: auto;
		text-align: left;
		margin-right: 25px;
		margin-top: 0;
		
		float: right;
		display: table;
		vertical-align: middle;
		height: 70px;
		/* edited by gc 2017-05-24 from : */
		/* float: none; */
		/* display: inline-block; */
		/* vertical-align: top; */
		/* line-height: 70px; */
	}
 	.social-box {
		width: auto;
		/* added by gc 2017-05-24*/
		display: table-cell; 
		vertical-align:middle;
	}
	.search-box {
		width: auto;
	} 
	NAV {
		float: right;
		width: 36px;
		margin-top: 0; 
		line-height: 70px;
	}
	.search-box {
		position: static;
		vertical-align: middle;
		display: table-cell; /* added by gc 2017-05-24*/
	}
	.search-form {
		width: 290px; 
		right: 15px;
		bottom: 0;
	}
	.open .search-form {
		bottom: -36px;
	}
	.search-form INPUT {
		width: 75%;
	}
	.search-form BUTTON {
		width: 25%;
	}
	HEADER{
		padding: 10px;
	}
	#content {
		padding-top: 90px;
	}
	#content .slider-nav .item {
		padding: 30px;
	}
	#content .slider-nav .item P {
		font-size: 16px;
		width: 135px; 
	}
	.top-footer {
		text-align: center;
	}
	.nav-bar {
		text-align: center;
		margin-bottom: 20px;
	}	
	.nav-bar>:first-child {
		margin-right: 0;
	}
	.bottom-footer {
		text-align: center;
	}
	#content .wrap-content {
		display: block;
	}
	#content .main-content {
		border-right: none;
		display: block;
		width: 100%;
	}	
	#content .sidebar {
		display: block;
		width: 100%;
		padding: 0 20px 0 0;	/*added by IF - Aug 7, 2017 - set padding 20px at the right like the main content*/
		border-left: 0; /* added to remove the left border when in mobile view - JM - May 19, 2017 */
		max-width: 100%;		/*added by IF - Aug 7, 2017 - set full width in mobile*/
	}
	#content .share-area {
		margin: 558px 0 0 ; 	
	}
	
	/* added by gc 2017-05-23 */
	#searchresult {
		width: 100%;
	}
	
	#searchresult div:last-child{
		margin-bottom: 33px;
	}
	/* .btn-header{
		margin-top: 23px;
		height: 24px;
		line-height: 24px;
	} */
	#content .slider-for .slick-prev { left: 0; }
	#content .slider-for .slick-next { right: 0; }
	
	footer .logo-footer,
	footer nav {
		display:none;
	}
}
@media all and (max-width: 960px) { 
	/* #content .news-area {
		display: block;
		margin: 0;
	}
	#content .news-area .news-box{
		display: block;
		width: 100%;
		border-right: none;
		padding: 0;
		margin: 0 0 27px;
	}
	#content .news-area .events-schedule-box{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 27px;
	} */
	#content .main-content H2 {
		font-size: 24px;
	}
	#content .main-content H4 {
		font-size: 17px;
	}
}
@media all and (max-width: 768px) { 
	.logo {
		width: 17%;
	}
	.footer-logo {
		max-width: 30%;
	}
} 
@media all and (max-width: 740px) { 
	#content .large-area {
		display: block;
		margin: 0;
	}
	#content .rumsfeld-archives,
	#content .rumsfeld-timeline	{
		display: block;
		width: 100%;
		border-right: none;
		padding: 0;
		margin: 0 0 47px;
	}
	#content .rumsfeld-twitter {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 47px;
	}
	
	#content .news-area {
		display: block;
		margin: 0;
	}
	#content .news-area .news-box{
		display: block;
		width: 100%;
		border-right: none;
		padding: 0;
		margin: 0 0 27px;
	}
	#content .news-area .events-schedule-box{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 27px;
	}
	#content .news-list .text-box{
		max-width: 100%;
	}
	#content .events-schedule-list .text-box{
		max-width: calc(100% - 70px);
	}
	.footer-logo {
		max-width: 35%;
	}
	
	#content .latest-resources-area-new .box-row {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 0;
	}
	
	#content .latest-resources-area-new .box-row .box {
		margin-bottom: 20px;
	}
}
@media all and (max-width: 681px) {
	#content .slider-nav .item {
		text-align: center;
	}
	#content .slider-nav .item P{
		text-align: left;
	}
	
	/* added to make form in mobile version neater - BP - Mar 31, 2015*/
	#searchresult INPUT.zoom_searchbox {
		width: 300px; 
		display: block;
		margin-bottom: 10px;
	}	
	#searchresult SPAN.results_per_page {
		display: inline-block;
	}
	#searchresult SPAN.zoom_match {
		display: block;
		margin-left: -15px;
	}
	#searchresult SPAN.zoom_match_chk {
		display: block;
		margin-left: 15px;
	}
	#searchresult SPAN.zoom_match_chk:last-child {
		margin-top: -30px;
	}
	#searchresult SELECT.zoom_metaform_dropdown {
		display: block;
		width: 300px;
	}
	#searchresult SPAN.search_for {
		margin-left: -10px;
	}
	#searchresult SPAN.tag_span {
		margin-left: -10px;
	}
	/*-------------------------------------------------------------------------------*/
}
@media all and (max-width: 590px) { 
	.logo {
		width: 20%;
	}
	#content .slider-for .text-box {
		padding: 15px 20px;	/*edited by IF - Jan 27, 2016 - old: 0 20px*/
		bottom: 55px;		/*edited by IF - Jan 27, 2016 - old: 30px*/
	}
	#content .slider-for .text-box H2 {
		font-size: 16px;
	}
	#content .slider-for .item P {
		font-size: 14px;
	}	
	#content .video-box .title-video {
		font-size: 18px;
	}
	#content .latest-resources-area .box H5{
		font-size: 18px;
	}
	.footer-logo {
		max-width: 40%;
	}
	
	/* added to make form in mobile version neater - BP - Mar 31, 2015*/
	#searchresult INPUT.zoom_searchbox {
		width: 300px; 
		display: block;
		margin-bottom: 10px;
	}	
	#searchresult SPAN.results_per_page {
		display: inline-block;
	}
	#searchresult SPAN.zoom_match {
		display: block;
		margin-left: -15px;
	}
	#searchresult SPAN.zoom_match_chk {
		display: block;
		margin-left: 15px;
	}
	#searchresult SPAN.zoom_match_chk:last-child {
		margin-top: -30px;
	}
	#searchresult SELECT.zoom_metaform_dropdown {
		display: block;
		width: 300px;
	}
	#searchresult SPAN.search_for {
		margin-left: -10px;
	}
	#searchresult SPAN.tag_span {
		margin-left: -10px;
	}
	/*-------------------------------------------------------------------------------*/
}
@media all and (max-width: 480px) { 
	.logo {
		width: 25%;
	}
	/* remarked by gc 7/20/2017*/
	/*
	#content .news-list .text-box{
		max-width: 178px;
	}*/
	#content .news-list .text-box H4,
	#content .news-list .text-box H4 A {
		font-size: 18px;
	}
	/* #content .events-schedule-list .text-box{
		max-width: 230px;
	} */
	#content .search-document-form INPUT {
		font-size: 12px;
	}
	#content .search-document-form INPUT:-moz-placeholder {
		font-size: 12px;
	}
	#content .search-document-form INPUT::-moz-placeholder {
		font-size: 12px;
	}
	#content .search-document-form INPUT:-ms-input-placeholder {
		font-size: 12px;
	}
	#content .search-document-form INPUT::-webkit-input-placeholder {
		font-size: 12px;
	}
	#content .search-document-form BUTTON {
		font-size: 14px;
	}
	.footer-logo {
		max-width: 58%;
	}
	
	/* added to make form in mobile version neater - BP - Mar 31, 2015*/
	#searchresult INPUT.zoom_searchbox {
		width: 200px; 
		display: block;
		margin-bottom: 10px;
	}	
	#searchresult SPAN.results_per_page {
		display: block;
	}
	#searchresult SPAN.zoom_match {
		display: block;
		margin-left: -15px;
	}
	#searchresult SPAN.zoom_match_chk {
		display: block;
		margin-left: 15px;
	}
	#searchresult SPAN.zoom_match_chk:last-child {
		margin-top: -30px;
	}
	#searchresult SELECT.zoom_metaform_dropdown {
		display: block;
		width: 200px;
	}
	#searchresult SPAN.search_for {
		margin-left: -10px;
	}
	#searchresult SPAN.tag_span {
		margin-left: -10px;
	}
	
	#searchresult .sorting > *{
		display:inline-block;
	}
	/*-------------------------------------------------------------------------------*/
}

/* Print - BP - Mar 24, 2015 */
@media print {
	body {
		background-color: #fff;
		color: #353535;
		font-family: 'times new roman', Arial, Verdana, sans-serif;
		font-size: small;
		margin: 0 10px 0 10px;
	}
	
	header, nav, .btn-header, .wrap-share-area, .sidebar, .nav-bar, .container-clearfix, .slider-area {
		display: none !important;
	}
	
	#header-print {
		display: inline !important;
		float: none;
		position: relative;
		clear: both;
		width: 100%;
	}
	
	.wrapper-social-marker {
		display: inline !important;
		margin: 0 10px 0 10px;
		background: none;
		width: 600px;
	}
	
	#content {
		display: inline !important;
		margin: 0 10px 0 10px;
		width: 600px;
	}
	
	.container {
		display: inline !important;
		float:none;
		display:inline;
		overflow:visible;
	}
	
	.wrap-content {
		display: inline !important;
		clear:both;
		float:none;
		width: 600px;
		background:none;
	}
	
	.main-content {
		display: inline !important;
		float:none;
		clear:both;
		margin: 0 10px 0 10px;
		padding: 0;
		width: 600px; 
		overflow:visible;
		background:none;
	}
	
	.wrap-img {
		display: inline !important;
		margin-bottom: 100px !important;
		margin-top: -75px !important;
	}
	.wrap-img:before {
		background: none !important;
	}
	
	.text-area {
		display: inline !important;
		margin-top: -75px !important;
	}
	
	.bottom-footer {
		display: inline !important;
		margin-top: -50px !important;
	}
	
	.rumsfeld-archives {
		width: 600px !important;
		display: block !important;
	}
	
	.rumsfeld-twitter {
		width: 600px !important;
		display: block !important;
	}
	
	.news-box {
		width: 600px !important;
		display: block !important;
	}
	
	.event-schedule-box {
		width: 600px !important;
		display: block !important;
	}
	
	.box {
		width: 600px !important;
	}
	
	#content .news-list LI>A{
		border-radius: 0 !important;
	}

	#content .news-list LI>IMG{
		border-radius: 0 !important;
	}
	
	.play-btn {
		display: none !important;
	}
}
/* added by gc 2017 - 05 - 23  */
/* to make donwload icon inline with text */
img[src$='icon_download.gif']{
	display: inline;
	vertical-align: middle;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#content .main-content .text-area{
    word-break: break-word;
    word-wrap: break-word;
}
@-moz-document url-prefix() { 
  #content .sidebar{
	/*word-break: break-all;*/	/*remarked by IF - Aug 7, 2017 - fix the right hand navigation is dropping letters to the next line*/
  }
}
.FOTF {
	width: 100%;
	table-layout: fixed;
}
.FOTF input[type='text']{
	width: 100%; 
	max-width: 300px;
}
.FOTF .colnum{
	text-align: right;
	width: 50px;
}
/* for archives - search mobile version */
@media screen and (max-width: 685px){
	#searchresult input[type=submit]{
		margin-top: 10px;
		display:block;
	}
}
@media screen and (max-width: 585px){
	#searchresult td,
	#searchresult span.option
	{
		display: block;
		margin: 0;
	}
	
	#searchresult INPUT.zoom_searchbox,
	#searchresult SELECT.zoom_metaform_dropdown
	{
		width: 100%;
	}
}

pre{
	white-space: pre-wrap;
    word-wrap: break-word;
}