/* Eco schools NI colors from previous site: 

#628e36 bg of nav;  (NEW 43810F maybe)
#defcc7 green text on nav (inactive);  (NEW white maybe)
#85ba50 pale green for white text (active);
#626262 for a; a:hover #393939... white main; (NEW 595959)
#3584c4 blue bg for white text;
#d9e7f3 for pale blue hover in home page blue box

Competition light green bg #91c16d
			dark green border #639037
Games	white bg
		writing 628e36
Events	lighter bg 2271af
		dark blue border 004d89	

Bronze 77693c
Silver 7f8689
Gold 709849 	*/

/* -------- Main defaults -------- */

@font-face {
	font-family: 'Bevan';
	src: url('/default/fonts/Bevan/Bevan.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('/default/fonts/Open_Sans/OpenSans-Regular.ttf');
	font-weight: normal;
}

body {
	color: #595959;
	font: normal 14px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;
	background: #fff url("/eco-schoolsni/images/background.png") no-repeat center top;
	margin-top: 30px;	
}

body.policies {
	background-image: none;
}

.lineItem {
	padding: 6px 5px 3px 5px;
}

#userdetails1.lineItem, #groups1 .lineItem {
	padding: 6px 4px 3px 4px;
}

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

div.global {
	margin: 0 auto;
	border: 0;
	width: 100%;
	padding: 0;
}

#headercontainer {
	background-color: transparent;
	width: 100%;
	background: transparent url("/eco-schoolsni/images/nav-bg.png") repeat-x;
}

#bannercontainer {
	height: 180px;
	overflow: visible;
}

#logindetails {
	background-color: #628e36;
	padding: 5px 0;
	width: 100%;
	color: #defcc7; 
	font-size: 90%;
	margin: 0 auto;
}

#logindetails a {
	color: #defcc7;
}

#logindetails a:last-child {
	margin-right: 10px;
}

/* No longer required, fixed propery in code GM20160319
-------------------------------------------------------
#logindetails a:nth-child(1), #logindetails a:hover:nth-child(1) {
	display: none;
}
------------------------------------------------------- */

#logindetails a:hover {
	color: white;
}

div#searchSite {
	top: 35px;
	margin-left: 925px;
}

input.searchSite {
	background-color: white;
}

div.irish, div.english {
	float: right;
	margin-right: 0;
	width: 115px;
	height: 30px;
	border: 3px solid #3e6b1a;	
	background-color: #628e36;
	border-radius: 5px;
	margin-top: -10px;
}

div.irish p, div.english p {
	color: #defcc7;	
	font-size: 100%;
    margin-top: 5px;
    margin-left: 25px;
}

div.irish a, div.english a {
	color: #defcc7;	
	text-decoration: none;
	font-weight: normal;
}
	
div.irish a:hover, div.english a:hover {
	color: white;
}

#sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer, #footercontainer {
	margin: 0 auto;
	width: 1170px;
}

#menucontainer {
	margin: 0 auto;
	width: 100%;
}

#sectioncontainer.generic, #sectioncontainer.persons, #sectioncontainer.newsitems {
	width: 900px;
	float: left;
}

#sectioncontainer.generic36 iframe {
	width: 880px;
	min-height: 1200px;
	border: 0;
}

#sectioncontainer.generic30, #sectioncontainer.generic27, #sectioncontainer.generic39, #sectioncontainer.generic37 {
	width: 1170px;
	float: none;
	margin: 0 auto;
}

/* -------- Banner and its elements -------- */

div#bannerExtra {
	background-color: #303030;
	color: white;
	width: 100%;
}

div.bannerExtra p {
	font-size: 90%;
} 

div.bannerExtra a {
	color: white;
}

div.bannerExtra a:hover, div.web-site a:hover {
	color: #88a443;
}

div.web-site {
	font-size: 90%;
	background-color: white;
	border-radius: 10px;
	position: relative;
	width: 200px;
	padding: 10px;
	float: left;
	min-height: 190px;
	margin: 20px 10px;
	text-align: center;
}

div.web-site img {
	margin: 5px auto;
	display: block;
}

div.web-site a {
	color: #222222;
}

div.bannerContent a.button {
	padding: 10px 25px;
	color: white;
	border: 1px solid #88a443;
	background-color: #88a443;
	border-radius: 5px;
	margin-top: 70px;
	float: right;
}

div.bannerContent a.button {
	margin-right: 10px;
}

