html, body {
	margin:0 !important;
	padding:0;
	background-color:#fff;
	background:url('../images/BG_header.jpg') no-repeat center top;
	font-family: 'Lato', sans-serif;
	line-height:1.7;
	font-size:11pt;
	height:100%;
}

@media all and (max-width: 974px) and (min-width:768px) {
	html, body {
		background:url('../images/BG_headerMedium.jpg') no-repeat center top;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	html, body {
		background:url('../images/BG_headerSmall.jpg') no-repeat left top;
	}
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	html, body {
		line-height:1.5;
		font-size:10pt;
	}
}

body.modal {
	background:none;
	padding:40px;
}

p {
	margin-top:0;
}

p + p {
	margin-top:.5em;
}


blockquote {
	margin: 0 0 1em;
    padding: 2em 2em 1em;
	color:#003377;
	background-color:#f3f3ff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media all and (max-width: 974px) and (min-width:768px) {
	blockquote {
		padding:1.5em;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	blockquote {
		padding:1em;
	}
}


/* _____________________links */

:focus {outline:none;}

a {
	color: #044fba;
	text-decoration:none;
	border-bottom: 1px dotted #ccddcc;
}

a:visited {
	color: #03439e;
}

a:active,
a:hover {
	color: #238318;
	border-bottom: 1px dotted #880000;
}

a.naked,
a.naked:active,
a.naked:hover {
	border-bottom: none;
}


a.yellow,
a.yellow:active,
a.yellow:hover {
	color:#ffff00;
}


.horizontalRule {
	height:1px;
	margin:1em 0;
	background-color: #880000;
	background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,0)), color-stop(15%,rgba(30,87,153,0.8)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(85%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 */

}

/* headers */

h1,h2,h3,h4,h5,h6 {
	margin:.5em 0;
	line-height:1.1;
	color:#044fba;
	text-shadow: 1px 1px #FFFFFF;
}

h1 { font-size: 22px; }

h2 { font-size: 18px; }

h1 + h3,
h2 + h3 {
	margin-top:1em;
}

div.horizontalRule + h2,
div.horizontalRule + h3 {
	margin-top:-0.3em;
}

h3 { font-size: 16px; }

h4 { font-size: 12pt; }

h5 { font-size: 11pt; }

h6 { font-size: 9pt; }

h4.featured {
	font-size: 1.5rem;
	color:#008800;
	margin:1rem 0 2rem 0;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

h6.featured {
	font-size: 16px;
	color:#008800;
	margin:1.4em 0 0 1em;
	font-style: italic;
}

h6.featured + .horizontalRule {
	margin-top: .1em;
}


#contentBody .blog > h2:first-child, .item-page .page-header h2,
.blog .items-leading > div .page-header > h2:first-child {
	font-size:22px;
	margin:0 auto 1em auto;
	text-align:center;
}

@media all and (max-width: 974px) and (min-width:768px) {
	h1{ font-size: 18px; }
	h2{ font-size: 16px; }
	#contentBody .blog > h2:first-child, .item-page .page-header h2,
	.blog .items-leading > div .page-header > h2:first-child {
		font-size:19px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	h1 { font-size: 17px; }
	h2 { font-size: 15px; }
	h3{ font-size: 14px; }
	#contentBody .blog > h2:first-child, .item-page .page-header h2,
	.blog .items-leading > div .page-header > h2:first-child {
		font-size:18px;
	}
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	h1 { font-size: 16px; }
	h2{ font-size: 14px; }
	h3{ font-size: 12px; }
	#contentBody .blog > h2:first-child, .item-page .page-header h2,
	.blog .items-leading > div .page-header > h2:first-child {
		font-size:17px;
	}
}


.item-page .page-header,
.blog .items-leading > div .page-header {
	background:url('../images/headerRule.jpg') no-repeat center bottom;
	padding-bottom: 1px;
	margin:0 auto 3em auto;
}

.blog .items-leading > div + div {
	margin-top:5em;
}

@media all and (max-width: 605px), all and (max-device-width: 605px) {
	.item-page .page-header,
	.blog .items-leading > div .page-header {
		background:url('../images/headerRuleMedium.jpg') no-repeat center bottom;
	}
}
@media all and (max-width: 432px), all and (max-device-width: 432px) {
	.item-page .page-header,
	.blog .items-leading > div .page-header {
		background:url('../images/headerRuleSmall.jpg') no-repeat center bottom;
	}
}


#contentBody .blog > h2:first-child a, .item-page .page-header h2 a {
	border-bottom: none;
}

#contentBody .blog > h2:first-child a:visited, .item-page .page-header h2 a:visited {
	color:#044fba;
}

.newsflash h3 {
	margin-top:1.5em;
}

.blog p + h1,
.blog p + h2,
.item-page p + h1, 
.item-page p + h2 {
	margin-top:2em;
}


/*------------------------------ layout */

#all {
   min-height:100%;
   position:relative;
}

#main {
	margin:0 auto 0 auto;
	padding:0 0 171px 0;
	width:975px;
	overflow: visible;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#main {
		width:768px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#main {
		width:100%;
	}
}

