.fb_iframe_widget {
  vertical-align: top;
}

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* Improve default text rendering, handling of kerning pairs and ligatures */


/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 Verdana, Arial, Sans-serif; *font-size: 1em; color: #434343} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}


/* TYPOGRAPHY */
body { font-size: 0.625em; }
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', Verdana, Arial, Sans-serif;color:#303030;font-weight:400}
h1 {margin: 0; font-size: 2.1em; line-height: 1.2em; margin-bottom: 0.4em; text-transform: uppercase; } 
h2 {margin: 0; font-size: 1.8em; line-height: 1em; margin-bottom: 0.5em} 
h3 {margin: 0; font-size: 1.4em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} 
h4 {margin: 0; font-size: 1.3em; line-height: 1em; margin-bottom: 1em} 
h5 {margin: 0; font-size: 1.2em; line-height: 1em; margin-bottom: 1em} 
h6 {margin: 0; font-size: 1.1em; line-height: 1em; margin-bottom: 1em} 


/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}



/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */



/* ANCHORS */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a, a:hover, a:active, a:visited {
	color: #97C11F;
}


/* STANDARD CLASSES */
.clear { clear: both; }



/* NAVIGATION */
#skipto {
	/* 20170125 JH: hide the skipto link, not used anymore... */
	display: none;
}

#skipto ul {
	list-style-type: none;
	margin-bottom: 0.5em;
}

#skipto ul li {
	background: #fbfbfb;
	border: 1px solid #dedede;
	text-align: center;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 4px;
}

#skipto ul li a {
	display: inline-block;
	padding: 0.2em;
	width: 96%;
	font-size: 1.1em;
}

#logo {
	float: left;
	margin: 0 4px;
}

#logo img {
	margin: 0;
}

#search {
	margin: 0 auto;
	padding: 9px 0;
}

#search form {
	margin: 0;
}

#search input[type="text"],
#search input[type="search"] {
	/* border: 1px solid #F7F7F7;
	-moz-border-radius: 2px;
	border-radius: 2px; */
	margin: 4px;
	/* -moz-box-shadow: 0 2px 2px 0 #bbb;
	-webkit-box-shadow: 0 2px 3px 0 #bbb;
	box-shadow: 0 2px 2px 0 #bbb;
	padding: 7px 36px 7px 12px; */
	/* background: #fbfbfb url(../gfx/search-bg.png) 95% 53% no-repeat; */
	border: 1px solid #E3E9EF;
	border-top: 1px solid #ABADB3;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 36px 3px 12px;
	background: url(../gfx/search-bg.png) 95% 53% no-repeat;
	width: 228px;
	font-size: 12px!important; 
}

nav#topmenu ul {
	list-style-type: none;
	clear: both;
}

nav#topmenu ul li {
	width: 48.7%;
	float: left;
}

nav#topmenu ul li ul {
	display: none;
}

nav#topmenu ul li:hover {

}

nav#topmenu ul li:nth-child(2n+2){
	margin-right: 0;
}

nav#topmenu ul li a {
	color: #434343;
	text-transform: uppercase;
	text-decoration: none; 
	font-family: 'Oswald', Verdana, Arial, Sans-serif;
	display: inline-block;
	padding: 0.5em 0.5em 0.3em;
	background: #fbfbfb;
	border: 1px solid #F7F7F7;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 87%;
	margin: 4px;
	font-size: 1.3em;
}

nav#topmenu ul li:hover a, nav#topmenu ul li.current a {
	color: #858585;
}

nav#topmenu ul li:hover ul li a, nav#topmenu ul li.current ul li a {
	color: #434343;
}

nav#topmenu ul li ul li:hover a, nav#topmenu ul li ul li.current a {
	color: #434343;
}

nav#topmenu ul li a.sf-with-ul {
	/* background:red; */
}

.sf-sub-indicator {
	right:			1.05em;
	background: url('../gfx/arrows-4385.png') no-repeat -10px -100px;
}


#breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

#breadcrumbs ul li span.divider {
	display: inline-block;
	padding: 0 5px 0 0;
}


/*  CONTENT */