div.bannerContent a.button:hover {
	background-color: #455a2a;
	color: white;
	border: 1px solid #455a2a;	
}

#twitterLink, #facebookLink {
	top: 65px; 
}

#twitterLinkEnglish, #facebookLinkEnglish {
}

/* -------- Figure border -------- */

figure {
	border: 1px #e8e8e8 solid;
}

/* -------- Menu stuff -------- */

#menucontainer, #submenucontainer {
	background-color: #628e36;
	border-radius: 0;
}

nav#submenucontainer.private {
	background-color: #999999;
}

.activeMenu, .inactiveMenu {
	font-size: 115%;
}

.activeMenu a, .inactiveMenu a {
	padding: 4px 12px;
}

#subMenuitems {
	min-width: 225px;
	font-size: 90%;
}

#subMenuitems.private {	
	max-width: none;
}

.inactiveMenu a, .inactiveMenu a:link, .inactiveMenu a:visited {
	color: #defcc7;
	background-color: #628e36;
}

.activeMenu a, .activeMenu a:link, .activeMenu a:visited, .inactiveMenu a, .inactiveMenu a:hover {
	color: white;
	background-color: #85ba50;
}

.inactiveMenu a.private, .activeMenu a.private:link, .activeMenu a.private:visited {
	color: white;
	background-color: #999999;
}

.activeMenu a.private, .inactiveMenu a.private:hover, .activeMenu a.private:visited {
	color: white;
	background-color: gray;
}

.activeOptionsMenu, .inactiveOptionsMenu  {
	font-size: 100%;
}

.inactiveOptionsMenu a, .inactiveOptionsMenu a:link, .inactiveOptionsMenu a:visited {
	color: gray;
	border: 1px solid gray;
	background-color: white;
}

.activeOptionsMenu a, .activeOptionsMenu a:link, .activeOptionsMenu a:visited, .inactiveOptionsMenu a, .inactiveOptionsMenu a:hover {
	color: white;
	border: 1px solid gray;
	background-color: gray;
}

.greeting #optionsMenuitems {
	background-color: white;
	margin-bottom: 0;
	padding: 5px 10px;
}

/* -------- Administration Documents list -------- */

div.tabular div div.extraWide {
	width: 277px;
}

/* -------- Administration Schools list -------- */

#schoolsManage div.tabular div div.extraWide {
	width: 400px;
}

/* General links */

a {
	color: #5687c0;
	text-decoration: none;
	font-weight: bold;
}

a.private {
	font-style: italic;
}

a:hover {
	color: #004d8c;
}

/* -------- Commonly used classes for layout -------- */

.subtitle {
	color: gray;
	font-style: italic;
	margin: 10px 0;
	font-size: 55%;
	font-family: Verdana, sans-serif;
	line-height: 150%;
	display: inline;
}

.publications .subtitle, .generic30 .subtitle {
	color: black;
	font-style: normal;
	margin: 20px 0;
	display: block;
	font-size: 55%;
	font-family: Verdana, sans-serif;
	line-height: 150%;
}

.publications1 .blockCenter, .generic30 .blockCenter, .generic39 .blockCenter {
	display: block;
	position: relative;
	left: 240px;
}

/*  .generic30 .blockCenter,  .generic39 .blockCenter {
	width: 75%;
}
*/

.generic30 .blockCenter, .generic39 .blockCenter {
	top: -50px;
}

.generic30 #optionsMenuitems, .generic39 #optionsMenuitems {
    padding-top: 20px;
}

/* -------- Partners page -------- */

section.partners span.subtitle p {
	font-size: 80%;
} 

#partners div#col1 {
    width: 70%;
}

#partners div#col2 {
    float: right;
}

/* -------- Defining common elements -------- */

p, li {
	line-height: 150%;
	font-size: 100%;
}
	
i {
	color: gray;
}

em {
	font-weight: bold;
	font-style: normal;
}

h1 {
	color: #628e36;
	font-family: 'Bevan', serif;
	font-weight: normal;
	font-size: 240%;
	line-height: 125%;
}

h2 {
	color: #628e36;
	font-family: 'Bevan', serif;
	font-weight: normal;
	font-size: 180%;
	line-height: 110%;
}

h3, h2.strong {
	color: #626262;
	font-family: 'Bevan', serif;
	font-weight: normal;
	font-size: 150%;
}

#logo {
	margin-right: 25px;
}

img.right {
	float: right;
	padding: 10px 0 10px 10px;
}