#content {
	padding:28px 100px 36px 100px;
	clear:both;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#content {
		padding:23px 40px 24px 40px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#content {
		padding:20px 30px 24px 30px;
	}
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#content {
		padding:20px 10px 36px 10px;
	}
}

#footerContainer {
	background:url('../images/BG_footer.jpg') no-repeat center top;
	height:171px;
	position:absolute;
	bottom:0;
	width:100%;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#footerContainer {
		background:url('../images/BG_footer768.jpg') no-repeat center top;
		height:160px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#footerContainer {
		background:none;
		background-color:#ecf3fc;
		height:auto;
		padding: 15px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#footerContainer {
		padding: 10px;
	}
}

#footer {
	margin:0 auto 0 auto;
    padding: 50px 0 0;
    width: 800px;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#footer {
		padding: 0;
		width: 618px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#footer {
		padding: 0;
		width: 100%;
	}
}

#copyright {
	margin: 33px 0 0;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#copyright {
		margin: 30px 0 0;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#copyright {
		margin:30px 0 0 10px;
		display:inline-block;
	}
}

#breadcrumbs {
	list-style: none;
	margin:0 0 1em;
}

#breadcrumbs ul {
	margin:0;
	padding:0;
}

#breadcrumbs li {
	display: inline-block;
}

.alert {
	color:#880000;
	font-weight:bold;
}

.notice {
	color:#009900;
	font-weight:bold;
}


div[itemprop="articleBody"] {
	margin-bottom:2.5em;
}

.rounded {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}



/*_____________________ menu ____*/

#mainMenu {
	margin:0;
	height:146px;
	padding:0;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#mainMenu {
		height:112px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#mainMenu {
		height:122px;
	}
}

#footerMenu {
	width: auto;
	float:right;
}

#footerMenu .menu-cell  {
	float:left;
	width:auto;
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#footerMenu {
		float:none;
	}
}

#mainMenu ul,
#footerMenu ul {
	list-style: none outside none;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	position:relative;
	font-size: 11px;
	z-index:1000;
}

#mainMenu ul li,
#footerMenu ul li {
	display: block;
	margin: 0;
	padding: 0;
	position:relative;
}

#footerMenu ul li {
	margin: 0 0 -8px 0;
}

#mainMenu ul > li {
	float: left;
	position: static !important;
	cursor: pointer;
}

#mainMenu ul li.top {
	height:51px;
	margin:62px 0 0 0;
}

@media all and (max-width: 974px) and (min-width:768px) {
	#mainMenu ul li.top {
		height:48px;
		margin:47px 0 0 0;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#mainMenu ul {
		margin:0 auto 0 auto;
	}
	#mainMenu ul li.top {
		height: 110px;
		margin: 20px 0 0;
		width: 7%;
	}
}

#mainMenu ul li.top > a {
	color: none;
	border-bottom:none;
}


	
/* child menu links */

#mainMenu .dropDownMenu li > a, 
#footerMenu ul li > a {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	border: 0 none;
	font-weight: normal;
	margin: 0;
	padding: 6px 10px;
	text-shadow: 0 1px 1px #fff;
	cursor: pointer;
	display: block;
	line-height: normal;
	text-decoration: none;
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#footerMenu ul li > a {
		padding: 10px;
	}
}

#mainMenu .dropDownMenu li a:hover {
	background-color: #e8fdea;
}


#mainMenu .dropDownMenu li.current > a {
	color: #238318;
	font-style:italic;
}		
				
