@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0; 
	box-sizing: border-box;  
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box;
}

@font-face {		
	font-family: 'AkrobatBold';
    src: url('/css/fonts/akrobat-bold-webfont.woff2'); 
    src: url('/css/fonts/akrobat-bold-webfont.woff');
}
@font-face {		
	font-family: 'AkrobatSemiBold';
    src: url('/css/fonts/akrobat-semibold-webfont.woff2'); 
    src: url('/css/fonts/akrobat-semibold-webfont.woff');
}
@font-face {
font-family:"myriad-pro";
src:url("https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5db9fb/00000000000000000001709e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-style:normal;font-weight:700;
}

@font-face {
font-family:"myriad-pro";
src:url("https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/fcaa6d/00000000000000000001709f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-style:italic;font-weight:700;
}


html { height: 100%; }

body {
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size:90%;
	font-family: "myriad-pro";
	color:#555;
}
.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
.invisible { position: absolute; width:0; height:0; overflow: hidden; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

h1, h2, h3, h4, h5, h6 { font-weight: normal;  }

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}

.clear{ clear: both;}

#topcookie {
	padding: 10px 20px;
	color: #ffffff;
	text-align: center;
	background: #F6403D;
	font-size: 80%;
}

#topcookie a {
	color: #ffffff;
}

#topcookie a:hover {
	color: #ffffff;
	text-decoration: none;
}



#supercontainer { position: relative; padding: 0; margin: 0; height: 100%; }
#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(/images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:relative;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-family: 'myriad-pro';
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
	#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
}
#adminbar p.page a{ 
	display: inline-block;
	width:100%;
	height:100%; 
	padding: 7px 0px 7px 0px; 
	background: #8797A5;
}
#adminbar p.page a:hover{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 7px 0px 7px 0px;
	background: #517A80;
}
#adminbar p.logout{ 
	position: absolute; 
	top:3px; 
	right:10px; 
	background:url(/images/icon-exit.png) no-repeat left center; 
	padding:7px 10px 10px 40px;
}

@media (max-width: 880px){
	#adminbar .name{ display: none;}
}

/* lang comm styles  */