img.left {
	float: left;
	padding: 10px 15px 10px 0;
}

/* -------- Main, publications and others sidebar formatting -------- */

#sectioncontainer .greeting {
	min-height: 800px;
}

.greeting #sidebar {
	border-left: 0;
	margin: 30px 0 0 0;
	width: 270px;
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden;
	height: 850px;
}

div.homeUpdate {
	border: 5px solid #BD3430;
	width: 80%;
	display: block;
	margin: 10px auto;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}

div.homeUpdate h2, div.homeUpdate h3 {
	font-family: 'OpenSans-Regular', Verdana, Helvetica, sans-serif;
}

div.homeUpdate h2 {
	color: #BD3430;
}

section.publications1 #mainbar, .generic30 #mainbar, .generic39 #mainbar {
	width: 900px;
}

.support1 div.form {
	margin: 0 auto;
}

p.contact-sidebar a {
	font-size: 90%;
	font-weight: normal;
}

.publications1 aside#sidebar, .generic30 aside#sidebar, .generic27 aside#sidebar, .generic39 aside#sidebar, .generic37 aside#sidebar {
	border: 0;
	margin: 0;
	float: left;
	width: 240px;
	padding-left: 0;
}

.generic30 aside#sidebar, .generic27 aside#sidebar, .generic39 aside#sidebar, .generic37 aside#sidebar {
	min-height: inherit;
}

.generic30 #mainbar {
	margin-top: -30px;
}

.generic30 video {
	width: 500px;
}

.generic30 form, .generic39 form {
	width: 850px;
}

.generic30 div.sidebarEdit form, .generic39 div.sidebarEdit form {
	width: inherit;
}

/* .generic27 aside#sidebar {
	background: none;
	border: 0;
	margin: 20px 0 0 20px;
}

 */

/* -------- Classes used with divs for screen layout -------- */

.form {
	border: 1px solid gray;
	background-color: #fffffa;
}

/* -------- Highlight news in sidebar and main newsitem module -------- */

div.donationButton img {
	display: block;
	margin: 10px 0;
	float: none;
}

.mainNews {
	max-width: none;
}

.newsDate {
	font-style: italic;
}

.newsTitle {
	font-weight: bold;
}

p.newsTitle a, p.newsTitle a:link, p.newsTitle a:visited {
	color: #43810F;
	font-size: 90%;
	font-style: italic;
}

p.newsTitle a:hover {
	color: #3584c4;
}

.newsContent {
	font-size: 100%;
}

.greeting .item {
	border-bottom: 1px solid #dddddd;
	float: left;
	margin-top: 10px;
	padding: 5px 0;
	width: 100%;
}

.greeting1 .item p.newsDate, .greeting1 .item p.newsContent {
	display: none;
	visibility: hidden;
}

.greeting1 .item p.newsTitle {
	font-size: 110%;
}

.greeting1 div.thumbnail img {
	display: block;
	margin: 3px auto;
}

.greeting1 .item img {
	border: 5px solid transparent;
}

.greeting1 .item img:hover {
	border: 5px solid #3e6b1a;
}

.greeting1 a img {
	margin-top: 5px;
}

.columnsWide2Editor
	width: 98%;
}

/* -------- Used at top of listings -------- */

.headerRecord, .headerRecord a {
	font-weight: bold;
	color: gray;
}

/* -------- Greeting page formatting -------- */

.welcomeText {
	padding-top: 10px;
	overflow: hidden;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
}

.welcomeText, .welcomeText p {
	font-size: 110%;
	line-height: 150%;
}

.greeting h1#sectionHeading {
	display: none;
}

.greeting1 h1.promoting, .greeting1 h1.promoting-irish {
	background-color: white;
	color: #628E36;
	font-size: 220%;
	padding: 0;
	margin: 30px 5%;
}

.greeting1 h1.promoting-irish {
	font-size: 145%;
	padding: 0 0 0 10px;
	margin: 10px 0 0 15px;
	font-weight: normal;
}

.greeting div.four-boxes {
	width: 100%;
	margin: 2% 5%;
	display: block;
}

.greeting div.school-information, .greeting div.competitions, .greeting div.campaigns, .greeting div.events {
	width: 40%;
	height: 140px;
	border-radius: 10px;
	float: left;
	margin: 10px;
	padding: 10px;
	font-size: 90%;
	line-height: 120%;
}

.greeting div.school-information {
	background-color: #ff9237;
	border: 3px solid #fb7007;
}

