@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
/* 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;
}

/* Structure CSS by Aronblack.com */

body {height: 100%; font-size:12px; background:#999999}

#supersized {display: inline !important}

P {line-height: 16px;}

.black {color:#000000}
.blue {color: #00adef ;}
.green{color: #75c043}


#wrapper, #headerWrap, #subHeaderWrap {
	width: 100%;
	position:relative;
}

a:link, a {color: #00adef; text-decoration:none; }
a:hover {text-decoration: underline; }

/*HEADER ---------------------------------------------------------------*/
#header, #subHeader {margin: 0 auto; height: 84px;	width: 1140px;}
#subHeader {height: 40px; color:#FFFFFF;}
	#subHeaderTitle {width: 213px;line-height: 20px;height: 28px; padding-top: 12px; padding-left: 20px; color:#FFFFFF; background:#000000; font-family:'ForzaMedium', Arial, Helvetica, sans-serif; float:left; font-size:12px;}

#headerWrap {background-image:url(/assets/images/opacity-80.png)}
#subHeaderWrap {background-image:url(/assets/images/opacity-55.png); border: 0px solid white;}


#logo {width: 233px; height: auto; float:left;}


/*NAVIGATION  ---------------------------------------------------------------*/
#mainNav {float:left;height: 84px; }

#navigation {float: left;  margin: 35px 20px 0 22px;  width:auto}
	#navigation ul li {display: block; margin:0; float: left;border-left:1px solid #00aeef;border-right: 1px solid #00aeef; padding: 1px 10px;  }
	#navigation ul li a {text-transform:uppercase; text-decoration:none; font-size:12px; color: #fff; }
	#navigation ul li > a.active, #navigation ul li > a.active:hover {color: #00ADEF; border-bottom:2px solid #75c043}
	#navigation ul li a:hover {color: #75c043 }
	#navigation ul li:first-child { border-left: 0px solid red;border-right:1px solid #00aeef;}
	#navigation ul li:last-child { border-left: 1px solid #00aeef;border-right:0px solid blue}
	
	
#subNavigation {float: left; margin: 12px 0 0 32px;  width:auto;}
	#subNavigation  ul li {	display: block; margin:0; float:left; border-left: 1px solid #00aeef;border-right: 1px solid #00aeef; padding: 1px 8px; }
	#subNavigation ul li a { margin: 0; text-transform:capitalize; text-decoration:none; font-size:11px; color: #fff; }
	#subNavigation ul li a.active, #subNavigation ul li a.active:hover {color: #00aef0;border-bottom:1px solid #75c043}
	#subNavigation ul li a:hover {color: #75c043 }
	#subNavigation ul li:first-child {padding-left: 0; border-left: 0px solid red;border-right:1px solid #00aeef; padding-right:18px;}
	#subNavigation ul li:last-child { border-left: 1px solid #00aeef;border-right:0px solid blue}
	
#search {border-left: 1px solid #b4b7b8; padding: 26px 28px 14px 28px; margin-top: 8px;float: left}	
input[type="image"] {vertical-align: middle;}
	#searchField {background-color:#404344; font-size:10px; border:0; vertical-align: middle;color:#d1d1d1; padding:2px;}
	#formSearch {}
#langToggle {	display: none; border:1px solid blue; float: right;}
#shareButtons {	border-left: 1px solid #b4b7b8; padding: 24px 0 10px 28px; margin-top: 8px; float: left;}

#contentWrapper {margin: 40px auto;width:1140px;}


	/*HOMEPAGE ELEMENTS  ---------------------------------------------------------------*/
	.desc-left {position: relative; width:260px; color: white; float:left;background-image:url(/assets/images/opacity-75.png); font-size: 12px; line-height:12px; padding: 10px; }
		.desc-left a {color: #00adef; text-decoration:none; }
		.desc-left a:hover {text-decoration: underline; }
		.desc-left p {padding: 8px 10px;}
		.desc-left h2 {font-size: inherit; padding-bottom:12px;}
	.desc-right {position: relative; width:500px; color: white; float:right;background-image:url(/assets/images/opacity-75.png); font-size: 13px; padding: 10px; }
		.desc-right h2 {padding-left: 25px;padding-bottom: 12px; padding-top:1px; font-size:12px; text-transform:capitalize;}
	#home-left {float: left;}
	#home-right {float: right;}
	#imageTitleLeft a  {color: #FFFFFF; font-size:inherit; text-decoration:none;margin-top: 8px;
position: absolute;}
	#imageTitleLeft {font-size: 12px;;float: left;position: relative; color: white; background-image:url(/assets/images/home-image-hook.png); width: 179px; height: 28px; padding-left: 8px; background-repeat:no-repeat; display:none}
	#imageTitleRight {float: right;	position: relative;	color: white;background-image:url(/assets/images/home-image-hook-right.png);	width: auto;	height: 20px;padding-top: 8px;padding-right: 13px;background-repeat:no-repeat;text-transform: capitalize;}
	#imageTitleRight a {color: #FFFFFF; font-size:inherit; text-decoration:none; padding-left: 51px;}
	
	
	/*CUSTOM SCROLL STYLING  ---> /css/jquery.jscrollpane.css------------------------------------------------------------*/
	
	.scroll-pane, .scroll-pane2, .scroll-pane3,.scroll-pane4,.scroll-pane5 {width: 100%;height: auto !important;	overflow: visible !important; padding-bottom: 20px;outline: none; }

div.jspContainer, div.jspPane {
   position: relative !important;
   height: auto !important;
   overflow: visible !important;
}

div.jScrollPaneContainer > * {
   display: none !important;
}

div.scroll-pane {
   position: relative !important;
   display: block !important;
   float: none !important;
}


	/*Main Content   ---------------------------------------------------------------*/	
	#mainContent {width: 850px; float:left;background-image:url(/assets/images/opacity-80.png); padding-bottom:10px;position: relative; }
		#mainContent p {color: white; padding: 10px 20px;}
		#mainContent .title {width: auto; background:#00648a; border-top: 0px solid #024a64;padding: 12px 12px 12px 20px; margin-bottom:18px; color: #FFFFFF;}
		#mainContent.highlight p {color: black}
		#mainContent.highlight {background-color: white !important; background-image:none !important;}


	/*ARTICLE   ---------------------------------------------------------------*/			
	#articleContentText	{width: 514px; float:left;background-image:url(/assets/images/opacity-80.png); color:white; margin-right: 8px;}
		#articleContentText .title {width: auto; background:#00648a; padding: 12px 12px 12px 20px;color: #FFFFFF;}
		#articleContentText .author {width: auto; background:#000; padding: 12px 12px 12px 20px; margin-bottom:8px; color: #FFFFFF;}
		#articleContentText p {color: white;  padding: 5px 12px 5px 20px; }
		#articleContentText .date {float: right;}
		#articleContentText .author a:hover {color:white; text-decoration:none}

	#articleContentImages {width: 330px;min-height: 500px; float: left;  color: #FFFFFF;}
		#articleContentImages .title{color: white;padding: 12px 12px 12px 20px;background-color: #00456c}
		.articleShare {float: right;position: relative; width: auto;clear: both;padding: 20px 15px 20px 0; text-transform: uppercase;font-size: 10px;}
		.articleShare IMG {vertical-align:bottom}
		
		#article-bottom-links {width: auto; background-color:#000000; margin:0 auto; padding: 13px 10px 13px 20px;clear: both; text-transform:uppercase}
		#article-bottom-links .article-bottom-spacer {width: 25%;  padding: 0 5%; color: #00AEF0;}
		#article-bottom-links .article-bottom-spacer:first-child {width: 25%; padding-left: 0; }
		#article-bottom-links .article-bottom-spacer:last-child {}
			#article-bottom-links a {width: auto; padding: 0 33px; color: #00AEF0;}
			#article-bottom-links a:hover {width: auto; padding: 0 33px; color: #FFF; text-decoration:none;}
			#article-bottom-links a:first-child {width: auto; padding-left: 0; color: #00AEF0;}
				#article-bottom-links a:first-child:hover {width: auto; padding-left: 0; color: #FFF;}
			#article-bottom-links a:last-child {padding-right: 0;}
		
		#articleMainImage {position:relative; }
		#articleMainImageIcons {position: absolute; top: 10px; right:10px;}
		#articleMainImageIcons IMG {padding-bottom: 4px;}
		#articleImagesThumbnailsWrapper {position:relative;padding-top: 10px;}
			#articleImagesThumbnailsWrapper a {color: white;font-size: 8px; text-transform:uppercase}
			#articleImagesThumbnailsWrapper p {color: black; text-transform:uppercase}
			#articleImagesThumbnailsWrapper IMG {vertical-align: bottom;}

			.articleImagesThumbsnails {position:relative; margin-bottom:10px;}
			.left { float:left;}
			.right {float:right;}
			.articleImagesThumbsnailsOver {}
			.articleImagesThumbsnailsFullscreen{position: absolute;top:5px;right: 5px;width: auto;text-align: right;}
			.articleImagesThumbsnailsCredit{position: absolute;bottom: 5px;right: 5px;width: auto;text-align: right; display:none;}
		#bkToggle {display:none;}
		.highlight {color: black; background-color:#FFFFFF; background-image:none;}
		#articleContentText.highlight p {color: black}
		#articleContentText.highlight {background-color: white !important; background-image:none !important;}
			
			
	/* AUTHOR PAGE  ---------------------------------------------------------------*/	
	#authorContent {width:850px; float:left;background-image:url(/assets/images/opacity-80.png); padding-bottom:10px}
		#authorContent .authorName {width: auto; background:#00648a; border-top: 1px solid #024a64;padding: 12px 12px 12px 12px;color: #FFFFFF; font-size:14px;}
			.authorName IMG {padding-right:8px; vertical-align:bottom}
		#authorContent .authorTitle {font-weight: normal;}
		#authorContent .program {width: auto; background:#152d36; padding: 12px 12px 12px 12px;color: #FFFFFF; margin-bottom:10px;}
			.program IMG {padding-right:8px; vertical-align:bottom}
		#authorContent p {padding: 10px 38px; color:#FFFFFF}
		.authorSeparator {color: #00ADEF; padding:0 12px;}
			
	#backToArticle {background-image: url(/assets/images/author-back-to-article.png); background-repeat:no-repeat; height:40px;width: 150px; margin-top:-25px; margin-bottom:15px;}
	#backToArticle a {position: absolute;padding-top: 14px;padding-left: 30px;}
	#backToArticle a:hover {text-decoration: none; color:white;}
	
/*GLOSSARY SECTION  ---------------------------------------------------------------*/		
	.firstUL{	padding:0;	margin:0px;}
	li#a {padding: 0 8px 0 0 }
	.firstUL li {display:inline;font-family: 'ForzaMedium', Arial, Helvetica, sans-serif;font-size:12pt;font-weight:bold;padding:0 8px;line-height:40px;cursor:pointer;	color:#00AEF0;}
	.firstUL li.selected{color:#ffffff;	font-weight:bold;}
	#body-container{width:800px;height:500px;margin:0 auto;}
	#body-container .glossary-container{clear:both;}
	#body-container .content-container{height:430px;width:800px;overflow:hidden;font-family: 'ForzaMedium', Arial, Helvetica, sans-serif;font-size:10pt;clear:both;}
	#body-container .content-container div{padding:10px;border-bottom:1px #666666 solid;}
	#body-container .content-container div h2{margin-top:0px;}
	#body-container .content-container p.return-to-top{color:#FFF;font-size: 10px;text-decoration:underline;text-align:right;margin-right:10px;cursor:pointer;}
	#body-container .content-container p {white-space: pre-line;}
	h2{color: #FFFFFF}
	strong {color: #009900}
	
/*HUB SECTION  ---------------------------------------------------------------*/	
	
	#sectionHubBackground {background-color: black; background-repeat:no-repeat; width: 1140px; overflow:hidden; min-height:780px;margin-bottom: 104px;}
	
	#sectionHubContentWrap {width: 320px; float:left; position:relative}
	#sectionHubContent {width: 640px; height: 738px;background-image:url(/assets/images/opacity-80.png); float:left}
		#sectionHubContent h1 {padding: 10px 20px;color: #00aeef; text-transform:uppercase; font-size:18px}
		#sectionHubContent p {padding: 10px 20px; color:#FFFFFF}
	
	#sectionHubArticleWrap {margin: 0px 0 16px 0; width:350px; border:0px solid #00aeef;float: right;background-image:url(/assets/images/opacity-80.png); padding:16px; clear:right}
		#sectionHubArticleWrap .sectionHubArticle .title {clear: right}
		#sectionHubArticleWrap .sectionHubArticle .description {float: none;}
	
	#sectionHubContentTitle {width: 320px;background-image:url(/assets/images/opacity-80.png); float:right}
			#sectionHubContentTitle .title {color: #00aeef; text-transform:uppercase;padding: 20px 0 10px 20px;  }
	
	#sectionHubArticleTitle{width: 382px;background-image:url(/assets/images/opacity-80.png); float:right;}
			#sectionHubArticleTitle .title {color: #00aeef; text-transform:uppercase;padding: 20px 0 10px 16px;  }
	
	.sectionHubArticle {position: relative}
		.sectionHubArticle .hubThumb {float: left; position:relative; margin-right:16px; margin-bottom: 100px;}
		.sectionHubArticle .title { color:#00aeef; padding-bottom:1px}
		.sectionHubArticle .title a:hover {color:#fff;text-decoration: none;}
		.sectionHubArticle .description {color:#fff; line-height:12px; float:none; display:block; position:relative; width:auto;}
		.sectionHubArticle ul {margin-left: 150px;}
		.sectionHubArticle ul li { /*border-left: 1px solid #75c043;border-right: 1px solid #75c043;*/ padding: 0px 8px; color:#FFFFFF; list-style: disc; color: #00adef; font-size:inherit; padding: 4px 0}	
			/*.sectionHubArticle ul li:first-child { border-left: 0px solid red;border-right:1px solid #75c043; padding: 0px 8px 0px 0;}
			.sectionHubArticle ul li:last-child { border-left: 1px solid #75c043;border-right:0px solid blue}*/
			.allContent {float: right; padding-top: 2px;}
			.allContent a {color:#00aeef;}
			.allContent a:hover {text-decoration: none; color:white;}
	
	#sectionHubContentList {width: 990px; height: 500px;background-image:url(/assets/images/opacity-80.png);}
		#sectionHubContentList .title {color: #FFFFFF; font-size:16px; padding: 16px}
		#sectionHubContentList .sectionHubArticleList .title{font-size: 12px; padding:0; color:#00aeef;}
		.sectionHubArticleList {clear: both;padding-bottom: 22px;position: relative; height: 52px;}
		.sectionHubArticleList .hubThumb {float: left; position:relative; margin:0 16px; padding-bottom:18px;}
		.sectionHubArticleList .title {float: left; color:#00aeef; padding-bottom:1px}
		.sectionHubArticleList .description {color:#fff; line-height:12px; width:350px; float:left; padding-right:15px;}
		.sectionHubArticleList .article {color:#00aeef;float:left; width: 15%}
		.sectionHubArticleList .author {color:#00aeef;float:left; width: 18%}
		.sectionHubArticleList .date {color:#00aeef; float:right; width: 10%}
		.sectionHubArticleList ul li {display: block; float:left; margin:0; padding: 2px 40px; color:#00aeef}	
	
	/*DYNAMIC MAP   ---------------------------------------------------------------*/	
	#dynamic-left {float: left}
	#dynamicTitleLeft {float: left;position: relative; color: white; background-image:url(/assets/images/dynamic-map-hook.png); width:319px; height: 35px; padding-left: 24px; background-repeat:no-repeat; padding-top: 12px;}
		#dynamicTitleLeft a{color: #FFFFFF}
		#dynamicTitleLeft a:hover {color: #FFFFFF; text-decoration:none}
	.dynamic-desc {position: relative; width:500px; color: white; float:left;background-image:url(/assets/images/opacity-75.png); font-size: 13px; padding: 0; }
	.dynamic-desc p {padding:24px 24px 0px 24px;}
	#dynamicMapContent {width: auto; background-color:#00648a; height: 11px; padding: 12px 12px 12px 24px;}
	#source {padding: 24px;}
		#source h3 {text-transform: uppercase; color:#00ADEF}
        #source .description  {color: white; font-size: 11px;}
		#source .link a {color: #00ADEF; font-size: 11px;}
		#source .link a:hover {color: #fff; text-decoration:none}
	
			
	/*SIDEBAR styling  ---------------------------------------------------------------*/		
	#sideBar, #sideBar-2 {float: right; position:relative; width: 260px;background-image:url(/assets/images/opacity-80.png); padding: 10px; margin-bottom:10px;}
		#sideBar-2 {padding-bottom: 22px;}
		#sideBar h2,#sideBar-2 h2 {color: #00aef0; padding-bottom:10px; text-transform:uppercase;}
		#sideBar-2 p a:hover {text-decoration: none; color: white;}
		#sideBar-2 .description{white-space: pre-line;}
		#sideBar ul, #sideBar-2 ul {padding-bottom: 22px;}
		#sideBar ul li, #sideBar-2 ul li {list-style: disc; color: #75c044; font-size:inherit; margin-left:16px; padding: 4px 0}
		#sideBar ul li a, #sideBar-2 ul li a {color:#FFFFFF; text-decoration:none; font-size:12px}
				#sideBar ul li a:hover, #sideBar-2 ul li a:hover {color:#FFFFFF; text-decoration:underline;}
		.definition {color: #FFFFFF; font-size: 12px;}
		h3.term {font-weight: bold;padding: 3px 0;}
		
		
	/*HOME FEATURE  ---------------------------------------------------------------*/
	#featureWrap{height:266px; overflow:hidden; margin-bottom:15px;}
	.featureItem {min-height: 120px;margin-top: 12px;margin-bottom: 12px;}
	.featureImage {float:left}
	.featureText {float: right;width: 250px;font-size: 12px;}
		.featureTitle {font-weight: bold; padding-bottom:4px;}
		.featureContent {line-height: 15px;}
		.featureReadMore a {color: #00adef; text-decoration:none}
			.featureReadMore a:hover{text-decoration: underline;}
	#featureNavigation {position:absolute; bottom:0; margin-top: 20px;width:96%; text-align:center}
	
	#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
	
/* FOOTER  ---------------------------------------------------------------*/	
	
#footerWrap {width:100%; position:relative; bottom:0;height:auto; clear:both}
	#footerNavWrap {height: 40px; background:#000;}
		#footerNav {width: 400px;margin:0 auto; color:#FFFFFF; padding-top: 16px; }
		#footerNav ul li {	display: inline; float: left;border-left: 1px solid white;border-right: 1px solid white }
		#footerNav ul li a {padding: 2px 8px; text-transform:capitalize; text-decoration:none; font-size:11px;color: #fff; }
		#footerNav ul li > a.active, #navigation ul li > a.active:hover {color: #00ADEF}
		#footerNav ul li a:hover {color: #75c043 }
		#footerNav ul li:first-child { border-left: 0px solid red;border-right:1px solid white}
		#footerNav ul li:last-child { border-left: 1px solid white;border-right:0px solid blue}
	#footerLogos {height: auto; margin:0 auto; background: #000; padding-top: 9px; padding-bottom: 6px;}
		#footerLogos {text-align: center; height:50px;}


/* FONT MANAGEMENT  ---------------------------------------------------------------*/


h2,#searchField,#articleContent,.title, .author,.date,.articleShare, .program,.authorTitle,#dynamicMapContent, #source h3,  #source .description, .sectionHubArticle .description, .sectionHubArticleList .description,.sectionHubArticleList ul li,.sectionHubArticleList .article,.sectionHubArticleList .author, .sectionHubArticleList .date, h1, #article-bottom-links a,
#articleContentText .author a,
#backToArticle a,
#subNavigation ul li a,
#article-bottom-links .article-bottom-spacer,
#mainContent .title,
#sideBar h2,
#sideBar-2 h2,
#footerNav ul li a {
font-family: 'ForzaMedium', Arial, Helvetica, sans-serif;
}

p,strong, #sectionHubArticleWrap ul li {
font-family: AriBrazilal, Helvetica, sans-serif;
}

strong {font-weight: bold;}

#navigation ul li a, .authorName {
font-family:'ForzaBold', Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'ForzaBold';
    src: url('../fonts/forza-bold-webfont-webfont.eot');
    src: url('../fonts/forza-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forza-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/forza-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/forza-bold-webfont-webfont.svg#ForzaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ForzaMedium';
    src: url('../fonts/forza-medium-webfont-webfont.eot');
    src: url('../fonts/forza-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forza-medium-webfont-webfont.woff') format('woff'),
         url('../fonts/forza-medium-webfont-webfont.ttf') format('truetype'),
         url('../fonts/forza-medium-webfont-webfont.svg#ForzaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#clickme, #clickme2 {display: none;}
#content {border: 0}