#slider {
	margin: 0 auto;
}

#slider img {
	width: 100%!important;
	height: auto;
	text-align: center!important;
} 

.nivo-slider-wrapper {
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
}

#mainwrapper { }

#main {
	margin: 1.5em 4px 1.0em 4px;
	font-size: 1.2em;
	max-width: 596px;
}

#main a {
	text-decoration: none;
}

#main img {
	margin: 0 0 0 0;
}

#main div.blog-featured div.items-leading em {
	font-family: 'Oswald', Verdana, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4em;
	color: #6B6B6B;
}

#main div.blog span.published-date, #main div.item-page span.published-date {
	font-style: italic;
}

#main ul.actions { display: none; }

#main #subcontent {
	margin: 3em 0 2em 0;
}

#aside {
	margin: 2.5em 0 0 0;
	font-size: 1.2em;
	max-width: 274px;
}

#aside h2, #aside h3 {
	text-transform: uppercase;
}

#aside div.custom {
	margin-bottom: 2.6em;
}

#aside div.custom h2, #aside div.custom h3 {
	background: url(../gfx/header-bg.png) -50px 50% no-repeat; 
}

#aside h3.latest-news {
	background: url(../gfx/header-bg.png) 75px 50% no-repeat; 
}

#aside div.custom h2 span, #aside div.custom h3 span {
	background: #fff;
	padding-right: 15px;
}

#aside div.custom h4 {
	background: url(../gfx/header-bg.png) -20px 50% no-repeat; 
	margin-top: -0.6em;
}

#aside div.custom p, #aside div.custom p img {
	margin-bottom: 0;
	padding-bottom: 0;
}

#aside  div.acymailing_module_form h3 {
	background: url(../gfx/header-bg.png) 100px 50% no-repeat; 
}

#aside ul.latest-news {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aside ul.latest-news li {
	clear: both;
	margin-bottom: 0.6em;
}

#aside ul.latest-news li span.mod-articles-category-date {
	display: block;
	text-align: center;
	background: #97C11F;
	text-transform: uppercase;
	font-family: 'Oswald', Verdana, Arial, Sans-serif;
	float: left;
	width: 30px;
	height: 30px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: normal;
	padding: 4px 4px 5px 4px;
	margin: 0 16px 0.3em 0;
}

#aside ul.latest-news li span.mod-articles-category-wrapper {
	display: inline-block;
	width: 195px;
	float: left;
}

#aside ul.latest-news li h4 {
	margin-bottom: 0.3em;
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
}

#aside ul.latest-news li p.mod-articles-category-readmore {
	margin-top: -1.6em;
}

#aside a {
	text-decoration: none;
}

#aside .morenews a {
	margin-left: 0; /* 75px; */
	margin-top: 0.2em;
	font-size: 0.95em;
	display: inline-block;
}

#aside .custom.call-for-abstracts {
	background: #97C11F;
	text-transform: uppercase;
	font-family: 'Oswald', Verdana, Arial, Sans-serif;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: normal;
	padding: 10px 10px 16px 10px;
}

#aside .custom.call-for-abstracts h3 {
	margin-bottom: 0.3em;
}
#aside .custom.call-for-abstracts h3 span {
	background: #97C11F;
	color: #fff;
}

#aside .custom.call-for-abstracts a {
	color: #fff;
}


div#projects {
	/* margin-top: -1.2em; */
}

div#subwrapper {

}

div#subwrapper h2 {
	text-transform: uppercase;
	background: url(../gfx/header-bg.png) -10px 50% no-repeat;
	margin-bottom: 20px;
}

div#subwrapper img {
	margin-bottom: 0;
}


div#subwrapper #publications h2 {
	background: url(../gfx/header-bg-wide.png) -30px 50% no-repeat;
}

#publications ul {
	list-style-type: none;
	font-size: 1.15em;
}

div#subwrapper #publications ul li h3, div#subwrapper #publications ul li h4 {
	margin: 0;
}

div#subwrapper #publications ul li p {
	margin: 0 0 1.0em 0;
}