.greeting div.competitions {
	background-color: #91c16d;
	border: 3px solid #85ba50;
}

.greeting div.campaigns {
	background-color: white;
	border: 3px solid #85ba50;
}

.greeting div.events {
	background-color: #2271af;
	border: 3px solid #004d89;
}

.greeting div.school-information h2, .greeting div.competitions h2, .greeting div.events h2, .greeting div.campaigns h2 {
	font-family: 'OpenSans-Regular', Verdana, Helvetica, sans-serif;
	color: white;
	text-align: center;
	font-size: 325%;
}

.greeting div.campaigns h2 {
	color: #628e36;
}

.greeting div.school-information a, 
.greeting div.school-information a:link, 
.greeting div.school-information a:visited, 
.greeting div.competitions a, 
.greeting div.competitions a:link, 
.greeting div.competitions a:visited, 
.greeting div.events a, 
.greeting div.events a:link, 
.greeting div.events a:visited {
	font-size: 90%;
	color: white;
	font-weight: bold;
}

.greeting div.campaigns a, 
.greeting div.campaigns a:link, 
.greeting div.campaigns a:visited {
	font-size: 90%;
	color: #628e36;
	font-weight: bold;
}

.greeting div.school-information a:hover, 
.greeting div.competitions a:hover, 
.greeting div.events a:hover, 
.greeting div.campaigns a:hover {
	color: #cccccc;
}

div.i-map {
	width: 590px;
	min-height: 150px;
	border-radius: 10px;
	margin: 15px auto;
	padding: 10px;
	color: #626262;
	font-size: 90%;
	background-color: white;
	border: 3px #d9e7f3 solid;
	display: block;
}

div.i-map h2 {
	color: #004d89;
	font-size: 150%;
	text-align: center;
}

div.i-map h2 {
	text-align: initial;
}

div.i-map p {
	padding: 15px 10px;
}

.competitions ul {
	list-style-image: url('/eco-schoolsni/images/li-green-triangle.gif');
}

.events ul {
	list-style-image: url('/eco-schoolsni/images/li-blue-triangle.png');
}

.campaigns ul {
	list-style-image: url('/eco-schoolsni/images/li-games-triangle.gif');
}

.greeting ul {
	padding-left: 20px;
}

img.small-map {
	float: right;
}

.greeting1 a img {
	margin-top: 15px;
}

/* ---------- English greeting page ---------- */

div.home-coloured-links {
	width: 100%;
	margin: 2% 5%;
	display: block;
}

div.white-box, div.orange-box, div.red-box, div.green-box, div.blue-box, div.purple-box {
	width: 26%;
	height: 150px;
	border-radius: 10px;
	float: left;
	margin: 1%;
	padding: 1%;
	line-height: 90%;
}

div.white-box {
	background-color: white;
	border: 3px solid #85ba50;
}

div.orange-box {
	background-color: #ff9237;
	border: 3px solid #fb7007;
}

div.red-box {
	background-color: #ff4e4e;
	border: 3px solid red;
}

div.green-box {
	background-color: #91c16d;
	border: 3px solid #85ba50;
}

div.blue-box {
	background-color: #2271af;
	border: 3px solid #004d89;
}

div.purple-box {
	background-color: #9932CC;
	border: 3px solid purple;
}

div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {
	font-family: 'OpenSans-Regular', Verdana, Helvetica, sans-serif;
	color: white;
	text-align: center;
	font-size: 220%;
}

div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {
	font-family: 'OpenSans-Regular', Verdana, Helvetica, sans-serif;
	color: white;
	text-align: center;
	font-size: 120%;
}

div.white-box h2, div.white-box h3 {
	color: #628e36;
}

div.standard-box a, 
div.standard-box a:link, 
div.standard-box a:visited {
	color: white;
}

div.white-box a, 
div.white-box a:link, 
div.white-box a:visited {
	color: #628e36;
}

div.standard-box a:hover, div.white-box a:hover {
	color: #cccccc;
}

/* Generic pages */

p.starter {
	font-size: 140%;
	margin-top: 0;
}

span.emphasis {
	font-weight: bold;
}

.bronze,
.silver,
.green {
	color: white;
	font-weight: bold;
	text-indent: 10px;
	line-height: 26px;
	width: 100%;
	border-radius: 10px;
	background-color: #77693c;
}

.silver {
	background-color: #7f8689;
}
.green {
	background-color: #709849;
}

.process-video {
	width: 98%;
}