.green{ background:#35843C; padding:7px; font-family: "AkrobatSemiBold"; min-height:46px;}
#search{ float:right; width:280px;}
#lang{ float:right; width:200px; text-align:right;}
@media (max-width: 500px){
	#search{ float:none; width:100%; text-align:center; padding:10px;}
	#lang{ float:none; width:100%; text-align:center;  padding:10px;}
}
#search img{ margin: 0 5px -16px 0 }
@media (max-width: 320px){
	#search img{ display: none;}
}
input, select, textarea{ border:2px solid #fff; padding: 5px; border-radius:5px; background:#2A6A30; color:#FFF; font-family: "AkrobatSemiBold"; font-size:110%;}
input[type="submit"]{ border:2px solid #fff; padding: 5px; border-radius:5px; background:#fff; color:#2A6A30; font-family: "AkrobatSemiBold";}
input[type="submit"]:hover{border:2px solid #fff; background:#EB271D; color:#fff;}
#logo{ margin-top:35px;}
@media (max-width: 700px){
	#logo{ margin:35px 0; text-align:center;}
}
@media (max-width: 450px){
	#logo img{ width:100%; height:auto;}
}
.container{ width:1050px;  margin:0 auto;}
.news #col3.newscontainer{ max-width:1050px;  margin:60px auto 0 auto;}

@media (max-width: 1070px){
	.container{ width:100%; margin:0; padding:0 2%;}
}
#topnav{ border-bottom: 20px solid #333; font-family: "AkrobatSemiBold"; font-size:110%; font-weight: bold; display:block;}
#topnav ul{ text-align:right;}
#topnav ul ul{ display: none;}
#topnav ul li{ display:inline-block; padding:5px;}
#topnav ul li a{ text-decoration: none; color: #333; padding:10px;}
#topnav ul li.current a{ background:#333; border-radius:5px; color:#FFF;}
#topnav ul li a:hover{ color:#EB271D;}
#banner{ background:#333; text-align: center;}
@media (max-width: 1050px){
	#banner img{ width:100%;}
}

.homebutton{ float:left; width:28%; margin:0 8% 0 0; text-align:center;}
.homebutton:nth-of-type(3n+3){ margin:0 0 0 0;}
@media (max-width: 700px){
	.homebutton{ width:45%; margin:0 10% 0 0;}
	.homebutton:nth-of-type(2n+2){ margin:0 0 0 0;}
	.homebutton:nth-of-type(2n+3){ clear:both;}
}
@media (max-width: 500px){
	.homebutton{ float:none; width:75%; margin:0 auto;}
	.homebutton:nth-of-type(2n+2){ margin:0 auto;}
	.homebutton:nth-of-type(3n+3){ margin:0 auto;}
}
h1, h2, h3, h4{font-family: "AkrobatSemiBold";}
.homebutton h1{ background: #999; border-radius:50%; padding-top:100%; position:relative; margin:40px 0 20px 0; transition: background 0.5s; text-transform:uppercase; font-size:140%;}
@media (max-width: 780px){
	.homebutton h1{ font-size:120%;}
}
@media (max-width: 530px){
	.homebutton h1{ font-size:105%;}
}
@media (max-width: 500px){
	.homebutton h1{ font-size:140%;}
}
.homebutton h1 img{ margin:0 0 10px 0;}
@media (max-width: 780px){
	.homebutton h1 img{ width:50%;}
}
.homebutton h1 a{ position:absolute; top:0; text-align:center; display:block; width:100%; color:#FFF; text-decoration: none; padding: 25% 0; border-radius:50%;}
@media (max-width: 850px){
	.homebutton h1 a{padding: 20% 0; }
}
.homebutton:nth-of-type(1) h1{ background: #EB271D;}
.homebutton:nth-of-type(1) h1:hover{ background: #831610; }
.homebutton:nth-of-type(2) h1{ background: #024F88;}
.homebutton:nth-of-type(2) h1:hover{ background: #012C4C; }
.homebutton:nth-of-type(3) h1{ background: #35843C;}
.homebutton:nth-of-type(3) h1:hover{ background: #1D4A22; }

#news h1{ color:#FFF; background:#013963; text-align:center; margin-bottom:35px; padding:10px; text-transform: uppercase;}
#news{
	color: #FFF;
	margin: 35px 0 0 0;
	padding: 0 0 25px 0;
	
	width: 100%;
	background: #024F88 url(../userfiles/images/parallax1.png) no-repeat fixed center bottom;
}
#news p{ margin:10px 0;}
#news a{color:#F9DF19; font-family: "AkrobatSemiBold"; transition: color 0.5s;}
#news a:hover{ color: #fff;}
.newsitem{float:left; width:28%; margin:0 8% 0 0;}
.newsitem:nth-of-type(3n+3){ margin:0 0 0 0;}
@media (max-width: 700px){
	.newsitem{width:45%; margin:0 10% 10px 0;}
	.newsitem:nth-of-type(2n+2){ margin:0 0 10px 0;}
	.newsitem:nth-of-type(2n+3){ clear:both;}
}
@media (max-width: 500px){
	.newsitem{float:none; width:100%; margin:0 0 0 0;}
	.newsitem:nth-of-type(2n+2){ margin:0 0 0 0;}
	.newsitem:nth-of-type(3n+3){ margin:0 0 0 0;}
}

.newsitem h2 a div{ border:5px solid #013963; transition: border 0.5s; margin:0 0 20px 0; width:100%;}
#news .newsitem h2 a{ color:#FFF; text-decoration: none;}
#news .newsitem h2 a:hover{ color:#F9DF19;}
#news .newsitem h2 a:hover div{border:5px solid #F9DF19;}

.newsitem li{ list-style-position:inside;}



#members{ padding:35px 0 35px 0; background: #f2f3f4;}
#members h1{ text-align:center; color:#35843C; margin:0 0 35px 0; text-transform: uppercase}
#members .memberitem{ width:48%; float:left; margin:0 4% 0 0; }
#members .memberitem:nth-of-type(2n+2){margin:0 0 0 0;}
#members .memberitem p{width:48%; float:left; margin:0 4% 20px 0;}
#members .memberitem p:nth-of-type(2n+2){margin:0 0 0 0; padding:35px 0 0 0;}
@media (max-width: 1050px){
	#members .memberitem p:nth-of-type(2n+2){padding:0px 0 0 0;}
}
@media (max-width: 800px){
	#members .memberitem p{ font-size:90%;}
}
@media (max-width: 650px){
	#members .memberitem p{width:100%; float:none; margin:20px 0 5px 0;}
	
}
@media (max-width: 400px){
	#members .memberitem{ width:96%; float:none; margin:0 2% 0 2%; }
	#members .memberitem:nth-of-type(2n+2){margin:0 2% 0 2%;}
	#members .memberitem p{ font-size:120%;}
}
#members .memberitem p img{ width:100%;  }
#members .memberitem a{ color:#555; text-decoration: none; display:block; width:100%; }
#members .memberitem a:hover img{border: 1px solid #EB271D;}
#members .memberitem a:hover{color:#EB271D;}
footer{background:#35843C; padding:70px 0; color:#FFF; font-size:80%;}
footer a{color:#FFF; transition: color 0.5s;}
footer a:hover{color:#F9DF19;}
#copyright{ float:left; width:50%; }
#copyright p{display: inline;}
#terms{ float:left; width:50%; text-align: right; }


#col1{ float:left; width:65%; margin:0 0 35px 0; }
.research #col1, .Members-Login #col1{float:none; width:100%; margin:0 0 35px 0;}

#maincontent h1{ float:none; margin: 35px 0 20px 0; width:100%;}
.ultParent-84 #maincontent h1{ float:left; margin: 35px 0 20px 0; width:65%;}

#col2{ float:right; width:29%; margin:0 0 0 0; }
#col3{ float:right; width:29%; margin:0 0 35px 0; }


.index #col1, .index #col2, .index #col3, .news #col1 { display: none;}
.news #col3 {float:none; width:100%;}
.news #col3 div.widget{ width: 30%; margin: 0 1.5% 1.5% 1.5%; float: left;}


.research #col2, .research #col3,  .Members-Login #col2,  .Members-Login #col3{ display: none;}
#col2 img, #col3 img{ width:100%; height:auto;}
#col2 img{ border: 1px solid #ccc;}
@media (max-width: 1100px){
	.news #col3 div.widget{ width: 44%; margin: 0 3% 1.5% 3%; float: left;}
}
@media (max-width:800px){
	.news #col3 div.widget{ width: 100%; margin: 0 0% 1.5% 0%; float: left;}
}
@media (max-width: 640px){
	#col1{ float:none; width:100%; margin:35px 0 35px 0; }
	#maincontent h1{float:none; width:100%;}
	#col2, #col3{ float:none; width:100%; margin:35px 0 35px 0; clear:both; }
	.widget{ width:48%; float:left; margin: 0 4% 0 0;}
	.widget:nth-of-type(2n+2){ margin: 0;}
}
@media (max-width: 400px){
	#col2col1{ width:100%; float:none; margin: 0 0 0 0;}
	#col2col2{ width:100%; float:none;}
}

#col1 h1, h1{ color: #333; font-size:220%; margin:20px 0 20px 0;}

#main h1.splash{ text-align:center; margin:70px 0; float:none; width:100%;}
h1.splash span{font-size:160%;}
#col1 h2{ color:#0061AA; border-bottom: solid 2px #0061AA; padding:0 0 20px 0; margin:40px 0 20px 0; font-size:160%; clear:both; }
.searchresults #col1 h2{ padding:0 0 10px 0; margin:10px 0 10px 0;}
#maincontent #col2 h1, #maincontent #col3 h1, #col2 h2, #col3 h2{ color:#33843A; padding:0 0 5px 0; margin:10px 0 0 0; font-size:125%; font-family: "AkrobatBold"; float: none;}
#col1 p, #col2 p, #col3 p, #col1 ul, #col2 ul, #col3 ul, #col1 ol, #col2 ol, #col3 ol{margin:0 0 20px 0; font-size: 16px; }
.searchresults #col1 .navcontent p{margin:0 0 0 0; line-height:120%; min-height: auto; }
#col1 ol ul, #col1 ol ol, #col1 ul ul, #col1 ul ol{margin:0 0 0 0; }
#col1 ol ul ul, #col1 ol ol ul, #col1 ul ul ul, #col1 ul ol ul, #col1 ol ul ol, #col1 ol ol ol, #col1 ul ul ol, #col1 ul ol ol{margin:0 0 0 20px; }
#col1 p{line-height:180%;}
#col1 a, #col2 a, #col3 a, #splashinner a, .homebutton a{ color: #EB463E; text-decoration: underline; font-weight: bold; transition: color 0.5s;}
#col1 a:hover, #col2 a:hover, #col3 a:hover, #splashinner a:hover, .homebutton a:hover{ color: #0061AA; text-decoration: none; }
.homebutton h1 a:hover{ color:#FFF;}
#twitterfeed{height: 500px; overflow: scroll; margin:20px 0 0 0;}
#splash{  border:2px solid #333; background: url(/userfiles/images/splashpage.png) no-repeat center center;  margin:0 0 70px 0;}
#splashinner{ width:500px; height:500px; margin: 0 auto; position: relative; }
#splashinner a{padding: 7px; text-decoration: none; transition: color 0.5s, background 1s; }
#splashinner a:hover{ color:#fff; background: #EB463E;}
/*#ara{position:absolute; top: 40px; left: 290px;}*/
#ara{position:absolute; top: 40px; left: 220px;}
#cas{position:absolute; top: 85px; left: 380px;}
#cat{position:absolute; top: 150px; left: 428px;}
#cym{position:absolute; top: 240px; left: 443px;}
#eng{position:absolute; top: 330px; left: 428px;}
#eus{position:absolute; top: 400px; left: 380px;}
#fra{position:absolute; top: 450px; left: 290px;}
#gae{position:absolute; top: 450px; right: 290px;}
#inu{position:absolute; top: 400px; right: 380px;}
#ned{position:absolute; top: 330px; right: 428px;}
#shq{position:absolute; top: 240px; right: 443px;}
#srp{position:absolute; top: 150px; right: 428px;}
#vla{position:absolute; top: 85px; right: 380px;}
#ink{position:absolute; top: 40px; right: 290px;}
@media (max-width: 600px){
	#splash{  background: url(none) no-repeat center center;  margin:0 0 35px 0;}
	#splashinner{ width:auto; height:auto; padding:20px;}
	#splashinner div{ padding:10px; font-size:130%; font-weight: normal; position: static; width:50%; float:left; text-align:center;}
}



#respnav-button {
	display: none;
	margin: 20px 0 10px 0;
	clear:both;
}
#respnav-button a{
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	background: #333 url(/userfiles/images/navicon.png) no-repeat right center;
	padding: 10px;
	transition: background 1s;
}
#respnav-button a:hover{
	background: #F2463C url(/userfiles/images/navicon.png) no-repeat right center;
}

@media (max-width: 900px){
	#topnav{ display: none;}
	#respnav-button { display: block; margin: 30px 0 0 0;}
	#topnav ul li{ 
		display:block; 
		margin:0;
		width:50%;
		float:left;
		text-align:center;
	}
	#topnav ul li:nth-of-type(2n+3){ clear:left;}
	#topnav ul li a{  display:block; border: 1px solid #fff; border-radius: 5px;}
	#topnav ul li.current a {
		background: none;
		color: #333;
		
		
	}
	#topnav ul li.current a:hover , #topnav ul li a:hover{color: #EB271D; border: 1px solid #666;}
}
@media (min-width: 900px){
	#topnav{ display: block !important;}
}





#col1 ul.twocol li{
	float:left;
	 width:45%;
	 margin:0 10% 0 0;
}
#col1 ul.twocol li:nth-of-type(2n+2){
	 margin:0 0 0 0;
}
#col1 ul.twocol + p{ clear:both;}


#col1 ul.twocol:before,
#col1 ul.twocol:after {
    content: " "; 
    display: table;
}
#col1 ul.twocol:after {
    clear: both;
}

#col1 ol > li, #maincontent ol > li {
	list-style: decimal url(none) inside;
	background: url(/userfiles/images/bullet.png) no-repeat left 10px;
	padding: 10px 0 10px 45px;
	line-height: 150%;
}
#col1 ul > li, #maincontent ul > li {
    list-style: url(none) none;
    background: url(/userfiles/images/bullet.png) no-repeat left 10px;
    padding: 10px 0 10px 45px;
	line-height: 150%;
}
#maincontent ul.innernav > li{
    list-style: url(none) none;
    background: url(none) no-repeat left 0;
    padding: 0;
	line-height: 150%;
}
#maincontent #folderBC > li{
    list-style: url(none) none;
    background: url(none) no-repeat left 0;
    padding:  0 10px 0 0 ;
	line-height: 150%;
}
 

.Rules #maincontent #col1 ol > li {
    list-style: decimal;
    background: url(none) no-repeat left 10px;
    padding: 10px 0 10px 0px;
	line-height: 150%;
	list-style-position: inside;
}
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}
.research #maincontent #col1 ul:before, .research #maincontent #col1 ul:after{    content: " ";      display: table;}
.research #maincontent #col1 ul:after{ clear:both;}
.research #maincontent #col1 li {
    background: url(none) no-repeat left 10px;
    padding: 0;
	width:30%;
	margin:0 5% 35px 0;
	float:left;
}
.research #maincontent #col1 li:nth-of-type(3n+3) {
	margin:0 0 35px 0;
}
.research #maincontent #col1 li:nth-of-type(3n+1) {
	clear:both;
}
.research #maincontent #col1 li img{ border:1px solid #ccc; margin: 0 0 20px 0; opacity:1;}
.research #maincontent #col1 li a:hover img{ opacity:.85;}
.research #maincontent #col1 li a{ font-size:150%; font-family: "AkrobatSemiBold"; color:#666; text-decoration: none; transition: color 1s;}
.research #maincontent #col1 li a:hover{color:#EB271D;}
#col1 a, #maincontent a{
	color: #EB271D;
	font-weight: 550;
}
#col1 li a, #maincontent li a{
	color: #04619E;
	font-weight: normal;
}


