body {background-color: #fff; margin: 0; padding: 0; font-family: Arial, Geneva, san-serif; color: #222; font-size: 13px;}

p  {font-size: 13px; line-height: 150%;}
li {font-size: 13px; line-height: 170%;}
	li.red {margin-top: 5px; list-style-image: url(../images/indicator_red.png);}

h1 {font-size: 22px; color: #222; line-height: 100%; letter-spacing: 1px; font-weight:bold; margin-top: 0}
	h1.subtitle {font-size: 17px; color: #222; font-weight: normal; line-height: 100%; margin-top: 0; margin-bottom: 10px;}
h2 {font-size: 18px; color: #222; font-weight: bold; line-height: 100%; letter-spacing: 1px; margin-bottom: 8px; font-weight:bold}
	h2 span {color: #222; font-weight: normal; font-style: italic; line-height: 100%;}
	h2.subtitle {font-size: 14px; color: #222; font-weight: normal; line-height: 100%; letter-spacing: 0; margin-top: -3px;}
h3 {font-size: 16px; color: #222; font-weight: bold; line-height: 100%; margin-bottom: 7px; font-weight:bold}
	h3.subtitle {font-size: 13px; color: #222; font-weight: normal; line-height: 100%; margin-top: 2px;}
h4 {font-size: 14px; color: black; font-weight:bold}
h5 {font-size: 13px; color: black; font-weight:bold}

a {color: #242021; text-decoration:underline}
a:hover {color: #242021;}
a.btn {text-decoration: none;}

img {border: 0;}
	.contentarea img {max-width: 100%; height: auto;}
	img.right,.image-right {clear: right; float: right; margin: 0 0 15px 15px;}
	img.left,.image-left {clear: left; float: left; margin: 0 15px 15px 0;}
	.image-caption {float: right; margin: 0 0 15px 30px; font-size: 10px; text-align: right;}
figure {display: table;}
figcaption {display: table-caption; caption-side: bottom; font-size: 90%!important;}

.center, .AlignCenter {margin: 0 auto; text-align: center;}
.top	{margin-top: 0;}
.bottom	{margin-bottom: 0;}
.topbot	{margin-top: 0; margin-bottom: 0;}

.small {font-size: 10px; line-height: 110%;}
.large {font-size: 15px;}
.publicationTitle {font-size: 15px;}

hr {border: 1px solid #c8c9ca}
.clear {clear:both}
input:focus {outline: none !important;}

.container {padding: 0!important;}
.contentarea {padding: 20px 0 10px;}
.leftside {background-color: #d6dbe1; padding: 0 0 100px; border-right: 15px solid white;}
.rightside {padding: 20px 0 0 15px;}
.table-col {display: table-cell; float: none; vertical-align: top;}

/* Header */
.sky {height: 176px; background: url(../images/header_cover-lrg.png) no-repeat top center; overflow: hidden; z-index: 5;}

.logobar a img {max-width: 220%; height: auto; margin: -25px 0 0 -56px;}

.topmenu ul {float: right; display: block; list-style: none; padding: 10px 0 4px 0; text-align: right;}
	.topmenu li {display: block; float: left; padding: 3px 0 0 0; background: url(../images/toppipe.png) no-repeat top right; font-size: 8pt; text-transform: uppercase;}
		.topmenu li.last {background: none;}
		.topmenu li a {padding: 0 18px 0 10px; color: #242021; text-decoration: none;}
		.topmenu li a:hover  {color: #ee3226; }

.searcharea {margin: 10px 0 0 0}

a.memberlogin {float: right; width: 94px; margin: 0 10px 0 0; padding: 0; border: 1px solid #c4c4c4; background-color: #ee3226; color: white; font-size: 8pt; line-height: 23px; text-decoration: none; vertical-align: middle; text-align: center; text-transform: uppercase;}
	a.memberlogin:hover {color: #242021;}

#search {float: right; width: 319px; border: 1px solid #c4c4c4; background-color: white; margin-right: -15px}
	#search input {width: 270px; background-color: transparent; margin: 3px 0 0 5px; border: 0; color: #656565;}
	#search .searchbtn {float: right; width: 15px; height: 15px; margin: 5px 5px 0 0; *margin: -18px 5px 0 0; border: 0; background: url(../images/searchglass.gif) no-repeat 0 0; font-size: 0}

#headercontent {position: relative; z-index: -500; margin: 18px -15px 0 -15px;}
	#headercontent .photoarea {width: 100%; height: auto; overflow: hidden;}
	#headercontent .photoarea img {width: 100%; min-height: 112px; overflow: hidden;}

/* Menu */
.slicknav_menu {display:none;}
.menu {
	margin: 20px 0 0;
	padding: 0;
	font-size: 10.5pt;
	line-height: 140%;
	list-style: none;
}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left  {text-align: left;}
.text-indent-1 {margin-left: 65px; text-indent: -40px }
.text-indent-2 {margin-left: 90px; text-indent: -35px }
/*.text-indent-1 {text-indent: 25px;}*/
/*.text-indent-1 {margin-left: 25px;}*/
/*.text-indent-2 {margin-left: 50px;}*/
.text-indent-3 {margin-left: 75px;}
.font-xsmall {font-size: 80%;}
.font-small {font-size: 90%;}
.font-normal {font-size: 100%;}
.font-large {font-size: 110%;}
.font-xlarge {font-size: 120%;}
.menu a {text-decoration: none;}
	.menu li   {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0 0 7px;
		background: url(../images/sidepipe.png) no-repeat center;
		background-size: 88% 3px;
		background-position-y: 95%;
	}
		.menu li a {display: block; padding: 2px 15px; color: #242021;}
		.menu li a:hover, .menu :hover > a  {background-color: #afb6bf;}
	.menu li ul {
		position: absolute;
		left: -999em;
		top: 0;
		z-index: 100;
		padding: 1px 0 2px;
		background: #afb6bf;
	}
		.menu li li {padding: 0 0 7px; background: url(../images/subpipe.png) no-repeat center; background-size: 88% 3px; background-position-y: 95%; white-space: nowrap;}
			.menu li li a {color: #242021; font-size: 9pt;}
			.menu li li a:hover, .menu li :hover > a  {background-color: #7e848b; color: white;}
			.menu li ul ul {position: absolute; left: -999em; background: #7e848b;}
				.menu li li li {padding: 0; border: none; background: none;}
					.menu li li li a {display: block; padding: 2px 15px; font-size: 9pt; color: white;}
					.menu li li li a:hover {background: #4d5258;}
	.menu li:hover ul ul {left: -999em;}
	.menu li:hover ul, .menu li li:hover ul {left: 100%;}
	.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul {left: -999em;} 
	.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul {left: 100%;}

/* Breadcrumbs */
.breadcrumbs {margin: 0 0 10px; padding: 0;}
	.breadcrumbs a {color: #242021; font-size: 9pt;}
	.breadcrumbs a:hover {color: #ee3226;}

/* Footer */
.footer {margin-top: 17px; border-top: 2px solid #ee3226; background-color: #d6dbe1;}
	.footer a {color: #838486; text-decoration: none;}
	.footer a:hover {color: #242021;}

.quicklinks {padding-bottom: 20px;}
	.quicklinks p {margin: 0; color: #838486; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
	.quicklinks dl {margin: 0;}
	.quicklinks dd {margin: 0 0 3px 10px; font-size: 8pt; font-weight: normal;}
	.quicklinks .footertop {margin-top: 17px;}
	.quicklinks .footleft {float:left; width: 30%; margin-right: 20px}

.toplinks h1 {margin: 18px 0 0; padding: 5px; background-color: #838486; color: white; font-size: 9pt; font-weight: bold; text-align: center; text-transform: uppercase;}
.toplinks #socialicons { float: right; margin: 18px 0; text-align: right;}
	.toplinks #socialicons ul {list-style: none; margin: 0; padding: 0;}
	.toplinks #socialicons li {display: inline-block; width: 22px; height: 22px; margin-left: 4px; list-style: none;}

.copyright {padding: 10px 0; background-color: #838486; color: #fff; font-size: 8.5pt; text-align: center;}
	.copyright a {color: white;}

.orderby {position: absolute; top: 40px; right: 40px;}

/* table (use <table class="default"> */
table.default 
	{width: 100%;
	font-size: 11px;
	font-weight: normal;
	font-color: #000;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0px;}

table.default th
	{background-color: #95b8e6;
	font-size: 12px;
	font-weight: bold;
	font-color: #fff;
	padding: 4px;
	border: 1px #999 solid;
	vertical-align: bottom;}

table.default td 
	{background-color: #D6DBE1;
	padding: 4px;
	border: 1px #999 solid;}


/* Box */
.outlinebox  {position: relative; margin: 0 0 10px 0; padding: 5px; border: 1px solid #c4c4c4; font-size: 8.5pt;}
	.outlinebox #map {
		width: 250px;
		height: 125px;
		padding-bottom: 5px;
		background: url(../images/worldmap.jpg) no-repeat 0 0; 
	}
	.outlinebox img {max-width: 100%; height: auto!important;}
	.outlinebox.photo img[src$=".jpg"] {width: 100%;}
	.outlinebox #boxtext {
		min-height: 100px;
		margin-top: 3px;
		padding: 10px;
		border: 1px solid #a0a3a7;
		background-color: #d2dff0;
	}
		.outlinebox #boxtext a {color: #ee3226; font-weight: bold;}
		.outlinebox #boxtext a:hover {color: #242021;}
		.outlinebox #boxtext .smredbox {height: 16px; padding: 1px 5px 3px 5px; background-color: #ee3226; color: #fff; font-size: 10pt;}
	.outlinebox .flags {width: 30px; padding: 12px 0px 0 5px; *padding: 4px 0px 0 5px;}
		.outlinebox .flags img {margin-top: 1px; *margin-top: 10px;}
	.outlinebox .text {padding: 10px 10px 10px 5px; line-height: 140%;}
	.outlinebox #boxtext2 {
		min-height: 100px;
		margin-top: 3px;
		padding: 5px;
		border: 1px solid #a0a3a7;
		background-color: #d6dbe1;
	}
		.outlinebox #boxtext2::after {content: ''; clear: both;}
	.outlinebox #boxtext3 {
		min-height: 100px;
		padding: 25px;
		border: 1px solid #a0a3a7;
		background-color: #d6dbe1;
		line-height: 220%;
	}
	.outlinebox #boxtext4 {
		min-height: 100px;
		margin-top: 3px;
		padding: 5px;
		border: 1px solid #a0a3a7;
		background-color: white;
	}
		.outlinebox #boxtext4::after {content: ''; clear: both;}
	.outlinebox #callout {
		min-height: 100px;
		padding: 20px;
		border: 1px solid #a0a3a7;
		background-color: #d2dff0;
		font-size: 13pt;
		line-height: 140%;
		font-family: 'Arial Narrow', Arial;
		font-weight: bold;
		font-style: italic;
		text-align: center;
	}

.outlinebox .blacktitle {margin: 0; font-size: 8.5pt; font-weight: bold;}
.outlinebox .redtitle {margin-bottom: 5px; color: #ee3226; font-size: 12pt; font-weight: bold;}
	.outlinebox .redtitle a {text-decoration: none;}
.outlinebox p {margin: 0; font-size: 8.5pt;}

.outlinebox .graybox {padding: 3px 0; background-color: #838486; color: white; font-size: 8.5pt; font-weight: bold; text-align: center;}
	.outlinebox .graybox a {color: white; text-decoration: none;}
	.outlinebox .graybox a:hover {color: black; text-decoration: none;}

.outlinebox .redbox {margin-bottom: 5px; padding: 3px 5px; background-color: #ee3226; color: white; font-size: 10pt; text-align: center;}

.outlinebox #boxtext4.events {max-height: 250px; overflow-y: auto; padding: 10px 10px 0;}
.outlinebox .events ul {margin: 0; padding: 0; list-style: none;}
.outlinebox .events li {margin: 0 0 8px; padding: 0; font-size: 8.5pt;}
.outlinebox .events a {color: #ee3226;}

.outlinebox .PreviousTaskButton {position: absolute; top: 85px; left: 10px;}
.outlinebox .NextTaskButton {position: absolute; top: 85px; right: 10px;}

/* Home */
.homesky {background: url(../images/header_cover-home.png) no-repeat top center; height: 274px; overflow: hidden;}

body.home .contentarea {padding: 120px 0 10px;}
body.home .rightside {padding-top: 120px;}
	/*body.home .rightside > .row {margin-right: -30px;}*/

.TaskHighlightPhoto {max-width: 100%; height: auto;}

.nav-tabs li a {margin: 0!important; padding: 3px 10px!important; background-color: #afb6c1; font-weight: bold;}
	.nav-tabs .first,.nav-tabs .first a {color: #4878bd !important;}
	.nav-tabs .second,.nav-tabs .second a {color: #3d5f13 !important;}
	.nav-tabs .third,.nav-tabs .third a {color: #6d6096 !important;}
	.nav-tabs .fourth,.nav-tabs .fourth a {color: #a3611e !important;}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {background-color: #d6dbe1!important; color: black; outline: none;}
	.nav-tabs .first a:hover,.nav-tabs .second a:hover,.nav-tabs .fourth a:hover,.nav-tabs .third a:hover {background-color: #d6dbe1; color: black;}

.tabcontent {clear: both; padding: 10px; background-color: #d6dbe1;}
	.tabcontent strong {color: #4878bd; font-size: 9pt; font-weight: bold; font-style: italic;}
	.tabcontent ul {margin-top: 5px;} 
	.tabcontent li {padding-bottom: 8px; list-style-image: url(../images/indicator_blue.png); font-size: 9pt; text-align: left;}
	.tabcontent a {color: #242021; font-weight: bold;}
		.tabcontent a:hover {color: #4878bd; font-weight: bold;}
	.tabcontent .readmore {margin-top: -7px; text-align: right;}
		.tabcontent .readmore a {padding: 2px 10px; background-color: #4878bd; color: white!important; text-decoration: none;}
		.tabcontent .readmore a:hover {background-color: white; color: #4878bd;}
	#home strong,#home a:hover,#home .readmore a:hover {color: #4878bd;}
		#home li {list-style-image: url(../images/indicator_blue.png);}
		#home .readmore a {background-color: #4878bd;}
	#events strong,#events a:hover,#events .readmore a:hover {color: #3d5f13;}
		#events li {list-style-image: url(../images/indicator_green.png);}
		#events .readmore a {background-color: #3d5f13;}
	#pubs strong,#pubs a:hover,#pubs .readmore a:hover {color: #6d6096;}
		#pubs li {list-style-image: url(../images/indicator_purple.png);}
		#pubs .readmore a {background-color: #6d6096;}
	#project strong,#project a:hover,#project .readmore a:hover {color: #a3611e;}
		#project li {list-style-image: url(../images/indicator_orange.png);}
		#project .readmore a {background-color: #a3611e;}

.video-container {position: relative; height: 0; overflow: hidden; padding: 30px 0 56.25%;}
	.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.row.countries img {margin: 5px 0;}

/* Admin Styles */
.TableHeader {color: white; background-color: #5f83b7; font: bold 11px/15px Verdana, tahoma, Arial;	padding: 2px 4px; border: 1px solid white;}
.List1,.List1bold,.List2,.List2bold {color: #14314F; background-color: #c6cbd1; font: normal 10px/14px Verdana,tahoma,Arial; padding: 2px; border: 1px solid white;}
.List1 {}
.List1bold {font-weight: bold;}
.List2 {background-color: #e2e6ec;}
.List2bold {background-color: #e2e6ec; font-weight: bold;}
.List1 li,.List1bold li,.List2 li,.List2bold li {font: 10px/14px Verdana,tahoma,Arial;}
.List2 label {font-weight: unset;}

.InputSubmit1 {border: 1px solid #14314F; color: white; background-color: #5f83b7; font: bold 10px Verdana, Arial,Helvetica,Sans Serif;}
.InputSubmit2 {border: 1px solid #14314F; color: black; background-color: #fdfdfd; font: bold 10px Verdana,tahoma,Arial;}

.InputBox {border: 1px solid black; background-color: #fdfdfd; color: black; font: normal 10px Verdana,tahoma,Arial;}
.Table1 {margin: 1px 0 10px; border: 1px solid black; border-collapse: separate;}

a.HeaderLink {color: white;  text-decoration: none} 
	a.HeaderLink:hover {text-decoration: underline;}

.Error {color: red;}
.Required {color: red; font: bold 10px Verdana,tahoma,Arial;}
.exceltext {mso-number-format: \@;}
.validatorHighlight {background-color: lemonchiffon;}

.progressBackgroundFilter,#progressBackgroundFilter {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000; 
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}
.Watermark {border: 1px solid black; background-color: #fdfdfd; color: #666666; font: normal 10px Verdana,tahoma,Arial;}

.admin-drawer a,.adminmenu a,.treecontainer a,.treecommands a {text-decoration: none;}

/*Photo Gallery*/
section.gallery {
	display: -webkit-inline-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-webkit-box-orient: block-axis;
	flex-wrap: wrap;
	padding: 0;
}
	section.gallery::after {
		content: '';
		-webkit-flex-grow: 999999999;
		flex-grow: 999999999;
	}
	section.gallery .galleryitem {position: relative; margin: 2px; -webkit-flex: 1 1 auto; -webkit-box: 1; flex: 1 1 auto;}
		section.gallery .galleryitem a.PhotoLink img {
			top: 0;
			width: 100%;
			vertical-align: bottom;
		}
		section.gallery .galleryitem a.PhotoLink:hover img {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.8; filter: alpha(opacity=80);}
.PhotoTitle {position: absolute; bottom: 0; left: 0; padding: 5px 10px; background-color: rgba(0,0,0,0.5); color: white;}
.PhotoEdit {position: absolute; top: 5px; right: 5px; color: white; text-shadow: 3px 3px 3px black;}
.PhotoPanelClose {position: absolute; top: 8px; right: 8px; font-size: 18px;}
.PhotoHeading {display: block; border-bottom: 1px solid #c4c4c4; margin-bottom: 15px; padding-bottom: 15px;}
.PhotoDescription {padding: 15px 0 0;}

/*Products*/
.ProductCategory {padding: 10px 0; border-top: 1px solid #ee3226; border-bottom: 1px solid #ee3226; color: #ee3226; font-size: 26px;}
.ProductStatus {color: #ee3226;}

/*# Responsive#*/
@media (max-width: 1200px) {
	#search {width: 280px;}
		#search input {width: 240px;}

	.logobar a img {max-width: 180%; margin: -22px 0 0 -58px;}

	#slider img {max-width: 425px;}
		.slidetext {width: 350px;}
}
@media (max-width: 992px) {
	.sky {background-size: cover; background-position-x: 41%; height: 163px}

	.topmenu li a {padding: 0 14px 0 10px;}
	a.memberlogin {width: 86px;}
	
	#search {width: 200px;}
		#search input {width: 160px;}
	
	.logobar a img {max-width: 240%; margin: -35px 0 0 -58px;}

	#slider img {max-width: 250px;}
		.slidetext {width: 300px;}

	body.home .rightside {padding: 0;}
	.outlinebox.photo,.rightside img.photo {display: none;}
	.table-col {display: block; float: left;}
}
@media (max-width: 768px) {
	.homesky, .sky {background: none; height: 0;}
	#headercontent, .topmenu, #search, #slider, .menu, .quickaccess {display: none;}
	.leftside {margin-right: -30px; padding-right: 15px; border-right: none; background-color: transparent;}
	.contentarea {padding: 20px 20px 0;}
	.rightside {padding: 20px 20px 0;}

	body.home .contentarea {padding: 20px;}
	body.home .rightside {margin-top: 10px; padding: 0 20px 20px;}

	.logobar {position: absolute; top: 0; left: 0; height: 55px; overflow: hidden;}
		.logobar a img {width: auto; height: 90px; margin: -16px 0 0 -30px;}

	.table-col {display: block;}

	.slicknav_menu {display: block; background: #d6dbe1 url(../images/blue-sky.jpg) no-repeat top center!important; z-index: 100;}
		.slicknav_btn {background-color: #ee3226; margin: 10px 5px;}
		.slicknav_nav {background: #d6dbe1; margin: 0 -5px;}
			.slicknav_nav a {color: #242021;}
			.slicknav_nav .slicknav_row:hover {background-color: #afb6bf;}
			.slicknav_nav a:hover {background: #afb6bf;}
}

#toolbar a.pagetreelink { background: transparent url('/Data/style/jqtoolbar/pagetree.png') no-repeat; background-position : 5px 50%;  }