table.action-plan {
	border-collapse: collapse;
}

table.action-plan th, table.action-plan td {
	border: 1px solid #cccccc;
	padding: 3px;
}

ul.topic-bullet li {
	list-style-position: inside;
}

sub {
	font-size: 60%;
}

/* -------- Teacher resources page -------- */

ul#resource-list {
	padding-left: 20px;
}

#resource-list li {
	border-bottom: 1px #e5e5e5 solid;
	list-style-type: none;
	margin-left: 0;
	line-height: 0;
}

#resource-list li a {
	display: block;
	background: url(/eco-schoolsni/images/download-arrow.png) no-repeat 0 center;
	padding: 15px 0 15px 55px;
}

#resource-list li a:hover {
	color:#393939;
}

section.publications p.right {
	text-align: left;
}

section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {
	width: 280px;
}

section.publications div.lineItem.normal {
	width: 125px;
}

body#publications1.justContent {
	background: none;
}

/* -------- Paypal payment page -------- */

body#donate div#freestyle div.blockCenter.form.columnsWide2, body#pay div#freestyle div.blockCenter.form.columnsWide2 {
	border-radius: 20px;
}

input.paypalButton {
	width: auto;
}

section#sectioncontainer.newsitems input.submit {
	margin-right: 50px;
}

/* -------- Blogs to reposition sidebar -------- */

#sectioncontainer.blog1,
#sectioncontainer.blog2,
#sectioncontainer.blog3,
#sectioncontainer.blog4,
#sectioncontainer.blog5,
#sectioncontainer.blog6 {
	width: 900px;
	float: left;
}

/* -------- Map -------- */

#sectioncontainer.map1 {
	width: 900px;
	float: left;
}

/* -------- Footer -------- */

#footercontainer {
	background: url(/eco-schoolsni/images/footer-bg.gif) repeat-x left bottom;
	width: 100%;
	min-height: 700px;
}

.footerContent {
	margin: 0 auto;
	width: 1170px;
	border: 0;
	text-align: left;
}

div.footer-logos {
	text-align: center;
	padding: 40px 0;
}
	
div.footer-logos img {
	padding: 15px;
	margin: 15px;
}

div.footer-contacts {
	float: right;
	width: 50%;
	text-align: right;
}

div.footer-copyright {
	float: left;
	width: 50%;
}

.footer-eco-schools-img {
	width: 250px;
}

/* ---------- Table for Madagascar ----------- */

table.madagascarResources {
	margin: 10px auto;
}

table.madagascarResources td {
	width: 18%;
	margin-right: 5px;
}

div.contactStatement, div.privacyStatement, div.loginStatement {
	width: 60%;
	margin: 10px auto;
	padding: 10px 5%;
	border: 1px #cccccc solid;
	border-radius: 20px;
	font-size: 90%;
}

body#contactStatement, body#privacyStatement, body#loginStatement {
	background: none;
}

/* -------- Virgin Money button in header -------- */

img.virginmoney {
	float: right;
	margin-top: -20px;
}


/* -------- Some exceptions for main heading on dynamic pages -------- */

section[class^="artemis"] h1#sectionHeading, section[class^="anthony"] h1#sectionHeading,
section[class^="project"] h1#sectionHeading, section[class^="partner"] h1#sectionHeading {
	display: none;
}

/* Smartphones (portrait and landscape) from 0 - 319px----------- */