div#subwrapper #publications ul li .publish-date {
	font-size: 0.9em;
}

div#subwrapper #publications ul li a {
	text-decoration: none;
}

div#subwrapper #publications ul li span.image { 
	min-width: 150px;
	min-height: 150px;
	width: 150px;
	float: left;
	text-align: center;
	margin-right: 30px;
	background: #F8F8F8;
	display: inline-block;
	clear: left;
	margin-bottom: 1.6em;
}

div#subwrapper #publications ul li span.description { 
	display: inline-block;
	float: left;
	max-width: 400px;
}

#subright {
	display: inline-block;
}

#subright div.custom h2 {
	margin-top: 1.7em;
}

#subright div.custom h2:first-child {
	margin-top: 0;
}

#subright div.custom:first-child h2 {
	background: url(../gfx/header-bg-wide.png) -35px 50% no-repeat;
}

#subright div.fundedby:first-child h2 {
	background: url(../gfx/header-bg.png) -10px 50% no-repeat;
}

#subright h3.uc { display: none; }

#subright ul.uc {
	list-style-type: none;
	margin: 0 0 1.2em 0;
	padding: 0;
}

#subright ul.uc li h4 a {
	font-family: Verdana, Arial, Sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}

#subright a {
	text-decoration: none;
}




#footerwrapper {
	background: #696969;
	border-top: 3px solid #AAAAAA;
	color: #FFF;
	font-size: 1.0em;
	padding: 1.6em 0;
	margin: 1.5em 0 2.0em;
}

#footerwrapper p {
	margin: 0; padding: 0;
}

#footerwrapper a {
	text-decoration: none;
}


div#eventlist table thead {
	display: none;
}

div#eventlist table.eventtable {
	border: 0;
}

div#eventlist table.eventtable td { padding: 0.4em 0.4em 0.4em 0; border-right: 0; font-family: 'Oswald', Verdana, Arial, Sans-serif; font-size: 1.3em; }

div#eventlist table.eventtable tr.sectiontableentry2 td { background: none }

div#eventlist table.eventtable tr:hover td { background: none }

div#eventlist table.eventtable td strong {
	display: block;
	text-align: center;
	background: #97C11F;
	float: left;
	width: 80px;
	height: 80px;
	color: #FFF;
	line-height: 1.2em;
	font-weight: normal;
	padding: 5px;
	margin: 0 24px 0 0;
}

div#eventlist p.copyright {
	display: none;
}

div#eventlist div#4dh-eventsignup form fieldset {
	border: 0;
	padding: 1.0em 0 0;
}

div#eventlist div form label {
	display: inline-block;
	width: 25%;
	text-align: right;
	margin-right: 0.3em;
}

div#eventlist div form label span {
	font-size: 0.8em;
}

div#eventlist div form input {
	margin-bottom: 0.5em;	
}

div#eventlist div form input[type=text] {
	width: 60%;
}

div#eventlist div#4dh-eventsignup form p {
	margin-bottom: 0.3em;
}

div#eventlist div form span.error {
	margin-top: -0.7em!important;
	margin-left: 27%;
	margin-bottom: 0.6em;	
	color: #f00;
	display: inline-block;
}



/* DOCLIB styling */
ol.doclib-categories, ol.doclib-documents {
	list-style-type: none;
}
ol.doclib-categories li, ol.doclib-documents li {
	margin: 1.8em 0 0.5em 0!important;
	border-bottom: 1px solid gray;
}

ol.doclib-categories li h2, ol.doclib-documents li h2 {
	margin-bottom: 0.3em;
	/* border-bottom: 1px solid gray; */
}

ol.doclib-categories li h2 .right, ol.doclib-documents li h2 .right {
	float: right;
	font-size: 0.8em;
}

ol.doclib-categories li h2 .right a, ol.doclib-documents li h2 .right a {
	color: #303030;
	text-decoration: none;
}

ol.doclib-categories li h3, ol.doclib-documents li h3 {
	margin: 0;
}

ol.doclib-categories li p, ol.doclib-documents li p {
	margin: 0.3em 0 0 0;
}