/* drop down menus */
#mainMenu .dropDownMenu {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	border: solid 1px #82a7de;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:absolute;  
	z-index: 0;
	overflow: visible;
	margin-bottom:12px;
	background-color: #f6fbff;
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#mainMenu .dropDownMenu {
		left:30px !important;
		width: 90% !important;
	}
}
@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#mainMenu .dropDownMenu {
		left:0 !important;
		width: 100% !important;
	}
}


#mainMenu .dropDownMenu ul {
	margin-bottom:12px;
}

#mainMenu .dropDownMenu > ul:first-child {
	margin-top:12px;
}

#mainMenu .dropDownMenu li {
	float:none;
}



/* top arrow */

@media all and (min-width:768px) {
	#mainMenu a.top + .dropDownMenu:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 10px;
		border-bottom: 10px solid #82a7de;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent; 
	}
	
	#mainMenu a.top + .dropDownMenu:after {
		content: "";
		position: absolute;
		top: -8px;
		left: 12px;
		border-bottom: 8px solid #f6fbff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent; 
	}
	
	/* adjust arrow for questions */
	#mainMenu a.top + .dropDownMenu.questions:before {
		left: 200px;
	}
	
	#mainMenu a.top + .dropDownMenu.questions:after {
		left: 202px;
	}
}


/* show dropdown with fade in transition */

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

#mainMenu ul li.top.over div.dropDownMenu  {
	display:block;
	
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.6s;
	-moz-animation-duration:.6s;
	-ms-animation-duration:.6s;
	-o-animation-duration:.6s;
	animation-duration:.6s;
	
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* overide menus at right edge */
@media all and (min-width:768px) {
	#mainMenu ul li.top.over div.dropDownMenu.openLeft  {
		left: auto !important;
		right: 0 !important;
	}
}

/* top level menu items */
#mainMenu ul li.top a.top > div {
	height:51px;
}
@media all and (max-width: 974px) and (min-width:768px) {
	#mainMenu ul li.top a.top > div {
		height:41px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#mainMenu ul li.top a.top > div,
	#mainMenu ul li.search > a > div {
		height:110px;
		background: #fff;
		margin: 0 2px;
		padding: 5px;
		width: 2em;
		border:none 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
}

li.top > a span {
	display:none;
}

#logoSmall {
	display:none !important;
}
	
@media all and (min-width:975px) {

	#logo {
		width:144px;
		height:146px;
		margin:0;
		border-bottom:none;
		background: url(/templates/penraeth/images/menu-L/on/logo.png) no-repeat;
	}
	#logo:hover,
	#logo.active {
		background: url(/templates/penraeth/images/menu-L/hover/logo.png) no-repeat;
	}
	
	
	#mainMenu #menu1 {
		width:61px;
		background:url(/templates/penraeth/images/menu-L/off/about.png) no-repeat;
	}
	#mainMenu #menu1.active {
		background:url(/templates/penraeth/images/menu-L/on/about.png) no-repeat;
	}
	#mainMenu #menu1:hover {
		background:url(/templates/penraeth/images/menu-L/hover/about.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.about {
		margin-top:-9px;
	}
	
	#menu2 {
		width:122px;
		background:url(/templates/penraeth/images/menu-L/off/publications.png) no-repeat;
	}
	#menu2.active {
		background:url(/templates/penraeth/images/menu-L/on/publications.png) no-repeat;
	}
	#menu2:hover {
		background:url(/templates/penraeth/images/menu-L/hover/publications.png) no-repeat;
	}
	
	
	#menu6 {
		width:82px;
		background:url(/templates/penraeth/images/menu-L/off/funding.png) no-repeat;
	}
	#menu6.active {
		background:url(/templates/penraeth/images/menu-L/on/funding.png) no-repeat;
	}
	#menu6:hover {
		background:url(/templates/penraeth/images/menu-L/hover/funding.png) no-repeat;
	}
	
	
	#menu4 {
		width:150px;
		background:url(/templates/penraeth/images/menu-L/off/organizations.png) no-repeat;
	}
	#menu4.active {
		background:url(/templates/penraeth/images/menu-L/on/organizations.png) no-repeat;
	}
	#menu4:hover {
		background:url(/templates/penraeth/images/menu-L/hover/organizations.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.organizations {
		margin-top:17px;
	}
	
	
	#menu7 {
		width:90px;
		background:url(/templates/penraeth/images/menu-L/off/people.png) no-repeat;
	}
	#menu7.active {
		background:url(/templates/penraeth/images/menu-L/on/people.png) no-repeat;
	}
	#menu7:hover {
		background:url(/templates/penraeth/images/menu-L/hover/people.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.people {
		margin-top:17px;
		margin-left:10px;
	}
	
	
	#menu3 {
		width:66px;
		background:url(/templates/penraeth/images/menu-L/off/videos.png) no-repeat;
	}
	#menu3.active {
		background:url(/templates/penraeth/images/menu-L/on/videos.png) no-repeat;
	}
	#menu3:hover {
		background:url(/templates/penraeth/images/menu-L/hover/videos.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.videos {
		margin-top:14px;
	}
	
	
	
	#menu5 {
		width:62px;
		background:url(/templates/penraeth/images/menu-L/off/blogs.png) no-repeat;
	}
	#menu5.active {
		background:url(/templates/penraeth/images/menu-L/on/blogs.png) no-repeat;
	}
	#menu5:hover {
		background:url(/templates/penraeth/images/menu-L/hover/blogs.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.blogs {
		margin-top:9px;
	}
	
	
	#menu9 {
		width:126px;
		background:url(/templates/penraeth/images/menu-L/off/questions.png) no-repeat;
	}
	#menu9.active {
		background:url(/templates/penraeth/images/menu-L/on/questions.png) no-repeat;
	}
	#menu9:hover {
		background:url(/templates/penraeth/images/menu-L/hover/questions.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.questions {
		margin-top:14px;
		width:370px;
	}
	
	
	#menu8 {
		width:70px;
		background:url(/templates/penraeth/images/menu-L/off/events.png) no-repeat;
	}
	#menu8.active {
		background:url(/templates/penraeth/images/menu-L/on/events.png) no-repeat;
	}
	#menu8:hover {
		background:url(/templates/penraeth/images/menu-L/hover/events.png) no-repeat;
	}

}