/* breadcrumb */

.breadcrumb{ margin:0 0 0 0; font-size:90%; clear:both;}
@media (max-width: 760px){
	.breadcrumb {
		margin:0 0 0 0%;
	}
}
.breadcrumb ul{
	margin: 10px 0 0 0;
}
#maincontent .breadcrumb li{ 
	display: inline; 
	margin:0 5px 0 0;
	background: none;
	padding:0;
}
#maincontent .breadcrumb ul li:first-child{ 
	background: url(/userfiles/images/breadcrumbhome.png) no-repeat left center; 
	padding: 11px 0;
}
.breadcrumb ul li:first-child a{ 
	display: inline-block;
	width: 30px; 
	height:30px;
}
#maincontent .breadcrumb a{
	text-decoration: none;
	color: #4F256B;
}
#maincontent .breadcrumb a:hover{
	color: #4E833C;
	text-decoration: underline;
}
.breadcrumb li:first-child span.text, .breadcrumb li:last-child span.arrow{
	display: none;
}



.media_embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 20px 0;
}
.sound_embed {
    position: relative;
    padding-bottom: 20%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 20px 0;
}
 
.media_embed iframe, .media_embed object, .media_embed embed,
.sound_embed iframe, .sound_embed object, .sound_embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h2.media_embed, h2.sound_embed{ padding:0; height:auto;}