@media only screen and (min-width: 0px) and (max-width: 319px) {


	body {font: normal 11px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
	#sectioncontainer, #menucontainer, #submenucontainer, section#logindetails, #bannercontainer, .footerContent {width: 100%;}
	div#bannerExtra {display: none;}
	img#logo {margin: 0 auto; display: block; float: none; width: 90%;}
	#twitterLink, #rssLink, #facebookLink, #linkedinLink, #twitterLinkEnglish, #facebookLinkEnglish {display: none;}
	div.irish, div.english {margin-top: 0; width: 100px; height: 28px;}
	.welcomeText {padding-top: 0;}
	#menucontainer {margin: 0 auto;}
	#logindetails {margin-top: 0;}
	div#searchSite {display: none;}
	#greeting1 .activeMenu:nth-child(1) {display: none;}
	#greeting1 h1.statement {margin-top: 0; font-size: 160%;}
	#greeting1 aside#sidebar {display: none;}
	.greeting div.four-boxes {margin: 2% auto;}
	.greeting1 div.i-map {width: 80%;}
	div.irish, div.english {margin-top: 10px; width: 90px; height: 25px;}
	div.irish p, div.english p {margin-top: 4px; margin-left: 20px;}
	#sectioncontainer.generic, #sectioncontainer.newsitems, #sectioncontainer.blog, #sectioncontainer.publications, #sectioncontainer.support {width: 96%; margin: 0 auto; float: none;}
	#sectioncontainer.blog aside#sidebar {display: none;}
	.generic30 video {width: 50%;}
	.greeting div.school-information, .greeting div.competitions, .greeting div.campaigns, .greeting div.events {width: 80%; float: none; margin: 10px auto;}
	#sectioncontainer.generic36 iframe {width: 98%;	min-height: 2250px;}
	#partners div#col1 {width: 98%;}
	#partners1 div#col1 div.record h2 {width: 88%;}
	.partners div#col2 {display: none;}
	.publications1 aside#sidebar, .generic30 aside#sidebar, .generic39 aside#sidebar {width: 180px; min-height: 160px;}
	#sectioncontainer.publications h1#sectionHeading, #sectioncontainer.generic30 h1#sectionHeading, #sectioncontainer.generic27 h1#sectionHeading, #sectioncontainer.generic39 h1#sectionHeading, #sectioncontainer.generic37 h1#sectionHeading {margin-top: 170px;}
	.generic30 #mainbar, .generic39 #mainbar {margin-top: 55px;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 50%; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 10%;}	
	.publications1 .blockCenter, .generic30 .blockCenter, .generic39 .blockCenter {left: initial;}
	#sectioncontainer.map1 {width: 95%;	margin: 0 auto;	float: none;}
	.publications .subtitle, .generic30 .subtitle {font-size: 45%;}
	p.starter {font-size: 120%;}
	.greeting1 h1.promoting, .greeting1 h1.promoting-irish {font-size: 160%;}
	div.footer-contacts, div.footer-copyright {margin-top: 0; float: none; text-align: center; width: 100%;}
	.footer-copyright img {margin: 0 auto; width: 70%;}
	#footercontainer {padding-top: 25px;}
	table.madagascarResources td img {width: 50px;}
	div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {font-size: 100%;}
	div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {font-size: 75%;}
	div.white-box, div.orange-box, div.red-box, div.green-box, div.blue-box, div.purple-box {height: 90px;}
	.footerContent img {width: 50%;}
	img.virginmoney {float: left; margin-top: -40px; width: 75%;}
}

/* Smartphones (portrait and landscape) from 320px - 480px ----------- */

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

	body {font: normal 11px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
	#sectioncontainer, #menucontainer, #submenucontainer, section#logindetails, #bannercontainer, .footerContent {width: 100%;}
	div#bannerExtra {display: none;}
	img#logo {margin: 0 auto; display: block; float: none; width: 85%;}
	#twitterLink, #rssLink, #facebookLink, #linkedinLink {float: none; display: none;}
	#twitterLinkEnglish, #facebookLinkEnglish {float: none;}
	div.irish, div.english {margin-top: 0; width: 100px; height: 28px;}
	.welcomeText {padding-top: 0;}
	#menucontainer {margin: 0 auto;}
	#logindetails {margin-top: 0;}
	div#searchSite {display: none;}
	#greeting1 .activeMenu:nth-child(1) {display: none;}
	#greeting1 h1.statement {margin-top: 0; font-size: 160%;}
	#greeting1 aside#sidebar {display: none;}
	.greeting div.four-boxes {margin: 2% auto;}
	.greeting1 div.i-map {width: 80%;}
	div.irish, div.english {margin-top: 10px; width: 90px; height: 25px;}
	div.irish p, div.english p {margin-top: 4px; margin-left: 20px;}	
	#sectioncontainer.generic, #sectioncontainer.newsitems, #sectioncontainer.blog, #sectioncontainer.publications, #sectioncontainer.support {width: 96%; margin: 0 auto; float: none;}
	#sectioncontainer.blog aside#sidebar {display: none;}
	.generic30 video {width: 300px;}
	.greeting div.school-information, .greeting div.competitions, .greeting div.campaigns, .greeting div.events {width: 80%; float: none; margin: 10px auto;}
	#sectioncontainer.generic36 iframe {width: 98%;	min-height: 2250px;}
	#partners div#col1 {width: 98%;}
	#partners1 div#col1 div.record h2 {width: 92%;}
	.partners div#col2 {display: none;}
	.publications1 aside#sidebar, .generic30 aside#sidebar, .generic27 aside#sidebar, .generic39 aside#sidebar, .generic37 aside#sidebar {width: 180px; min-height: 160px;}
	#sectioncontainer.publications h1#sectionHeading, #sectioncontainer.generic30 h1#sectionHeading, #sectioncontainer.generic27 h1#sectionHeading, #sectioncontainer.generic39 h1#sectionHeading, #sectioncontainer.generic37 h1#sectionHeading {margin-top: 200px;}
	.generic30 #mainbar, .generic39 #mainbar {margin-top: 55px;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 50%; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 10%;}	
	.publications1 .blockCenter, .generic30 .blockCenter, .generic39 .blockCenter {left: initial;}
	#sectioncontainer.map1 {width: 95%;	margin: 0 auto;	float: none;}
	.publications .subtitle, .generic30 .subtitle {font-size: 45%;}
	p.starter {font-size: 120%;}
	.greeting1 h1.promoting, .greeting1 h1.promoting-irish {font-size: 180%;}
	div.footer-contacts, div.footer-copyright {margin-top: 0; float: none; text-align: center; width: 100%;}
	#sectioncontainer.generic27, #sectioncontainer.generic37 {margin: 0 auto; width: 98%; float: none;}
	.footer-copyright img, div.donationButton img {margin: 0 auto;}
	#footercontainer {padding-top: 25px;}
	table.madagascarResources td img {width: 70px;}
	div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {font-size: 125%;}
	div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {font-size: 90%;}
	div.white-box, div.orange-box, div.red-box, div.green-box, div.blue-box, div.purple-box {height: 90px;}
	.footerContent {text-align: center;}
	img.virginmoney {float: left; margin-top: -40px;}

}

/* Larger smartphones/smaller tablets (portrait and landscape) from 481px - 768px ---- */

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

	body {font: normal 11px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
	#sectioncontainer, #menucontainer, #submenucontainer, #logindetails, #bannercontainer, .footerContent {width: 100%;}
	div#global {width: 100%; margin: 0 auto;}
	.bannerContent, #sectioncontainer, .footerContent {margin: 0 auto; width: 98%;}
	input.submit {margin-right: 10px;}
	section#logindetails {width: 100%;}
	div#searchSite {display: none;}
	#logo {margin-top: 10px; margin-right: 0;}
	div.irish, div.english {margin-top: -12px;}
	#greeting1 h1.statement {margin-top: 0; font-size: 180%;}
	#greeting1 aside#sidebar {display: none;}
	h1#sectionHeading {font-size: 170%;}
	h2, h2.strong {font-size: 140%;}
	p.starter {font-size: 120%;}
	.activeMenu, .inactiveMenu {font-size: 120%;}
	#sectioncontainer.generic, #sectioncontainer.newsitems {width: 95%;	margin: 0 auto;	float: none;}
	#subMenuitems {min-width: 160px; margin-right: 10px; margin-top: 0;}
	#sectioncontainer.blog, #sectioncontainer.map1 {width: 95%;	margin: 0 auto;	float: none;}
	.blog aside#sidebar {display: none;}
	div.home-message {margin: 10px;}
	.greeting div.four-boxes {margin: 2% 1%;}
	.greeting1 div.i-map {width: 75%;}
	#sectioncontainer.generic36 {width: 98%;}
	#sectioncontainer.generic36 iframe {width: 98%;}
	#partners div#col1 {width: 98%;}
	#partners1 div#col1 div.record h2 {width: 94%;}
	.partners div#col2 {display: none;}
	.publications1 aside#sidebar, .generic30 aside#sidebar, .generic27 aside#sidebar, .generic39 aside#sidebar, .generic37 aside#sidebar {width: 180px; min-height: 160px;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 480px; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 160px;}	
	.publications1 .blockCenter, .generic30 .blockCenter, .generic39 .blockCenter {left: initial;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 55%; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 15%;}	
	.generic30 .blockCenter, .generic39 .blockCenter {top: 0;}
	.generic30 video {width: 300px;}
	#sectioncontainer.generic27, #sectioncontainer.generic37 {margin: 0 auto; width: 98%; float: none;}
	div.footer-contacts, div.footer-copyright {margin-top: 0; float: none; text-align: center; width: 100%;}
	div.footer-contacts img {margin-top: 20px;}
	div.donationButton img {margin: 10px auto;}
	#footercontainer {padding-top: 25px;}
	table.madagascarResources td img {width: 100px;}
	div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {font-size: 140%;}
	div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {font-size: 90%;}
	div.white-box, div.orange-box, div.red-box, div.green-box, div.blue-box, div.purple-box {height: 100px;}
	#twitterLinkEnglish, #facebookLinkEnglish {float: none;}
	.footerContent {text-align: center;}
	img.virginmoney {margin-top: -5px;}


}

/* Smartphones (portrait and landscape) from 560px - 770px----------- */

@media only screen and (min-width: 560px) and (max-width: 770px) {

	div.irish, div.english {margin-top: -12px;}

}

/* Larger tablets (portrait and landscape) from 769px - 960px ----------- */

@media only screen and (min-width: 769px) and (max-width: 960px) {

	body {font: normal 12px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
	#submenucontainer, #bannercontainer, #logindetails {margin: 0 auto; width: 768px;}
	.bannerContent, #sectioncontainer {margin: 0 auto; width: 98%;}
	div#searchSite {display: none;}
	#logo {margin-top: 10px;}
	div#global {width: 100%; margin: 0 auto;}
	#logindetails {margin-top: -10px;}
	section#logindetails {width: 100%;}
	#greeting1 h1.statement {margin-top: 0; font-size: 200%;}
	.greeting div.school-information, .greeting div.competitions, .greeting div.campaigns, .greeting div.events {width: 35%; font-size: 80%;}
	.greeting1 div.i-map {width: 400px;}
	#sectioncontainer.generic, #sectioncontainer.newsitems {width: 60%; float: left;}
	#sectioncontainer.blog, #sectioncontainer.map1 {width: 525px;}
	#sectioncontainer.blog #sidebar {display: none;}
	#sectioncontainer.generic30, #sectioncontainer.generic39 {width: 100%; margin: 0 auto;}
	#sectioncontainer.generic36 iframe {width: 550px; min-height: 1500px;}
	#sectioncontainer.generic27, #sectioncontainer.generic37 {margin: 0 auto; width: 98%; float: none;}
	#partners div#col1 {width: 60%;}
	section.publications p.right, section.publications #optionsMenuitems {margin-left: 240px;}
	.activeMenu a, .inactiveMenu a {padding: 4px 10px;}
	.activeMenu, .inactiveMenu {font-size: 115%;}
	#footercontainer {padding-top: 25px; min-height: 780px;}
	.footerContent {width: 98%;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 525px; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 160px;}
	table.madagascarResources td img {width: 100px;}
	div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {font-size: 150%;}
	div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {font-size: 100%;}
	div.white-box, div.orange-box, div.red-box, div.green-box, div.blue-box, div.purple-box {height: 125px;}
		
}

/* Larger monitors from 961px - 1190px ----------- */

@media only screen and (min-width: 961px) and (max-width: 1190px) {

	#sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer, #logindetails, .footerContent {margin: 0 auto; width: 960px;}
	#menucontainer, #logindetails {width: 100%;}
	div#searchSite {margin-left: 715px;}
	#logo {margin-top:10px;}
	#sectioncontainer.generic, #sectioncontainer.persons, #sectioncontainer.newsitems {width: 705px;}
	.personContainer {width: 100%;}
	#greeting1 h1.statement {margin-top: 0; font-size: 200%;}
	#subMenuitems {max-width: 240px;}
	#subMenuitems.private {max-width: 100%;}
	#sectioncontainer.generic36 iframe {width: 725px;}
	#sectioncontainer.generic30, #sectioncontainer.generic39 {width: 960px;}
	#sectioncontainer.generic27, #sectioncontainer.generic37 {margin: 0 auto; width: 960px; float: none;}
	#sectioncontainer.blog, #sectioncontainer.map1 {width: 700px;}
	section.publications p.right {text-align: right;}
	section.publications div.blockCenter, .generic30 div.blockCenter, .generic39 div.blockCenter {width: 700px; float: left;}
	section.publications div.firstLineItem.extraWide, section.publications div.lineItem.extraWide {width: 240px;}
	#footercontainer {min-height: 800px;}
	div.white-box h2, div.orange-box h2, div.red-box h2, div.green-box h2, div.blue-box h2, div.purple-box h2 {font-size: 165%;}
	div.white-box h3, div.orange-box h3, div.red-box h3, div.green-box h3, div.blue-box h3, div.purple-box h3 {font-size: 110%;}
		
}

/* -------- */