@media all and (max-width: 974px) and (min-width:768px) {
	#logo {
		width:112px;
		height:113px;
		margin:0;
		border-bottom:none;
		background: url(/templates/penraeth/images/menu-M/on/logo.png) no-repeat;
	}
	#logo:hover,
	#logo.active {
		background: url(/templates/penraeth/images/menu-M/hover/logo.png) no-repeat;
	}
	
	
	#menu1 {
		width:51px;
		background:url(/templates/penraeth/images/menu-M/off/about.png) no-repeat;
	}
	#menu1.active {
		background:url(/templates/penraeth/images/menu-M/on/about.png) no-repeat;
	}
	#menu1:hover {
		background:url(/templates/penraeth/images/menu-M/hover/about.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.about {
		margin-top:-9px;
	}
	
	#menu2 {
		width:93px;
		background:url(/templates/penraeth/images/menu-M/off/publications.png) no-repeat;
	}
	#menu2.active {
		background:url(/templates/penraeth/images/menu-M/on/publications.png) no-repeat;
	}
	#menu2:hover {
		background:url(/templates/penraeth/images/menu-M/hover/publications.png) no-repeat;
	}
	
	#menu3 {
		width:53px;
		background:url(/templates/penraeth/images/menu-M/off/videos.png) no-repeat;
	}
	#menu3.active {
		background:url(/templates/penraeth/images/menu-M/on/videos.png) no-repeat;
	}
	#menu3:hover {
		background:url(/templates/penraeth/images/menu-M/hover/videos.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.videos {
		margin-top:14px;
	}
	
	#menu4 {
		width:107px;
		background:url(/templates/penraeth/images/menu-M/off/organizations.png) no-repeat;
	}
	#menu4.active {
		background:url(/templates/penraeth/images/menu-M/on/organizations.png) no-repeat;
	}
	#menu4:hover {
		background:url(/templates/penraeth/images/menu-M/hover/organizations.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.organizations {
		margin-top:17px;
	}
	
	#menu5 {
		width:51px;
		background:url(/templates/penraeth/images/menu-M/off/blogs.png) no-repeat;
	}
	#menu5.active {
		background:url(/templates/penraeth/images/menu-M/on/blogs.png) no-repeat;
	}
	#menu5:hover {
		background:url(/templates/penraeth/images/menu-M/hover/blogs.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.blogs {
		margin-top:9px;
	}
	
	
	#menu6 {
		width:69px;
		background:url(/templates/penraeth/images/menu-M/off/funding.png) no-repeat;
	}
	#menu6.active {
		background:url(/templates/penraeth/images/menu-M/on/funding.png) no-repeat;
	}
	#menu6:hover {
		background:url(/templates/penraeth/images/menu-M/hover/funding.png) no-repeat;
	}
	
	#menu7 {
		width:58px;
		background:url(/templates/penraeth/images/menu-M/off/people.png) no-repeat;
	}
	#menu7.active {
		background:url(/templates/penraeth/images/menu-M/on/people.png) no-repeat;
	}
	#menu7:hover {
		background:url(/templates/penraeth/images/menu-M/hover/people.png) no-repeat;
	}
	
	#mainMenu .dropDownMenu.people {
		margin-top:17px;
		margin-left:10px;
	}
	
	#menu8 {
		width:54px;
		background:url(/templates/penraeth/images/menu-M/off/events.png) no-repeat;
	}
	#menu8.active {
		background:url(/templates/penraeth/images/menu-M/on/events.png) no-repeat;
	}
	#menu8:hover {
		background:url(/templates/penraeth/images/menu-M/hover/events.png) no-repeat;
	}
	
	#menu9 {
		width:104px;
		background:url(/templates/penraeth/images/menu-M/off/questions.png) no-repeat;
	}
	#menu9.active {
		background:url(/templates/penraeth/images/menu-M/on/questions.png) no-repeat;
	}
	#menu9:hover {
		background:url(/templates/penraeth/images/menu-M/hover/questions.png) no-repeat;
	}
}