#sharethispage {
	width: 100%;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#sharethispageheader{
	padding: 10px;
	border-bottom: 2px solid #0062B0;
}
#sharethispage h2 {
	color: #0062B0;
	text-align:center;
	margin:0;
	font-size:120%;
}
#sharethispage ul { text-align:center; padding:20px 0 0 0; margin: 0 0 2em 0}
#sharethispage li {
	list-style-type: none;
	display: inline-block;
	margin: 0 5px 0 5px;
	background: url(none);
	padding: 10px;
}
#sharethispage a { color:#555; text-decoration: none;}
#sharethispage a:hover img{ opacity:0.8;}
#sharethispage img{ margin:0 5px -15px 5px; opacity:1;}

@media (max-width: 800px){
	#sharethispage span{ display: none;}
}
@media (max-width: 500px){
	#sharethispage li { margin:0 0px 0 0px; padding:0;}
}







#navcontent{
	background: #E9E9E9;
	clear: both;
	padding: 35px 0 35px 0;
}
.index #navcontent{
	background: #fff;
	padding: 0 0 0 0;
}
.navcontent { 
	width:32%; 
	margin:20px 2% 0 0; 
	float:left; 
}



.navcontent:nth-of-type(3n+3){
	margin:20px 0 0 0;
}
.navcontent:nth-of-type(3n+1){
	 clear:both;
}