ol.doclib-documents li .publish-date, ol.doclib-documents li .document-downloads {
	font-size: 0.9em;
}

table.doclib-documents { width: 100%;  }

table.doclib-documents th {
	text-align: left;
	padding-right: 0.4em;
}

table.doclib-documents td {
	border-bottom: 1px solid #e5e5e5;
	padding-right: 0.4em;
	padding-top: 0.7em;
	vertical-align: top;
}

table.doclib-documents td h2 {
	font-size: 1.3em;
}

table.doclib-documents td h3 {
	font-size: 1.2em;
}

#doclib-search {
	margin: 0 0 1.0em 0;
}

#doclib-search fieldset {
	border: 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid gray;
}

#doclib-search legend {
	float: left;
	padding: 1.2em 0.4em 0 0;
}

#doclib-search  input[type=text] {
	/* border: 1px solid #F7F7F7;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 4px 4px 4px 82px;
	-moz-box-shadow: 0 2px 2px 0 #bbb;
	-webkit-box-shadow: 0 2px 3px 0 #bbb;
	box-shadow: 0 2px 2px 0 #bbb;
	padding: 7px 36px 7px 12px;
	background: #fbfbfb url(../gfx/search-bg.png) 95% 53% no-repeat;
	width: 252px;
	font-size: 1.2em; */
	margin: 14px 0 4px 86px;
	border: 1px solid #E3E9EF;
	border-top: 1px solid #ABADB3;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 36px 3px 12px;
	background: url(../gfx/search-bg.png) 95% 53% no-repeat;
	width: 252px;
	font-size: 12px!important; 
	float: left;
}

#doclib-search  input[type=submit] {
	display: none;
}



div.login fieldset {
	border: 0;
	padding: 0;
}

div.login label {
	width: 100px;
	text-align: right;
	display: inline-block;
}

div.login input[type=text] {
	margin-bottom: 0.4em;
}

div.login button.button {
	margin-left: 104px;
}



/* Pagination */
div.pagination {
	margin-top: 2.0em;
}

div.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.pagination ul li {
	float: left;
	min-width: 20px;
	min-height: 20px;
	padding: 5px;
	border: 1px solid #AAAAAA;
	text-align: center;
	margin-right: 4px;
}




/* Slider */

.jcarousel-skin-tango .jcarousel-container {
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 320px;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  320px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 235px;
	text-align: center;
	font-size: 1.1em;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 48px;
	background: #F8F8F8;
	border-bottom: 1px solid #E4E4E4;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -46px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../gfx/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    /* background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /* background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /* background-position: -96px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -46px;
    left: 285px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../gfx/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    /* background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /* background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /* background-position: -96px 0; */
}





/* MEDIA QUERIES
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px		- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {
		
	}
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}
	
	#search {
		float: right;
		margin-left: 12px;
		padding: 9px 0;
	}
}


/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
		
	}
	
	#skipto {
		display: none;
	}	
	
	nav#topmenu ul li a {
		font-size: 1.4em;
	}
}


@media only screen and (min-width: 1px) and (max-width: 767px) {
	#logo img {
		margin: 5px;
		max-width: 60px;
		height: auto;
	}
}


/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
	
	}
	
	header#top {
		margin: 12px 0 4px;
	}
	
	#logo {
		margin-top: 6px;
	}
	
	#search input[type="text"],
	#search input[type="search"] {
		font-size: 0.9375em;
		width: 275px;
	}
	
	nav#topmenu ul li {
		width: 32.7%;
	}
	
	nav#topmenu ul li:hover ul {
		/* display: block; */
	}
	
	#main, #publications {
		width: 63%;
		margin-right: 3%;
		float: left;
	}
	
	#aside, #subright {
		width: 29%;
		margin-left: 4%;
		float: left;
	}
}