@media all and (max-width: 767px), all and (max-device-width: 767px) {

	li.top > a span {
		display:block;
		font-weight:bold;
		font-size:1.2em;
		text-shadow: 1px 1px #FFFFFF;
	
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		
		/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		
		/* Should be unset in IE9+ I think. */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	#logoSmall {
		display:block !important;
	}

	#logoSmall img {
		margin: 10px 15px 0 10px;
	}

	#logoSmall a {
		border-bottom:none;
	}

	#logo {
		display:none;
	}
	
	div.top.active {
		color:#008800;
		font-style:italic;
	}
	
	
}


@media all and (max-width: 450px), all and (max-device-width: 450px) {
	#logoSmall img {
		width:50px;
		height:50px;
		margin: 25px 15px 0 10px;
	}
}


#mainMenu ul li.deeper > a:first-child {
	font-weight:bold !important;
}

#mainMenu .menuSectionHeader {
	font-weight:bold !important;
	margin-top:12px !important;
}


#mainMenu .invisible {
	display:none !important;
}

#mainMenu .bold {
	font-weight:bold !important;
}


#mainMenu ul li.header,
#mainMenu ul li.divider { 
	margin:1em 0 0 11px;
	font-size: 12px;
	font-weight: bold;
}

/* search overides */
#mainMenu ul li.search {
    margin: -115px 0 0 350px;
}

#mainMenu ul li.search img { 
	color: none;
	padding: 5px 8px 2px;
	border:none;
}

#mainMenu ul li.search .dropDownMenu {
	border:none;
	background: none;
}

#mainMenu ul li.search form {
	margin: -35px 70px 0 0;
    text-align:right;
}

#mainMenu ul li.search form input {
    padding:5px;
    font-size:14px;
    width:200px;
}


@media all and (max-width: 974px) and (min-width:768px) {
	#mainMenu ul li.search {
		margin: -98px 0 0 260px;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	#mainMenu ul li.search {
		margin: 20px 0 0 0;
	}

	#mainMenu ul li.search img { 
		display: none;
	}

	#mainMenu ul li.search form {
		margin: -95px 30px 0 0;
	}
}

/* don't show children of the open sciences blog in menu */
.item-279 .nav-child {
	display:none;
}



/* content menus */
.inpageMenu,
.simpleMenu {
	clear:both;
	margin:6px 0 22px 0;
	padding:0;
}

.inpageMenu h3,
.simpleMenu h3 {
	margin:1px 0px 2px 8px;
	line-height:1;
	font: bold 11pt 'trebuchet ms', Helvetica,Arial,Verdana,Sans-serif;
	color:#486d92;
}

.inpageMenu a,
.simpleMenu a {
	text-decoration:none;
	color:#486d92;
}