.content .navcontent{
	width:48.5%; 
	margin:20px 3% 0 0; 
}

.content .navcontent:nth-of-type(2n+2){
	margin:20px 0 0 0;
}
.content .navcontent:nth-of-type(2n+1){
	 clear:both;
}
.searchresults.contentpage .navcontent{
	width:100%; 
	margin:0; 
}
@media (max-width:600px){
	.navcontent { 
		width:47.5%; 
		margin:20px 5% 0 0; 
		float:left; 
	}
	.navcontent:nth-of-type(3n+3){
		margin:20px 5% 0  0;
	}
	.navcontent:nth-of-type(3n+1){
		 clear:none;
	}
	.navcontent:nth-of-type(2n+2){
		margin:20px 0 0 0;
	}
	.navcontent:nth-of-type(2n+1){
		 clear:both;
	}
}
@media (max-width: 600px){
	.content .navcontent, .threecol .navcontent { 
		width:100%; 
		margin:20px 0; 
		float:none; 
	}
	.content .navcontent:nth-of-type(3n+3), .threecol .navcontent:nth-of-type(3n+3){
		margin:20px 0;
	}
}
@media (max-width: 400px){
	.navcontent  { 
		width:100%; 
		margin:20px 0; 
		float:none; 
	}
	.navcontent:nth-of-type(3n+3){
		margin:20px 0;
	}
}