/* "DEFAULT SCREEN LAYOUT" */
@media only screen and (min-width: 946px) { 
	body {

	}

	header#top, div#mainwrapper, footer#footer, div#subwrapper, #breadcrumbs {
		width: 946px;
		max-width: 946px!important;
		margin: 0 auto;
	}
	
	#logo {
		margin: 0 4px 0 0;
	}
	
	#search {
		margin: 0 -3px 0 0;
	}
	
	.nivo-slider-wrapper {
		width: 946px;
		height: 280px;
	}
	
	#slider img {
		height: 280px;
	}
	
	#sliderwrapper-left {
		height: 280px;
		background: url(../gfx/bg-l.jpg) left top no-repeat;
		margin-bottom: -280px;
	}
	
	#sliderwrapper-right {
		height: 280px;
		background: url(../gfx/bg-r.jpg) right top no-repeat; 
		margin-bottom: -280px;
	}
	
	#breadcrumbs {
		padding: 60px 0 0 0;
		margin-bottom: 40px;
	}
	
	#breadcrumbswrapper-left {
		height: 85px;
		background: url(../gfx/bg-l.jpg) left top no-repeat;
		margin-bottom: -85px;
	}
	
	#breadcrumbswrapper-right {
		height: 85px;
		background: url(../gfx/bg-r.jpg) right top no-repeat; 
		margin-bottom: -85px;
	}
	
	
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 946px;
		padding: 0;
	}

	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width:  946px;
		height: 275px;
	}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 885px;
	}	
	
	div#subwrapper #publications {
		min-width: 63%;
		border: 1px solid #fff;
	}
	
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
	
	#logo {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		max-width: 100px;
		width:100px;
		height:100px;
		max-height: 100px;
	}
	
	nav#topmenu ul {
		float: right;
		clear: none;
		margin-top: 15px; /*30px*/
	}
	
	nav#topmenu ul li {
		width: auto;
	}
	
	nav#topmenu ul ul {
		margin-top: 0;
		border-top: 21px solid #fff;
	}
	
	nav#topmenu ul ul ul {
		border-top: 0;
	}

	nav#topmenu ul li a {
		color: #434343;
		text-transform: uppercase;
		text-decoration: none; 
		font-family: 'Oswald', Verdana, Arial, Sans-serif;
		display: inline-block;
		padding: 0.5em 0.6em 0.3em;
		background: none;
		border: none;
		width: 99%;
		margin: 0;
		font-size: 1.225em;
	}
	
	nav#topmenu ul li:last-child a {
		padding: 0.5em 0 0.3em 0.6em;
	}
	
	nav#topmenu ul li ul li a {
		text-transform: none;
	}

}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
	body {

	}
}



/* JEM - Eventlist */
#jem.jem_eventslist,
#jem.jem_event {
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
}

#jem.jem_event h2 {
	background: none;
	border: 0;
	padding: 0;
	font-size: 1.2em; 
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding:0.5em 0.3em; 
	margin: 0.8em 0;
}

div#jem .buttons a {
	border: 0!important;
	background: none!important;
	color: #97C11F!important;
	font-weight: normal!important;
	margin: 0!important;
	padding: 0!important;
	font-size:1.1em!important;
}

div#jem table.eventtable {
	background: none;
	margin:1em 1px;
	width:100%;
	font-size:1em;
	border-collapse:collapse;
}

div#jem table.eventtable th {
	display:none;
}

div#jem table.eventtable td {
	background-color:none;
	padding:0;
	border:0;
	font-family: "Oswald",Verdana,Arial,sans-serif;
	font-size: 15.6px;
	line-height: 23.4px;
	padding: .4em 0;
}

div#jem table.eventtable tr td {
	border-bottom: 1px solid #e5e5e5;
	
}

div#jem table.eventtable tr.sectiontableentry1 td,
div#jem table.eventtable tr.sectiontableentry2 td {
	background-color:#fff!important;
}

div#jem table.eventtable tr:hover td {
	background-color:#fff!important;
}

div#jem table.eventtable tr.featured td {
	background-color: #fff!important;
}

div#jem table.eventtable tr td strong {
	display: block;
	background: #97C11F!important;
	width: 70px;
	height: 70px;
	min-width: 70px!important;
	max-width: 70px!important;
	min-height: 70px;
	padding: 10px;
	color: #fff!important;
	text-transform: uppercase;
	border-right: 20px solid #fff!important;
	text-align: center;
}