.inpageMenu ul,
.simpleMenu {
	color:#003377;
	background-color:#e6efF9;
	font: 15px;
	padding:0;
	margin:0px 0px 11px 0px;
	border:none 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.inpageMenu li,
.simpleMenu a {
	line-height:1.8em;
	display:block;
	padding: 4px 12px;
	border-bottom:solid 1px white;
}

.inpageMenu ul li:hover,
.simpleMenu a:hover {
	padding-left:11px;
	color:#990000;
	background-color:#eef3f7;
	border-bottom:solid 1px #486d92;
	border-left:solid 1px #486d92;
	cursor:pointer;
}

.inpageMenu ul li:first-child:hover,
.simpleMenu a:first-child:hover {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.inpageMenu ul li:last-child:hover,
.simpleMenu a:last-child:hover {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.latestnews li,
.latestnews.inpageMenu ul li:hover {
	padding:0 !important;
}

.latestnews a {
	line-height:1.8em;
	display:block;
	padding: 4px 12px;
	border-bottom:none;
}

.latestnews a:hover {
	padding-left:11px;
	color:#990000;
	background-color:#eef3f7;
	cursor:pointer;
}





/*_________________________________________________ buttons */

.buttonContainer, .readmore, .acysubbuttons, #system-message-container {
	position:relative;
	z-index: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
    overflow: hidden;
    display: inline-block;
    line-height:1em;
}

.buttonContainer .btn,
.acysubbuttons .btn,
#system-message-container #system-message {
	color:#eeffee;
	text-shadow: 1px 1px #000;
	text-align:center;
	padding: .4em 18px;
	background: -moz-linear-gradient(top,  #001199 0%, #82a7de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001199), color-stop(100%,#82a7de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001199 0%,#82a7de 100%); /* IE10+ */
	background: linear-gradient(to top,  #001199 0%,#82a7de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7de', endColorstr='#001199',GradientType=0 ); /* IE6-9 */
	display: inline-block;
	border-bottom: none;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-width:0;
}

.buttonContainer .btn:hover,
.acysubbuttons .btn:hover {
	color:white;
	background: -moz-linear-gradient(top,  #004400 0%, #77dd77 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004400), color-stop(100%,#77dd77)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004400 0%,#77dd77 100%); /* IE10+ */
	background: linear-gradient(to top,  #004400 0%,#77dd77 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77dd77', endColorstr='#004400',GradientType=0 ); /* IE6-9 */
	border-bottom: none;
}

.featured .buttonContainer {
	font-style: normal;
	font-size: 12px;
	margin-top: 8px;
}


#system-message-container .alert,
#system-message-container .close {
	color:#ffffff;
}

#system-message-container .close {
    position: relative;
    right: 50%;
    cursor:pointer;
}


#system-message-container .alert-heading {
	display:none;
}


@media all and (max-width: 450px), all and (max-device-width: 450px) {
	.buttonContainer .btn {
		display:block;
	}
	
	.buttonContainer a + a {
		margin-top:2px;
	}
}



.search input[type=text],
#finder-search input[type=text] {
	position:relative;
	z-index: 0;
    height: 18px;
    margin: 0 0 0 0;
    padding: 5px;
    width: 75%;
    vertical-align: top;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
    border: solid 1px #82a7de;
    border-width:1px 0 1px 1px;
}

div.submitOuter {
	position:relative;
	z-index: 0;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
    overflow: hidden;
    display: inline-block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    vertical-align: top;
}

.search button,
#finder-search button {
	color: #eeffee;
	height:30px;
	padding:0 4px 4px;
    text-align: center;
    text-shadow: 0 -1px #001199;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    border-width:0;
	background: -moz-linear-gradient(top,  #001199 0%, #82a7de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001199), color-stop(100%,#82a7de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001199 0%,#82a7de 100%); /* IE10+ */
	background: linear-gradient(to top,  #001199 0%,#82a7de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7de', endColorstr='#001199',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
	display: inline-block;
	margin:0 0 0 0;
	vertical-align: top;
}

.search button:hover,
#finder-search button:hover {
	color:white;
	background: -moz-linear-gradient(top,  #004400 0%, #77dd77 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004400), color-stop(100%,#77dd77)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004400 0%,#77dd77 100%); /* IE10+ */
	background: linear-gradient(to top,  #004400 0%,#77dd77 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77dd77', endColorstr='#004400',GradientType=0 ); /* IE6-9 */
}


fieldset {
	border:none;
	padding:0;
	vertical-align:top;
}

.search-results {
	list-style:none;
	padding:0;
}

.result-text {
	margin:0;
}

.result-url {
	color:#999999;
	font-size:0.8em;
	margin-bottom:1.5em;
}


.login .control-group div {
	display: table-cell;
}

.login .control-group .control-label {
	width:7em;
	text-align:right;
	padding:3px;
}

.login .btn {
	margin:0 0 0 1em;
	color:#eeffee;
	text-shadow: 1px 1px #000;
	text-align:center;
	padding: .4em 80px;
	font-size:18px;
	font-weight:bold;
	border-style:none;
	background: -moz-linear-gradient(top,  #001199 0%, #82a7de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001199), color-stop(100%,#82a7de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001199 0%,#82a7de 100%); /* IE10+ */
	background: linear-gradient(to top,  #001199 0%,#82a7de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7de', endColorstr='#001199',GradientType=0 ); /* IE6-9 */
	border-bottom: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}

.login .btn:hover {
	background-color: #004400;
	background: -webkit-gradient(linear, left top, left bottom, from(#004400), to(#77dd77));
	background: -webkit-linear-gradient(top, #004400, #77dd77);
	background: -moz-linear-gradient(top, #004400, #77dd77);
	background: -ms-linear-gradient(top, #004400, #77dd77);
	background: -o-linear-gradient(top, #004400, #77dd77);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004400', endColorstr='#77dd77',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}
	
.btn-group.pull-right {
	float:right;
}
	
.btn-group.pull-right ul {
	margin:0;
	padding: 0 0 5px 5px;
	list-style: none outside none;
}
	
.btn-group.pull-right ul li {
	margin: 0 0 2px;
	color:#eeffee;
	text-shadow: 1px 1px #000;
	font-size: 11px;
	text-align:center;
	padding: 0 2px;
	border-style:none;
	background: -moz-linear-gradient(top,  #001199 0%, #82a7de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001199), color-stop(100%,#82a7de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001199 0%,#82a7de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001199 0%,#82a7de 100%); /* IE10+ */
	background: linear-gradient(to top,  #001199 0%,#82a7de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a7de', endColorstr='#001199',GradientType=0 ); /* IE6-9 */
	border-bottom: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}

.btn-group.pull-right ul li:hover {
	color:white;
	background: -moz-linear-gradient(top,  #004400 0%, #77dd77 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004400), color-stop(100%,#77dd77)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004400 0%,#77dd77 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004400 0%,#77dd77 100%); /* IE10+ */
	background: linear-gradient(to top,  #004400 0%,#77dd77 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77dd77', endColorstr='#004400',GradientType=0 ); /* IE6-9 */
}

.btn-group.pull-right a.btn.dropdown-toggle {
	display:none;
}

.btn-group.pull-right ul li a {
	color:white;
	text-decoration: none;
	border-bottom: none;
}


/* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++  */
.pagenav {
	text-align: right
}

.pagenav ul {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}

.pagenav li {
	display: inline;
	margin: 0px;
	padding: 0
}

.pagenav a,span.pagenav {
	padding: 0 14px;
	margin: 0;
	line-height: 1.9em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0px solid #ddd;
	display: inline-block;
	line-height: 1.9em;
}

.pagenav li:first-child a,.pagination-start span {
	position:relative;
	z-index: 0;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
	border-left: solid 1px #ddd;
}

.pagenav li:last-child a,.pagination-end span {
	position:relative;
	z-index: 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}

.pagination ul {
	margin: 10px 10px 10px 0;
	padding: 0
}

.pagination li {
	display: inline;
}

.pagination a {
	padding: 0 14px;
	line-height: 2em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0px solid #ddd;
	display: inline-block
}

.pagination .active a {
	cursor: default;
}

.pagination span,.pagination span  a:hover {
	cursor: default;
	padding: 0 14px;
	line-height: 2em;
}

.pagination li:first-child a {
	position:relative;
	z-index: 0;
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}

.pagination li:last-child a {
	position:relative;
	z-index: 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	behavior: url(/templates/penraeth/js/PIE-1.0.0/PIE.htc);
}



/* news from yahoo pipe */

.oscnews {
	margin: 2em 0 1em 0;
}

.oscnews a.syndicate-module {
	margin-top:-70px;
}

ul.newsfeed {
	list-style: none outside none;
	font-size: .9em;
	margin: 0;
	padding: 0;
}

ul.newsfeed li {
	padding:4px 0 4px 0;
	clear:both;
}

div.feed-item-description {
	padding:5px;
	color:#003377;
	background-color:#f3f3ff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.feed-item-description p {
	margin:0;
}

div.feed-item-description img {
    float: left;
    height: auto;
    margin: 0 5px 0 0;
    max-width: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.srfrContainer ul.srfrList li {
    margin: 0 !important;
    padding: 5px 0 !important;
}

.srfrImage {
    float: left;
    height: auto;
    margin: 0 15px 0 0 !important;
    max-width: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.srfrRow p {
	margin:0;
}

.srfrReadMore {
	float:right;
	display:inline-block;
	margin:-10px 0;
}


/* misc */

img.leftOutset {
	float:left;
	margin:.5em 2.5em 1em -2.5em;
	max-width:100%;
	height:auto;
}
@media all and (max-width: 974px) and (min-width:768px) {
	img.leftOutset {
		margin:.5em 1.5em .5em -1.5em;
		max-width:50%;
	}
}
@media all and (max-width: 767px), all and (max-device-width: 767px) {
	img.leftOutset {
		margin:.5em 1em .5em 0;
		max-width:50%;
	}
}

img.leftSmall {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    max-width: 55px;
}


.table {
	display:table;
	-dt-display:table;
	width:100%;
	behavior: url(/templates/penraeth/js/display-table.min.htc);
}

.row {
	display:table-row;
	-dt-display:table-row;
	vertical-align:top;
}

.cell {
	display:table-cell;
	-dt-display:table-cell;
	vertical-align:top;
}

@media all and (max-width: 450px), all and (max-device-width: 450px) {
	.cell {
		display:block;
	}
}


.cell h3 {
	margin-top:0;
}

.cell.thumbnail {
	width:200px;
	padding: 0 1em 1em 0;
}



.fb_iframe_widget > span {
	vertical-align: top !important;
}


.bookJacket {
	float:left;
	width:50%;
	text-align:center;
}

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

.arrows {
    color: #044fba;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    margin: 0 3px 0 1em;
}

dl.article-info {
    color: #999999;
    margin: -0.5em 0 0.5em;
}

dl.article-info:after {
	content: "";
	display: table;
	clear: both;
}

dl.article-info dd {
	float:left;
}

dt.article-info-term {
	display:none;
}

dl.article-info dd.published {
	margin-left:1em;
}

dl.article-info dd.createdby {
	margin-left:0;
}


a.syndicate-module {
	display:inline-block;
	float:right;
	border:none;
}


a.syndicate-module span {
    position: relative;
    top: -2px;
}

ul.cws-tabs.right li {
    border-radius: 6px 0 0 6px;
}

ul.cws-tabs.right li img {
    height:9px;
    width:9px;
}

ul.cws-tabs.right li a {
    border: none;
    padding: 5px 12px 5px 0 !important;
}

.centered {
	text-align:center;
	margin: inherit auto;
	max-width:100%;
}

.centered + .horizontalRule {
	margin-bottom:2em;
}


@media all and (max-width:768px) {
	#cwsocialtabs1 {
		display:none !important;
	}
}

@media screen {
	#preloadImages {
		position: absolute;
		left: -9999px;
		top:  -9999px;
	}
}
@media print {
	#preloadImages {
		visibility: hidden;
		display: none;
	}
}


@media screen and (min-width:975px) {
	#preload_logo { background: url(/templates/penraeth/images/menu-L/hover/logo.png) no-repeat; }
	#preload_about { background: url(/templates/penraeth/images/menu-L/hover/about.png) no-repeat; }
	#preload_publications { background: url(/templates/penraeth/images/menu-L/hover/publications.png) no-repeat; }
	#preload_videos { background: url(/templates/penraeth/images/menu-L/hover/videos.png) no-repeat; }
	#preload_organizations { background: url(/templates/penraeth/images/menu-L/hover/organizations.png) no-repeat; }
	#preload_blogs { background: url(/templates/penraeth/images/menu-L/hover/blogs.png) no-repeat; }
	#preload_funding { background: url(/templates/penraeth/images/menu-L/hover/funding.png) no-repeat; }
	#preload_people { background: url(/templates/penraeth/images/menu-L/hover/people.png) no-repeat; }
	#preload_events { background: url(/templates/penraeth/images/menu-L/hover/events.png) no-repeat; }
	#preload_questions { background: url(/templates/penraeth/images/menu-L/hover/questions.png) no-repeat; }
}