.navcontent a, #maincontent .navcontent a{ 
	text-decoration: none; 
	color:#666; 
	display:block; 
	width:100%; 
	transition: color 1s;
}
.searchresults #maincontent .navcontent a { height: auto;}
#maincontent .navcontent a:hover h2{transition: color 1s;}
.navcontent a:hover, #maincontent .navcontent a:hover, #maincontent .navcontent a:hover h2{
	color: #4E833C;	
}
.navcontentimage{ 
	width:100%; 
	padding:50% 0 0 0; 
	margin:0 0 30px 0;
	background-color:#fff;
}

/*
.news .navcontent:first-of-type .navcontentimage{ 
	width:100%; 
	padding:50% 0 0 0; 
	margin:0 0 30px 0;
	border:none;
	background-color:#555;
	background-size:35% !important;
}
*/
.navcontenttext{ padding:0 0; min-height:85px; }
@media (max-width: 800px){
	.navcontenttext{min-height:auto;}
}
@media (max-width: 600px){
	.navcontentimage{ 
		margin:0 0 0 0;
		float:left;
		
	}
	
	.navcontenttext{ padding: 2.7% 3% 0 3%; min-height:auto; width:70%; float:left;}
}
@media (max-width: 400px){
	.navcontentimage{ margin:0 0 20px 0; }
	.navcontenttext{ padding: 0 0; width: 100%; float: none;}
}
.navcontent h2{ text-transform:none;}
.navcontent p{ min-height:100px; padding: 0 0 20px 0;}
@media (max-width: 1200px){
	.navcontent h2{ margin: 0 0 0.75em 0;}
	.navcontent p{ font-size:90%;}
}
@media (max-width: 800px){
	.navcontent h2{font-size: 110%; min-height:50px; }
	.navcontent p{ display: none;}
}
@media (max-width: 600px){
	.navcontent h2{margin:0;  min-height:auto; font-size: 100%; }
}

#col1 img, #col2 img, #col3 img{ max-width: 100% !important; height:auto !important;}

#col1 img.sponsors{ width:30%; margin:0 5% 0 0; float:left;}
#col1 img.sponsors:nth-of-type(3n+3) { margin:0;}

#nav3 li{ list-style-type: none; display:inline; padding:0 10px 0 10px; border-right: 1px solid #fff;}
#nav3 li:last-of-type{padding:0 0 0 10px; border-right: none;}
#nav3 li a{ text-decoration: none;}




.valid8form span{ 
	width:60%; 
	display:inline-block; 
	text-align:left;
	float:left;
}
.valid8form label, .valid8form span.spacer{ 
	width:40%; 
	display:inline-block; 
	clear:both; 
	text-align:left;
	float:left;
	clear:left;
}

.valid8form input, .valid8form textarea, .valid8form select{
	width: 100%;
	border: 2px solid #2A6A30;
	background: #eee;
	color:#333;
}
.valid8form input[type=submit]{
	border: 2px solid #2A6A30;
	background: #3C9745;
	color:#FFF;
}
@media (max-width: 650px){
	.valid8form span{ 
		width:100%;
		display:block;
		margin:0 0 0 0;
	}
	.valid8form label, .valid8form span.spacer{ 
		width:100%;
		display:block;
		margin:0;
	}
}

.conference #widgetid4{ background:#EB271D; text-align:center;}
.about #widgetid4{ background:#024F88; text-align:center;}
.conference #col3 #widgetid4 img, .about #col3 #widgetid4 img{ width:55% !important; border: none; padding:27px;}

.sitemap #col1 > ul { margin:0;}
.sitemap #col1 > ul > li{ background: none; padding:10px 0; text-transform:uppercase; font-size:20px; }
.sitemap #col1 > ul > li > a{text-decoration: none;}
.sitemap #col1 > ul > li > ul > li{ text-transform:capitalize; font-size:14px;}
.sitemap #col1 > ul > li > ul > li > a{ padding: 0 0 10px 0; display:inline-block;}
.sitemap #col1 > ul > li > ul > li > ul{ margin:0;}
.sitemap #col1 > ul > li > ul > li > ul > li{background: none; padding:10px 0;}

#maincontent #col1 .ad-thumb-list li{background: none; padding:10px 0;}

.navcontentcontainer{ margin:35px auto;}