div#jem table.eventtable tr td span.jem_date-1 {
	display: inline-block;
}

div#jem.jem_eventslist div.copyright,
div#jem.jem_event div.copyright {
	display: none;
}

div#jem div#4dh-eventsignup form fieldset {
	border: 0;
	padding: 1.0em 0 0;
}

div#jem div form label {
	display: inline-block;
	width: 25%;
	text-align: right;
	margin-right: 0.3em;
}

div#jem div form label span {
	font-size: 0.8em;
}

div#jem div form input {
	margin-bottom: 0.5em;	
}

div#jem div form input[type=text] {
	width: 60%;
}

div#jem div#4dh-eventsignup form p {
	margin-bottom: 0.3em;
}

div#jem div form span.error {
	margin-top: -0.7em!important;
	margin-left: 27%;
	margin-bottom: 0.6em;	
	color: #f00;
	display: inline-block;
}




/* System Messages */

.error
{
	padding:0px;
	margin-bottom: 20px;
}

.error h2
{
	color:#000 !important;
	font-size:1.4em !important;
	text-transform:uppercase;
	padding:0 0 0 0px !important
}

#system-message dt
{
	font-weight: bold;
}
#system-message dd
{
	margin: 0 0 15px 0;
	font-weight: bold;
	text-indent: 0px;
	padding:0
}
#system-message dd ul
{
	color: #000;
	list-style: none;
	padding: 0px;
}
#system-message dd ul li
{
	line-height:1.5em
}

/* System Standard Messages */
#system-message dt.message
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.message  ul
{
	background: #fff  url(../images/system/notice-info.png) no-repeat;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border: 2px solid #90B203;
	border-radius:10px
}

#system-message dd.message ul li{background:none !important}

/* System Error Messages */
#system-message dt.error
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.error ul
{
	background:#fff url(../images/system/notice-alert.png) no-repeat ;
	padding-left:40px;
 	padding: 10px 10px 10px 40px;
	border: 2px solid #990000;
	border-radius:10px

}



/* System Notice Messages */
#system-message dt.notice
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.notice  ul
{
	background:#fff url(../images/system/notice-note.png) no-repeat ;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border: 2px solid #FAA528;
	border-radius:10px

}
#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message
{
	margin-bottom: 0px;
	padding: 0;
}

#system-message dt
{
	font-weight: bold;
}

#system-message dd
{
	font-weight: bold;
	padding: 0;
}




/* Phoca Gallery overrides */
#phocagallery.pg-categories-view.pg-csv #pg-msnr-container .pg-csv-box { 
	min-height: 260px;
}

#phocagallery.pg-categories-view.pg-csv #pg-msnr-container .pg-csv-box .pg-csv-name {
	padding-left: 0;
	background: none;
}

#phocagallery.pg-category-view.pg-cv #pg-msnr-container.pg-msnr-container img.format-portrait {
	margin-left: 16.5%;
	margin-right: 16.5%;
}
/*
div.pg-cv-box.item.pg-grid-sizer
div.pg-cv-box-img.pg-box1
div.pg-box2
div.pg-box3
a.magnific
*/


/* RQuotes module (div.rquotes) + RQuotes component (#rquote_main) */
div.rquotes {
	background: url(../gfx/bg-r.jpg) 30% 0;
	padding: 10px;
	margin-bottom: 26px;
	font-weight: bold;
	font-family: "Oswald",Verdana,Arial,sans-serif;
	font-size: 14px;
}

div.rquotes img,
#rquote_main .com_rquote_quote img {
	float: right;
	max-width: 105px;
	height: auto;
	margin: 0 0 10px 15px;
}

div.rquotes .author,
span.com_rquote_author {
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

/*
div.rquotes .quotationmark {
	font-size: 16px;
	line-height: 1px;
	font-family: "Oswald",Verdana,Arial,sans-serif;
}
*/

#rquote_main .com_rquote_quote,
#rquote_main span.com_rquote_author {
	color: #000;
}


.com_rquote_item {
	margin-bottom: 3em;
	border-bottom: 1px solid silver;
	padding-bottom: 1em;
	min-height: 14em;
}


