@import url("reset.css");
@import url("support.css");
@import url("forms.css");
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('roboto/RobotoCondensed-Regular-webfont.eot');
    src: url('roboto/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "osprey-simple";
	src: url("osprey-simple/osprey-simple.eot");
	src: url("osprey-simple/osprey-simple.eot?#iefix") format("embedded-opentype"),
		 url("osprey-simple/osprey-simple.woff") format("woff"),
		 url("osprey-simple/osprey-simple.ttf") format("truetype"),
		 url("osprey-simple/osprey-simple.svg#osprey-simple") format("svg");
	font-weight: normal;
	font-style: normal;
}
	.icon:before {
		font-family: "osprey-simple" !important;
		content: attr(data-icon);
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
@font-face {
	font-family: 'pixons';
	src:url('pixons/pixons.eot');
	src:url('pixons/pixons.eot?#iefix') format('embedded-opentype'),
		url('pixons/pixons.woff') format('woff'),
		url('pixons/pixons.ttf') format('truetype'),
		url('pixons/pixons.svg#pixons') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{ height: 100%; }
body{ position: relative; min-height: 100%; margin: 0; padding: 0; color: #111111; font-family: 'roboto_condensedregular', arial; font-size: 14px; }
p{ line-height: 18px; }
p#notfoundmessage{ padding: 100px; background-image: url(../images/common/404.jpg); background-repeat: no-repeat; text-align: center; }
ol li{ margin: 0 0 5px; }
ol li+br{ display: none; visibility: hidden; }
a,input{ transition: all 0.3s; }

p.morelink{ text-align: right; }
	p.morelink a{ color: #666666; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
		p.morelink a:hover{ color: #e91212; }

a.doclink{ display: inline-block; padding: 8px 15px; background-color: #e91212; color: #ffffff; border-radius: 2px; text-decoration: none; }
	a.doclink:hover{ background-color: #f7cc06; color: #333333; }

.hideforload{ display: none !important; visibility: hidden !important; }

ul.bulletslist{ margin-left: 40px; list-style: disc; }
	ul.bulletslist li{ margin: 0 0 5px; }
	ul.bulletslist li+br{ display: none; visibility: hidden; }
	
div.panel{  }
	div.panel>h2{ padding: 20px; background-color: #666666; color: #ffffff; font-size: 18px; font-weight: normal; text-transform: uppercase; }
		div.panel>h2>a{ float: right; color: #cccccc; font-size: 12px; text-decoration: none; }
			div.panel>h2>a:hover{ color: #f7cc06; }
	div.panel>iframe{ display: block; width: 100% !important; min-height: 200px !important; margin: 0 0 20px; }
	div.panel>div.content{ display: block; padding: 20px; }
		div.panel>div.content a{ display: block; margin: 0 0 10px; color: #666666; font-size: 14px; line-height: 16px; text-decoration: none; }
			div.panel>div.content a:hover{ color: #e91212; font-size: 16px; }
			div.panel>div.content a:before { font-family: "osprey-simple" !important; content: "P"; display: inline-block; margin: 0 5px 0 0; font-style: normal !important; font-weight: normal !important;font-variant: normal !important; text-transform: none !important; vertical-align: -2px; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	div.panel>div.eventlinks{ padding: 0 0 10px; }
		div.panel>div.eventlinks>a{ display: block; padding: 10px 20px; color: #333333; font-size: 12px; line-height: 16px; text-decoration: none; }
			div.panel>div.eventlinks>a span.date{ display: block; color: #e91212; font-size: 14px; text-transform: uppercase; }
			div.panel>div.eventlinks>a span.desc{ font-size: 12px; line-height: 14px; }
				div.panel>div.eventlinks>a span.desc>b{ color: #e91212; font-weight: normal; }
			div.panel>div.eventlinks>a:hover{ background-color: #f7cc06; }
	div.panel>div.doclinks a:before { font-family: "osprey-simple" !important; content: "n"; display: inline-block; margin: 0 5px 0 0; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: -2px; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	div.panel>div.thumbs{ padding: 20px; overflow: hidden; }
		div.panel>div.thumbs a{ float: left; width: 30%; height: 80px; margin: 1.49%; background-color: #ffffff; border-radius: 2px; overflow: hidden; }
			div.panel>div.thumbs a>img{ display: block; width: 100%; opacity: 0.8; }
				div.panel>div.thumbs a:hover>img{ opacity: 1; }
				
ul.pagination{ overflow: hidden; padding: 15px; }
	ul.pagination li{ float: left; margin: 0 1px 1px 0; }
		ul.pagination li a{ display: block; min-width: 35px; padding: 5px 10px; background-color: #eeeeee; color: #666666; text-align: center; text-decoration: none; }
			ul.pagination li a:hover{ background-color: #f7cc06; }
			ul.pagination li a.selected{ background-color: #f7cc06; }

#statusmessage{ position: absolute; z-index: 10000; display: block; width: 100%; }
	#statusmessage p{ display: block; width: 30%; margin: 0 auto; padding: 10px 20px; background-color: #ed1c24; background-image: url(../images/common/closebox.png); background-position: right top; background-repeat: no-repeat; color: #ffffff; cursor: pointer; text-align: center; }
		#statusmessage p span{ display: none; visibility: hidden; }
		
#parent{ position: relative; display: block; width: 100%; min-height: 100%; margin: 0 auto; overflow: hidden; }
	#parent > div{ display: block; margin: 0 auto; }
	
#header{ position: relative; height: 90px; padding: 10px 20px 0px; background-color: #f7cc06; border-bottom: solid 2px #e91212; }
	#header #logo{ float: left; padding-top: 5px; }
	#header div.social{ position: absolute; right: 310px; top: 0px; padding: 0px; font-family: 'osprey-simple'; }
		#header div.social a{ display: inline-block; margin: 0 3px 0 0; padding: 5px; background-color: transparent; color: #333333; border-radius: 3px; font-size: 28px; font-weight: normal; text-decoration: none; vertical-align: middle; }
			#header div.social a.home{ font-size: 24px; }
			#header div.social a.pixons{ font-family: 'pixons'; }
			#header div.social a:hover{ background-color: #e91212; color: #ffffff; }
	#header #___gcse_0{ position: absolute; right: 30px; top: 5px; display: block; width: 250px; box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }
		#header #___gcse_0 *{ box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }
		#header #___gcse_0 .gsc-input-box { background-color: #ffffff; border: none !important; }
		#header #___gcse_0 .gsc-input{ padding: 0 !important; background-color: #ffffff; border: solid 1px #666666 !important; }
			#header #___gcse_0 .gsc-input input{ border: none !important; }
		#header #___gcse_0 .gsc-control-cse{ padding: 0 !important; background-color: transparent !important; border: none !important; }
		#header #___gcse_0 .gsc-search-button{ background-color: #666666 !important; border: solid 1px #666666 !important; transition: none; }
			#header #___gcse_0 .gsc-search-button:hover{ background-color: #e91212 !important; border: solid 1px #e91212 !important; }
			#header #___gcse_0 .gsc-search-button input{ padding: 6px 10px !important; }

#header>#mainnav{ position: absolute; right: 0px; bottom: 0px; display: block; overflow: hidden; }
	#header>#mainnav li{ position: relative; float: left; margin: 0 0 0 1px; }
		#header>#mainnav li a{ display: block; padding: 15px 15px 10px; color: #000000; font-size: 16px; text-decoration: none; text-transform: lowercase; transition: all 0.3s; }
			#header>#mainnav li a:hover{ background-color: #e91212; color: #ffffff; }
			#header>#mainnav li.selected a,#header>#mainnav li a.selected{ background-color: #e91212; color: #ffffff; }
			#header>#mainnav li.flag{ float: right; }
				#header>#mainnav li.flag a{ float: right; }
					#header>#mainnav li.flag a:hover{  }
			
			#header>#mainnav li ul.child{ position: absolute; left: 0; top: 10px; display: none; visibility: hidden; transition: all 0.3s; }
				#header>#mainnav li:hover ul.child{ display: block; visibility: visible; }
				#header>#mainnav li ul.child li{  }
					#header>#mainnav li ul.child li a{  }
						#header>#mainnav li ul.child li a:hover{  }
						#header>#mainnav li ul.child li a.selected{ font-weight: bold; }
						
#header>#mobilenav{ position: absolute; right: 0; top: 0px; bottom: auto; z-index: 100000; display: none; visibility: hidden; text-align: right; }
	#header>#mobilenav>a{ display: inline-block; width: 56px; height: 56px; padding: 10px; font-family: 'osprey-simple'; font-size: 36px; }
	#header>#mobilenav>#mainnav{ display: block; width: 280px; padding: 0px; background-color: #f7cc06; border-radius: 2px 0 0 2px; box-shadow: 0 0 5px rgba(0,0,0,0.6); }
		#header>#mobilenav>#mainnav li{ display: block; text-align: right; }
			#header>#mobilenav>#mainnav li a{ display: block; padding: 5px 15px; color: #000000; font-size: 16px; text-decoration: none; text-transform: lowercase; }
				#header>#mobilenav>#mainnav li a:hover{ background-color: #e91212; color: #ffffff; }
				#header>#mobilenav>#mainnav li.selected a,#header>#mobilenav>#mainnav li a.selected{ background-color: #e91212; color: #ffffff; }
						
#headcycle{ position: relative; display: block; width: 100%; height: 480px; margin: 0 0 20px; background-color: #000000; overflow: hidden; }
	#headcycle a.cyclenav{ position: absolute; top: 45%; z-index: 1000; display: block; padding: 5px; background-color: rgba(0,0,0,0.8); color: #ffffff; border-radius: 2px; cursor: pointer; font-family: 'osprey-simple'; font-size: 28px; opacity: 0.25; }
		#headcycle:hover a.cyclenav{ opacity: 0.7; }
		#headcycle a.cyclenav:hover{ background-color: #e91212; opacity: 1; }
		#headcycle a.cycle-next{ right: 0; }
		#headcycle a.cycle-prev{ left: 0; }
	#headcycle p.cycle-pager{ position: absolute; top: 10px; right: 10px; z-index: 1000; display: block; }
		#headcycle p.cycle-pager span{ display: inline-block; color: #f7cc06; cursor: pointer; font-family: arial; font-size: 60px; }
			#headcycle p.cycle-pager span.cycle-pager-active{ color: #e91212; }
	#headcycle>div{ position: relative; display: block; width: 100%; height: 480px; }
		#headcycle>div>img{ display: block; width: 100%; }
		/*#headcycle>div>p{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 20px; background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 12px; line-height: 14px; }*/
		#headcycle>div>p{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 20px; background-color: #000000; color: #ffffff; font-size: 12px; line-height: 14px; }
			#headcycle>div>p span.title{ display: block; margin: 0 0 15px; font-size: 14px; line-height: 18px; }
			#headcycle>div>p a{ color: #f7cc06; font-size: 14px; text-decoration: none; }
				#headcycle>div>p a:hover{ color: #e91212; }
	
#lcoltri{ float: left; width: 20%; min-width: 200px; min-height: 100%; background-color: #eeeeee; }
#mcoltri{ float: left; width: 60%; min-width: 200px; min-height: 100%; padding: 0 0 50px; }
	#mcoltri.inner{ float: left; width: 60%; min-width: 200px; min-height: 100%; padding-top: 30px; }
	#mcoltri h1{ padding: 0 15px 20px; font-size: 24px; font-weight: normal; text-transform: uppercase; }
	#mcoltri>h2{ padding: 20px 15px 10px; font-size: 24px; font-weight: normal; text-transform: uppercase; }
		#mcoltri>h2>a{ display: inline-block; margin: 0 0 0 20px; color: #999999; font-size: 12px; text-decoration: none; vertical-align: middle; }
			#mcoltri>h2>a:hover{ color: #e91212; }
	#mcoltri h3{ padding: 20px 15px 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
	#mcoltri>p{ padding: 0 15px 15px; font-size: 15px; line-height: 19px; }
		#mcoltri>p+br{ display: none !important; visibility: hidden !important; }
#rcoltri{ float: left; width: 20%; min-width: 200px; min-height: 100%; background-color: #eeeeee; }
	
#maincontent{  }
	#maincontent h1{ padding: 0 15px 20px; font-size: 24px; font-weight: normal; text-transform: uppercase; }
	#maincontent>h2{ padding: 20px 15px 10px; font-size: 24px; font-weight: normal; text-transform: uppercase; }
		#maincontent>h2>a{ display: inline-block; margin: 0 0 0 20px; color: #999999; font-size: 12px; text-decoration: none; vertical-align: middle; }
			#maincontent>h2>a:hover{ color: #e91212; }
	#maincontent>p{ padding: 0 15px 15px; }
	
#dictionarypane{  }
	#dictionarypane>div{ display: block; padding: 0 0 20px; }
		#dictionarypane>div p{ font-size: 12px; }
			#dictionarypane>div p.details{  }
				#dictionarypane>div p.details strong{ color: #e91212; font-size: 14px; font-weight: normal; }
#dictionarylist{ display: block; padding: 20px; }
	#dictionarylist li{ padding: 0 0 20px; }
		#dictionarylist li span.main{ display: block; font-size: 16px; font-weight: bold; }
		#dictionarylist li span.variations{ display: block; font-size: 12px; font-weight: normal !important; }
		#dictionarylist li div.desc{ display: block; padding: 5px 0; font-weight: normal !important; }
			#dictionarylist li div.desc *{ font-weight: normal !important; }

#footercntr{ display: block; width: 100% !important; margin: 30px auto 0 !important; background-color: #EEEEEE; }
	#footercntr.fixed{ position: fixed; bottom: 0; }
	#footer{ display: block; width: 100%; margin: 0 auto; padding: 5px; overflow: hidden; }
		#footer p{ padding: 0px 10px; font-size: 10px; color: #666666; }
			#footer p.copyright{ float: left; }
			#footer p.credit{ float: right; }
			#footer p a{ color: #666666; }
				#footer p a:hover{  }
				#footer p a img{ vertical-align: -6px; }
				
/* PUBLICATIONS */
ul.publist{ display: block; padding: 0px 15px 15px; }
	ul.publist li{ display: block; padding: 10px 0; border-bottom: solid 1px #cccccc; overflow: hidden; }
		ul.publist li span.fullwidth{ float: none; clear: both; display: block; padding: 0 0 5px; font-size: 16px; }
		ul.publist li span.col1{ float: left; padding-right: 20px; font-size: 12px; }
				
/* NEWS */
ul.newslist{ display: block; padding: 0px 15px 15px; }
	ul.newslist li{ display: block; }
		ul.newslist li a{ display: block; padding: 8px 5px; background-color: #f4f4f4; color: #333333; border-bottom: solid 1px #ffffff; font-size: 14px; overflow: hidden; text-decoration: none; }
			ul.newslist li a span.date{ float: left; margin: 0 10px 0 0; font-weight: bold; }
			ul.newslist li a span.title{ float: left; }
			ul.newslist li a:hover{ padding: 15px 5px; background-color: #f7cc06; color: #333333; border-top: solid 1px #e91212; border-bottom: solid 1px #e91212; font-size: 16px; }

/* EVENTS */
ul#eventslist{ display: block; padding: 0px 15px 15px; }
	ul#eventslist li{ display: block; padding: 10px 0; border-bottom: solid 1px #cccccc; overflow: hidden; }
		ul#eventslist li a{  }
			ul#eventslist li a h5{ padding: 10px 0px; color: #e91212; font-size: 16px; font-weight: normal; text-transform: uppercase; }
				ul#eventslist li a h5 span{ color: #111111; }
			ul#eventslist li a>p{ padding: 0px 0px 8px; }
				
/* DOCUMENTS */
ul#documentslist{ display: block; padding: 0px 15px 15px; }
	ul#documentslist li{ display: block; padding: 8px 5px; background-color: #ffffff; color: #333333; border-bottom: solid 1px #eeeeee; transition: all 0.3s; }
		ul#documentslist li>a{ display: block; padding: 0 0 5px; color: #e91212; font-size: 16px; overflow: hidden; text-decoration: none; transition: all 0.3s; }
			ul#documentslist li>a>span{ display: inline-block; font-family: 'osprey-simple'; font-size: 16px; vertical-align: -3px; }
			ul#documentslist li>a:hover{ color: #000000; }
			ul#documentslist li>span{ display: block; padding: 0 0 5px; color: #666666; font-size: 12px; }
				ul#documentslist li>span a{ display: inline-block; margin: 0 2px 0 0; padding: 3px 5px; background-color: #eeeeee; color: #666666; font-size: 12px; text-decoration: none; }
					ul#documentslist li>span a:hover{ background-color: #e91212; color: #ffffff; }
		ul#documentslist li:hover{ background-color: #f4f4f4;  }
		
/* DOCUMENT ARCHIVE */
ul#archivelist{ display: block; padding: 20px; }
	ul#archivelist li{ padding: 10px 0px; border-bottom: solid 1px #cccccc; }
		ul#archivelist li div.title{ margin: 0 0 5px; overflow: hidden; }
			ul#archivelist li div.title span{ float: left; margin: 0 20px 0 0; }
		ul#archivelist li div.details{ color: #999999; overflow: hidden; }
			ul#archivelist li div.details>span{ float: left; margin: 5px 30px 0 0; font-size: 12px; }
			ul#archivelist li div.details p{ float: left; margin: 0 30px 0 0; font-size: 12px; overflow: hidden; }
				ul#archivelist li div.details p span{ float: left; margin: 0 1px 0 0; padding: 2px 5px; }
				ul#archivelist li div.details p a{ float: left; margin: 0 5px 0 0; padding: 2px 5px; background-color: #cccccc; color: #333333; text-decoration: none; }
					ul#archivelist li div.details p a:hover{ background-color: #e91212; color: #ffffff; }

/* AUDIO */
ul#audiolist{ display: block; padding: 20px; overflow: hidden; }
	ul#audiolist li{ float: left; margin: 1.45% 0; width: 48%; background-color: #f4f4f4; border: solid 1px #eeeeee; border-radius: 2px; overflow: hidden; }
		ul#audiolist li>div{ display: block; width: 100%; height: 450px; overflow: hidden; }
		ul#audiolist li span.title{ display: block; padding: 5px; background-color: #eeeeee; color: #111111; transition: all 0.3s; }
		ul#audiolist li span.date{ display: block; padding: 3px 5px; font-size: 11px; }
		ul#audiolist li span.duration{ display: block; padding: 3px 5px; font-size: 11px; }
		ul#audiolist li span.languages{ display: block; padding: 3px 5px; font-size: 11px; }