.leftimage, .imageleft{ float:left; margin: 0 20px 20px 0;}
.imageright, .rightimage{ float:right; margin: 0 0 20px 20px;}

#col1 table{ width:100%; margin:35px 0; border-collapse:collapse;}
#col1 th{
	background: #0056B4;
	color:#FFF; padding:8px;
	text-transform:uppercase;
	text-align:left;
}
#col1 td{padding:8px;}
#col1 tr:nth-of-type(odd) td{
	background: #FFF;
}
#col1 tr:nth-of-type(even) td{
	background: #F0F0EC;
}


blockquote{ margin:20px 50px; font-style:italic; font-size: 120%; color:#04619E}
#maincontent #col1 blockquote a{ font-weight: normal;}





























#maincontent .docs-icon{ float:left; width: 50px; }
#maincontent .docs-title{ float:left; min-width: 600px;}
#maincontent .docs-title a{ text-decoration: none; color:#586774; text-transform:capitalize; display:block;  padding:0 10px 0 10px; width: 100%; height:100%;}
#maincontent .docs-date{ float:left; width: 110px; padding:15px 0 0 0;}
#maincontent .docs-perms{ text-align:center;}
#folderBC { margin:0 0 20px 0; float:left; width:800px;}
#folderBC li{ list-style-type: none; display: inline; margin:0 0 0 0; background:url(/userfiles/images/documents_arrow.jpg) no-repeat right center; padding:0 20px 0 0;}
#folderBC li:last-of-type { background: none; }
#folderBC a{ text-decoration: none; color:#333;}
#folderBC a:hover{ text-decoration: none; color:#BD194F;}
#col1 #folderback-button.cmsbutton{ float:right; margin:-7px 5px 0 5px; }
#folderback-button a{ text-decoration: none; background:url(/icon-back.png) no-repeat 10px center; display:block; color:#FFF; }
#folderback-button a:hover{ text-decoration: none; color:#BD194F;}



a.modal-file{
	text-decoration: none; 
	color:#333;
	background: #72AEB6 url(/images/icon-addnewfile.png) no-repeat 10px center; 
	padding:15px 10px 15px 42px; 
	color:#FFF;
}
table a.modal-file, table a.modal-folder{background: #72AEB6 url(none); padding:7px }
a.modal-folder{
	text-decoration: none; 
	color:#333;
	background: #72AEB6 url(/images/icon-addnewfolder.png) no-repeat 10px center; 
	padding:15px 10px 15px 57px; 
	color:#FFF;
}
a.modal-file:hover, a.modal-folder:hover{text-decoration: none; color:#BD194F;}


#modal-file label, #modal-folder label{ display:block;  width:250px; clear:left; margin:0 0 10px 0;}

#modal-file input, #modal-folder input{ 
	display: block !important; 
	width: 250px !important; 
	margin: 0 0 10px 0 !important; 
	float: left !important;
	padding: 7px !important;
	border: 1px solid #D9D8CE !important;
	border-radius: 0 !important;
	background-color: #ffffff !important;
}


#col1 #modal-file .cmsbutton{ display:block;  width:80px; margin:0 0 7px 0; float:right;}
#col1 #modal-file .cmsbutton a{ display:block; width:100%;}
#col1 #modal-file select, #modal-folder select{ display:block; width:250px; margin:0 0 10px 0; float:left;}
#col1 #modal-file .savebutton, #modal-folder .savebutton{display:block; margin:-10px 0 0 0; width:80px;}
#col1 #modal-file .savebutton a, #modal-folder .savebutton a{ display:block; width:100%;}



#col1 .cmsbutton{ display:inline;  margin:0 5px 0 0px ; float:right; }
#col1 table .cmsbutton{ display:inline;  margin:0 0 0 10px; float:none;}

#col1 .formsubmitbutton a, #col1 .cmsbutton a, input[type="submit"], input[type="file"]{
	color: #FFF;
	text-decoration: none;
	background: #02ACE9;
	padding: 7px;
	text-align:center;
}



#col1 .formsubmitbutton a:hover, #col1 .cmsbutton a:hover{
	color: #FFF;
	background: #EB271D;
	cursor: pointer;
	cursor: hand;
}



#col1 p.shortlabels label:not(:first-of-type) {
	display: inline !important;
	width: auto !important;
}
#col1 p.shortlabels input[type='checkbox'] {
	margin: 0; padding: 0; width: auto !important; display: inline !important; float: none !important;
}



#sitelang_chosen { width: 100% !important; height: 26px !important; margin-top: -3px; }