#rquote_main .com_rquote_item:nth-child(2n+2) img {
	float: left;
	margin: 0 15px 10px 0;
}


/* Overriding below */
/*show quote quotation marks yes. used for before quotation mark*/
.com_rquote_quote  p :before {
    content: "";
    font-size: 12px;
    font-weight: bold;
    line-height:12px;
}

/* show quote quotation marks yes. used for after quotation mark */
.com_rquote_quote p :after {
    content: "";
    font-size: 12px;
    font-weight: bold;
    line-height:12px;
}




/* Conferences Menu (in top) */
#submenu-conferences {
	background: #696969;
	margin-top: .3em;
}

#submenu-conferences nav#conferencemenu {
	max-width: 946px;
	margin: 0 auto;
}

#submenu-conferences nav#conferencemenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#submenu-conferences nav#conferencemenu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 31.33333%;
	background: #333;
	padding: .5em 0 .5em 2%;
}

#submenu-conferences nav#conferencemenu ul li:nth-child(1) {
	background: #27a7e1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,add2f1+0,207cca+100,1ea4de+100 */
	background: -moz-linear-gradient(top, #1e5799 0%, #add2f1 0%, #207cca 100%, #1ea4de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#add2f1 0%,#207cca 100%,#1ea4de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#add2f1 0%,#207cca 100%,#1ea4de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1ea4de',GradientType=0 ); /* IE6-9 */
}

#submenu-conferences nav#conferencemenu ul li:nth-child(2) {
	background: #f8b031;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,fccd80+0,f8b031+100,f8b031+100 */
	background: -moz-linear-gradient(top, #1e5799 0%, #fccd80 0%, #f8b031 100%, #f8b031 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#fccd80 0%,#f8b031 100%,#f8b031 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#fccd80 0%,#f8b031 100%,#f8b031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f8b031',GradientType=0 ); /* IE6-9 */
}

#submenu-conferences nav#conferencemenu ul li:nth-child(3) {
	background: #98c121;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,c0d77b+0,98c121+100,f8b031+100 */
	background: -moz-linear-gradient(top, #1e5799 0%, #c0d77b 0%, #98c121 100%, #f8b031 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#c0d77b 0%,#98c121 100%,#f8b031 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#c0d77b 0%,#98c121 100%,#f8b031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f8b031',GradientType=0 ); /* IE6-9 */
}

#submenu-conferences nav#conferencemenu ul li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
	font-family: "Oswald",Verdana,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}



/* Conference right submenu */
#aside ul.nav.menu.conference-submenu-right,
#aside ul.nav.menu.conference-submenu-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aside ul.nav.menu.conference-submenu-right {
	margin-bottom: 3em;
}

#aside ul.nav.menu.conference-submenu-right li {
	display: none;
}

#aside ul.nav.menu.conference-submenu-right li.active,
#aside ul.nav.menu.conference-submenu-right li.active ul li {
	display: block;
}

#aside ul.nav.menu.conference-submenu-right li.active a,
#aside ul.nav.menu.conference-submenu-right li.active ul li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	font-size: 1.4em;
	font-family: "Oswald",Verdana,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #e7e7e7;
}

#aside ul.nav.menu.conference-submenu-right li.active a:before,
#aside ul.nav.menu.conference-submenu-right li.active ul li a:before {
	content: " + ";
	font-size: 1.6em;
	line-height: 1em;
	font-family: Verdana,Arial,sans-serif;
	margin-right: .05em;
	font-weight: bold;
}

#aside ul.nav.menu.conference-submenu-right li.current a:before,
#aside ul.nav.menu.conference-submenu-right li.active ul li.current a:before {
	content: " \2012 ";
	margin-left: .1em;
	margin-right: .5em;
}

/*
li.item-308.active.deeper.parent
ul.nav-child.unstyled.small
li.item-315.current.active
*/

/* Impact right box */
#aside .custom.impact {
	margin-top: -4.1em;
	background: #e7e7e7;
	padding: 1.5em 1.5em 2em 1.5em;
	font-size: .95em;
}

#aside .custom.impact h2 {
	font-size: 1.4em;
	background: none;
}



/* 20170125 JH: Extra responsive coding */
@media only screen and (min-width: 1px) and (max-width: 1024px) {

	#search {
		margin-right: 60px;
		padding-top: 20px;
	}


	#menu-toggle {
		display: block;
		top: 18px;
		position: absolute;
		right: 10px;
		z-index:20;
		border: 8px solid #333;
		-moz-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
	}
	
	#menu-toggle-inner {
		background: #333 url(../gfx/menu-toggle.png) 50% 50% no-repeat;
		background-size: contain; 
		width: 24px;
		height: 24px;
	}
	
	#topmenu ul.jt-menu {
		display: none;
		position: absolute;
		z-index: 20;
		top: 70px;
	}
	
	#topmenu ul.jt-menu li {
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid silver;
		background: #333;
	}
	
	#topmenu ul.jt-menu li a {
		display: inline-block;
		background: #333;
		border: 0;
		color: #eee;
	}
	
	#topmenu ul.jt-menu li.current a {
		display: inline-block;
		background: #333;
		border: 0;
		color: silver;
	}
	
	#topmenu ul.jt-menu li .sf-sub-indicator {
		right: -.4em;
		background: url('../gfx/arrows-5208.png') no-repeat -10px -100px;
	}
	
	
	#topmenu ul.jt-menu li.deeper.parent.sfHover ul {
		width: 92%;
		min-width: 92%;
		background: green;
		border: 1px solid silver;
		margin-left: 5%;
		padding-bottom: 0;
	}
	
	#topmenu ul.jt-menu li.deeper.parent.sfHover ul li {
		width: 100%;
		min-width: 100%;
		display: inline-block;
	}
	
	#topmenu ul.jt-menu li.deeper.parent.sfHover ul li a {
		color: #eee;
		font-size: 1.5em;
	}
	
}


@media only screen and (min-width: 1px) and (max-width: 480px) {
	
	#search {
		display: none!important;
	}
	
	#submenu-conferences nav#conferencemenu ul li a {
		font-size: 1.5em;
	}	
	
	#subcontent .custom,
	#aside,
	#projects .custom,
	#subwrapper #subright .custom.fundedby {
		margin: 0 4%;
		max-width: 92%;
	}
	
	#aside {
		margin-top: 60px;
		clear: both;
	}
	
	#projects .custom {
		margin-top: 30px;
	}
	
	#footer {
		padding-left: 4%;
		padding-right: 4%;
		font-size: 1.3em;
	}
	
	#footer span.divider {
		clear: both;
		display: block;
		line-height: 1px;
		color: blue;
		max-height: 1px;
		overflow: hidden;
	}
	
	#aside .custom.impact {
		margin-top: -1.1em;
	}
	
	div#phocagallery.pg-category-view.pg-cv div#pg-msnr-container.pg-msnr-container .pg-cv-box.item.pg-grid-sizer {
		max-width: 41.2%;
	}
	
}


@media only screen and (min-width: 480px) and (max-width: 768px) {

	#subcontent .custom,
	#projects .custom,
	#subwrapper #subright .custom.fundedby {
		margin: 0 2%;
	}
	
	#projects .custom {
		margin-top: 30px;
	}
	
	#aside {
		width: 98%;
		margin: 0 2%;
		max-width: 98%;
	}
	
	#aside .custom {
		/* 
		max-width: 44%;
		margin-right: 4%;
		float: left;
		*/
		width: 94%;
	}
	
	#footer {
		padding-left: 2%;
		padding-right: 2%;
		font-size: 1.1em;
	}
	
	#footer span.divider {
		display: none;
	}
	
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 480px;
	}

	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width:  480px;
	}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 385px;
	}	

}

@media only screen and (min-width: 375px) and (max-width: 768px) {
	
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 355px;
	}

	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width:  355px;
	}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 285px;
	}
	
}

@media only screen and (min-width: 667px) and (max-width: 768px) {
	
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 647px;
	}

	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width: 647px;
	}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 575px;
	}
	
}