#col1 .chosen-container-single a.chosen-single { color: inherit; text-decoration: none;}

.chosen-container-single .chosen-single span{ padding:5px 0;}
.chosen-container-single .chosen-single{ height:34px !important;}

.chosen-select{ 
display: inline-block;  
margin: 0 0 10px 0; 
width:72%;}

.chosen-container + .cmsbutton { display:inline-block;  margin:0 0 0px 13px; float:none; position: relative; top: 2px;}

.chosen-container .chosen-results {

	display: inline-block !important;
	margin: 0 4px 4px 0 !important;
	width: 100%;
}

#greybox{
	background: #F7F8F2;
	padding: 25px 50px 50px 50px;
	margin: 25px 0 0 0;
	border: 3px solid #F1F3E9;
}
.documents_msg_highlight{
	background: #00B200;
	color:#FFF;
	text-align:center;

	padding:10px;
	font-size:120%;
}

#col1 ul.innernav{ margin: 10px 0; clear:both; border-bottom: 10px solid #00B200;}
#col1 ul.innernav li{ list-style-type: none;  width:49.75%; float: left; text-align:center;  margin:0 0.5% 0 0;}
#col1 ul.innernav li:nth-of-type(2n+2){  margin:0;}
#col1 ul.innernav li a{ color:#FFF; text-decoration: none; display:block; padding:10px; background: #00B200;}
#col1 ul.innernav li.acc a{
	background: #35843C;
}

body.docs-accmgt #col1 ul.innernav li a{ background: #35843C;}
body.docs-accmgt #col1 ul.innernav li.acc:last-of-type a{	background: #00B200;}



#col1 p.logout{ margin:0 0 10px 0; display:inline; float:right; }
#col1 p.logout a{
	background: #02ACE9;
	text-align: center;
	padding: 7px;
	color: #FFF;
	text-decoration: none;
}
#col1 p.logout a:hover{
	background: #EB271D;
}



table .docs-icon {
	float: left;
	width: 50px;
	overflow: hidden;
}

table .docs-title {
	float: left;
	width: 250px;
	overflow: hidden;
}
#col1 table .docs-title a{ text-decoration: none; font-variant:small-caps; color:#586875; font-size:120%;}
table .docs-date {
	float: left;
	width: 80px;
	overflow: hidden;
}

#col1 #folderBC { margin:0;}

#folderBC li {
	list-style: none;
	float: left;
	display: inline-block;
	padding: 0 10px 0 0;
}


.folderBox{width:22%; margin:0 4% 4% 0; float:left; }
.folderBox:nth-of-type(4n+4){margin:0 0 4% 0; }


#col1 .folderBox .docs-title a{
	color: #586875;
	text-transform:capitalize;
	text-decoration: none;
	font-variant:small-caps;
	font-size:120%;
	padding:200px 0 0 0;
	display:block;
}
.folderBox .docs-langs{}
.folderBox .docs-perms{}

.permissions{ display: none;}
#thisfolder{ float:left; margin:10px 0 10px 0;}
#thisfolder p{ margin:0;}
#folders{ clear:both;}

#newbackbuttons{ clear:both;}


.nocontentsmessage{
	text-align: center;
	font-size: 250%;
	font-variant: small-caps;
	color: EB271D;
}
form#membersarealoginform, form#researchdatabase, form#passwordretrievalform, form#loggedInAccountMgtmt{ width:50%; margin:0 auto 50px auto;}
#col1 form#membersarealoginform input, #col1 form#passwordretrievalform input, #col1 form#loggedInAccountMgtmt input{ width:75%; float:left; border: 2px solid #02ACE9; margin-bottom:10px;}
#col1 form#membersarealoginform input[type="text"], #col1 form#passwordretrievalform input[type="text"], #col1 form#loggedInAccountMgtmt input[type="text"],  #col1 form#loggedInAccountMgtmt input[type="password"]{ background:#fff; color:#666; }
#col1 form#membersarealoginform label, #col1 form#passwordretrievalform label, #col1 form#loggedInAccountMgtmt label { width:25%; display:block; float:left; clear:left; border: 1px solid #fff;}


#col1 #modal-file .cmsbutton.moveup{ margin:-11px 0 7px 0;}


#col1 a.bluebutton{ color:#fff; text-decoration: none; background:#02ace9; padding:7px; text-align:center; float:right; clear:both; display:block;}

p.success{
	color: #00B200;
	font-weight: bold;
	font-size:120%;
}
p.error{
	color: #990000;
	font-weight: bold;
	font-size:120%;
}