/*

Theme Name:		School Food Plan

Theme URI:		http://www.schoolfoodplan.com

Author:			The House Media

Author URI:		http://www.thehousemedia.com

Version:		1.0

*/



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

	= Table of Contents



	1. = Fonts

	2. = Body, Typography and some main Elements

	3. = Structure

	4. = Header styling

	5. = Navigation styling

	6. = Footer styling

	7. = Sidebar styling

	8. = Home Page styling

	9. = Works Page styling

	10.= Schools Page styling

	11.= News Page and News Detail page styling

	12.= Diary Page styling

	13.= Library Page styling	

	14.= Network Page styling	

	15.= Contact Page styling	

	16.= Meal Page styling

	

	

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

/* 1. = Fonts

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



@import url(css/fonts.css);







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

/* 2. = Body, Typography and some main Elements

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



body { font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; background:url(images/body-bg.jpg) repeat; }

h1, h2, h3, h4, h5, h6 { line-height:1.1; padding:0; margin:0 0 10px 0; font-family:'RockwellBold', Arial, Helvetica, sans-serif; }

h1 { font-size:40px; }

h2 { font-size:28px; }

h3 { font-size:16px; }

h4 { font-size:14px; }

h5 { font-size:14px; }

h6 { font-size:14px; }

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

a, a:visited, a:active { text-decoration:none; color:#D76404; }

a:focus, a:hover { text-decoration:underline; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

p { margin:0 0 15px 0; line-height:1.3; }

.alignleft {float:left; margin-right:10px; margin-bottom:10px; }

.alignright {float:right; margin-left:10px; margin-bottom:10px; }

blockquote {font-family:'Rockwell', Arial, Helvetica, sans-serif; font-style:italic; background-color:rgba(215,100,4,0.2); background-color:#fffedf; color:#000; margin:1.5em 0 1.5em 0;  padding:1.5em 1.5em 0.5em 1.5em; clear:both;}

.footnote {font-size:0.7rem; text-transform:uppercase; font-style:normal; color:#222;}




/*-----------------------------------------------------------------------------------*/
	
	/* 3. = Structure
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	.container { margin:0 auto; }
	
	#wrapper { width:90%; max-width:980px; margin:0 auto; padding:25px 0;  }
	
	.edit-link { margin:20px 0; }
	
	.wrapper-container { max-width:1048px; margin:0 auto; background:url(images/wrapper-bg.png) repeat-y center top; }
	
	
	
	.italic { font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	
	.one-second { width:100%;  margin:0; margin-right:0; }
	
	.one-third { width:100%;  margin:0; margin-right:0; }
	
	.one-fourth { width:100%; margin:0; margin-right:0; }
	
	.three-fourth { width:100%; margin:0; margin-right:0;}
	
	.one-fifth { width:100%; margin:0; margin-right:0; }
	
	.column { float:left; }
	
	.column-last { margin-right:0; }
	
	
	
	a.more { width:209px; height:26px; text-decoration:none; padding:1px 13px 0 0; display:block; background:url(images/btn.png) no-repeat 100% 0; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }
	
	a.more:hover { background:url(images/btn.png) no-repeat 0 -27px; }
	
	
	
	a.back { width:209px; height:26px; text-decoration:none; padding:1px 0 0 13px; display:block; background:url(images/btn-previous.png) no-repeat 0 -27px; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }
	
	a.back:hover { background:url(images/btn-previous.png) no-repeat 0 0; }
	
	
	a.link {display:inline-block;  color:#D05B5C; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px;}
	
	a.link i {margin:0 5px 0 0;}
	
	a.link.white {color:#F9F6D8;}
	
	a.link:hover {color:#222; border-color:#222; text-decoration:none;}
	
	
	
	
	a.disable { width:209px; height:26px; text-decoration:none; padding:1px 13px 0 0; display:block; background:url(images/btn.png) no-repeat 0 -27px; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; cursor:default; }





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

/* 4. = Header styling

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



#header { background:#D05B5C url(images/yellow-dotted-line.png) repeat-x center 186px; }



#header .top-social-links { padding:2% 4%; background:url(images/yellow-dotted-line.png) repeat-x center bottom; }

#header .top-social-links ul { float:right; }

#header .top-social-links li { float:left; margin-left:10px; color:#F4EED3; }

#header .top-social-links li.italic { margin-top:-2px; }

#header .top-social-links li:last-child { margin-top:1px; }

#header .top-social-links li a:hover img { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; }



#header .logo { background:url(images/yellow-stripe.png) repeat-x center 31px; background-size:100% 20%; padding:2% 4%; }

#header .logo h1 { line-height:1.3; letter-spacing:0; background-color:#D05B5C; display:inline-block; padding:10px 9px 0 9px; font-size:1rem; font-family:'RockwellExtraBold', Arial, Helvetica, sans-serif; }

#header .logo h1 a { color:#F4EED3; text-transform:uppercase; text-decoration:none; }

#header .logo h1 span { display:block; font-size:0.6rem; line-height:1; text-transform:none; }

.btn {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;white-space: nowrap;cursor: pointer;display: inline-block;background: #d25a59;color: white;border: 0;text-transform: uppercase;border-bottom: 3px solid #626262;padding: 10px 18px;padding-top: 13px; margin-bottom: 5px; text-align: center;}

.btn.icon {white-space: nowrap !important;overflow: hidden;text-indent: 100%; padding: 0 !important;}

a.btn.small.icon {line-height: 1.071;padding: 7px 16px; font-size: 1em;width: 133px;white-space: normal;border-bottom-width: 2px;border: 3px solid #F4EED3;}

a.btn.small.icon {width: 30px;height: 30px;border-radius: 100%; float:right; margin:10px 0 0 0;}

a.btn.small.icon:hover {background: #3b3b3b;}









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

/* 5. = Navigation styling

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



#header .nav { padding:2% 4%; background:url(images/yellow-dotted-line.png) repeat-x center top; }

#header .nav li { float:left; position:relative; }

#header .nav li:last-child { margin-right:0; }

#header .nav li.last { margin-right:0; }

#header .nav li a { font-size:0.8rem; text-decoration:none; padding:3px 5px 2px 5px; display:block; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#F4EED3; }

#header .nav li a:hover { color:#1B5F5E; background-color:#F4EED3; }

#header .nav li.sfHover a { color:#1B5F5E; background-color:#F4EED3; }

#header .nav li.current_page_item > a, #header .nav li.current-menu-parent > a { color:#1B5F5E; background-color:#F4EED3; }



#header .nav li ul { position:absolute; top:38px; left:0; width:280px; display:none; background:#F4EED3; z-index:999; }

#header .nav li ul li { float:none; margin:0; line-height:1.1; border-top:1px solid #E0DBC2; padding:10px 20px 8px 20px; }

#header .nav li ul li a { padding:0; font-size:18px; color:#1B5F5E; }

#header .nav li ul li a:hover { color:#D76404; text-decoration:underline; }

#header .nav li ul li.current_page_item > a { color:#D76404; background:none; }

#header .nav li ul li.current_page_item > a:hover { color:#D76404; }







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

/* 6. = Footer styling

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



#footer { background-color:#3B3B3B; padding:25px 25px 21px 25px; }

#footer .container {  margin:0 auto; }

#footer .widget-title { color:#FFF; letter-spacing:0; padding-bottom:13px; margin-bottom:10px; background:url(images/yellow-dotted-line.png) repeat-x center bottom; }

#footer .footer-widget { margin:0 0 20px 0; }

#footer .footer-widget p { color:#949487; }

#footer .footer-widget a:hover { text-decoration:underline; }

#footer .footer-logo { background:url(images/footer-logo-bg.jpg) repeat-x; clear:both; height:40px; padding:1px 0 0 20px; }

#footer .footer-logo h2 { font-size:18px; background-color:#3B3B3B; display:inline-block; padding:9px 15px; margin:0; }

#footer .footer-logo h2 a { color:#949487; letter-spacing:2px; text-decoration:none; font-family:'RockwellExtraBold', Arial, Helvetica, sans-serif; text-transform:uppercase; }



#footer .footer-bottom { clear:both; padding-top:30px;}

#footer .footer-bottom .copyright { float:left; color:#949487; font-size:11px; margin:0; line-height:22px; } 

#footer .footer-bottom .author { float:right; color:#949487; font-size:11px; margin:0; line-height:22px; } 

#footer .footer-bottom .author a { display:inline-block; margin:0 0 0 5px; text-indent:-9999px; width:58px; height:22px; background:url(images/logo-tommy.png) no-repeat; }







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

/* 7. = Sidebar styling

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



#sidebar {margin:20px 0 0 0;}



.recent-diaries {}

.recent-diaries .widget-content { padding:20px 10px; background-color:#E5EDE0; }

.recent-diaries li { margin-bottom:20px; padding-bottom:20px; background:url(images/blue-dotted-line.png) repeat-x center bottom; }

.recent-diaries li p { margin:0; }

.recent-diaries li .date { margin:0 0 10px 0; color:#D9701B; }

.recent-diaries ul { padding:0 0 10px 0; }



#sidebar h1 { font-size:99px; font-family:Arial, Helvetica, sans-serif; line-height:0.8; font-weight:800; color:#D05B5C; padding:0; letter-spacing:0; background:none; margin:0 0 10px 0; }

#sidebar h3 { font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#D05B5C; }

.diary-page #sidebar h1 { color:#519290; }

.diary-page #sidebar h3 { color:#519290; }







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

/* 8. = Home Page styling

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





.box { padding:25px; margin:0; color:#F9F6D8; background-color:#E4ECE0; }

.box h2 { font-size:30px; letter-spacing:2px; padding-bottom:12px; margin:0 0 20px 0; background:url(images/box-dotted-line.png) repeat-x center bottom; }

.box .italic { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; }

.box h3 { font-family:'Rockwell', Arial, Helvetica, sans-serif; letter-spacing:0; line-height:1.1; color:#D76404; background:url(images/blue-dotted-line.png) repeat-x center bottom; padding:18px 0; margin:0 0 18px 0; font-size:22px; }

.box h4 { font-family:'Rockwell', Arial, Helvetica, sans-serif; letter-spacing:0; line-height:1.1; color:#D76404; margin:0 0 18px 0; font-size:22px; }

.box p { color:#000; }

.box .gray-block { height:28px; background-color:#C8C8C4; }

.box .blue-block { height:28px; background-color:#256563; }



.home-top-box { margin:0 0 25px 0; }

.home-top-box-right {}

.stop-press-box.cell {display:block; float:left; overflow:hidden; padding:20px 20px 20px 25px; background:#3B823A url(images/resources-bg.png) no-repeat 108% 0; background-size:21%; position:relative; margin-bottom:20px;}

.stop-press-box.cell a {color:#F9F6D8; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-style:italic; opacity:0.6;}

.stop-press-box.cell .slides li { position:relative; padding:0 1px 0 0; margin:0 0 15px;}

.stop-press-box { display:none; float:left; overflow:hidden; padding:20px 20px 20px 25px; background:#3B823A url(images/stop-press-bg.png) no-repeat 108% 0; background-size:21%; position:relative; margin-bottom:20px;}

.stop-press-box .slides li { position:relative; padding:0 1px 0 0; margin:0 0 35px;}

.stop-press-box h2 { font-size:30px; margin:0; color:#F9F6D8; }

.stop-press-box h3 { font-size:18px; margin:0; color:#F9F6D8; padding-bottom:0; margin:0 0 3px 0; }

.stop-press-box p { color:#F9F6D8; }

.stop-press-box .more { }

.stop-press-box .flex-direction-nav { display:none; }

.stop-press-box .flex-control-nav { position:absolute; left:25px; bottom:25px; margin:0; padding:0; z-index:101; }

.stop-press-box .flex-control-nav li { float:left; margin:0 4px 0 0; padding:0; list-style:none; }

.stop-press-box .flex-control-nav li a { display:block; cursor:pointer; text-indent:-9999px; width:20px; height:20px; background:url(images/home-slider-dots.png) no-repeat -24px 0; }

.stop-press-box .flex-control-nav li a.active { background-position:0 0; }



.what-works-well-box { overflow:hidden; margin:0 0 20px 0; padding:13px 25px 15px 15px; background:#3A5765 url(images/what-works-well-box-bg.png) no-repeat 110% bottom; background-size:21%; position:relative; }

.what-works-well-box h2 { font-size:30px; margin-bottom:8px; padding-bottom:7px; }

.what-works-well-box p { font-size:13px; font-style:italic; width:280px; color:#F9F6D8; margin:0 0 35px 0; font-family:Georgia, Arial, Helvetica, sans-serif; }



.home-get-involved-box { padding:10px 15px; background:url(images/home-contact-bg.jpg) #346f6b; margin-bottom:25px;}

.home-get-involved-box h2 { font-size:26px; color:#F9F6D8; margin-bottom:0; padding-bottom:0; letter-spacing:0.5px; }

.home-get-involved-box p { font-size:14px; font-style:italic; width:160px; color:#F9F6D8; margin:0 0 7px 0; line-height:1.2; font-family:Georgia, Arial, Helvetica, sans-serif; }

.home-get-involved-box .more { width:114px; background:url(images/btn.png) no-repeat right 0; }

.home-get-involved-box .more:hover { background:url(images/btn.png) no-repeat right -27px; }



.home-plan-box {padding:10px 65px 10px 15px; background:url(images/home-plan-bg.png) 100% 0 #e69600 no-repeat; }

.home-plan-box h2 { font-size:26px; color:#F9F6D8; margin:0 0 12px 0; letter-spacing:0.5px; }

.home-plan-box .more { width:114px; background:url(images/btn.png) no-repeat right 0; }

.home-plan-box .more:hover { background:url(images/btn.png) no-repeat right -27px; }



.stop-box { width:650px; padding:25px 305px 25px 25px; background:#3B823A url(images/stop-press-image.png) no-repeat 710px bottom; margin:0 0 25px 0; }

.stop-box h2 { font-size:48px; margin:0 0 15px 0; background:url(images/stop-press-divider.png) repeat-x left bottom; }

.stop-box p { font-size:14px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; }



.plan-box {  background:#356F6B url(images/plan-bg.jpg) no-repeat; }

.home-content .plan-box { margin:0 0 25px 0; }



.film-box { padding:17px 25px; background-color:#D0904B; margin-bottom:25px;  }

.film-box .thumbnail {  margin-top:9px; position:relative; display:block; }

.film-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat;  }

.film-box .thumbnail img { display:block; border:2px solid #F9F6D8; }

.film-box .box-content { }

.film-box p { color:#F9F6D8; font-size:14px;}



.section-title { background:url(images/blue-stripe.png) repeat-x center 22px; background-size: 100% 20px; margin:0 0 7px 0; }

.section-title h2 { padding:19px 15px 3px 0; letter-spacing:0; background-color:#FFFEDF; display:inline-block; color:#256563; font-size:20px; font-family:'RockwellExtraBold', Arial, Helvetica, sans-serif; }



.works-well-box .thumbnail { display:block; position:relative; }

.works-well-box .thumbnail img { max-width:100%; display:block; }

.works-well-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:85px; top:61px; position:absolute; }

.works-well-box p { margin:0 0 40px 0; }



.videos-box .thumbnail { display:block; position:relative; }

.videos-box .thumbnail img { max-width:100%; display:block; }

.videos-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:85px; top:61px; position:absolute; }

.videos-box .video-column { margin-bottom:24px; background:url(images/blue-dotted-line.png) repeat-x center bottom; height:262px; }

.videos-box h3 { background:none; font-size:22px;}

.videos-box .slider-controler .previous { width:100px; height:26px; text-decoration:none; cursor:pointer; padding:1px 0 0 13px; display:block; background:url(images/btn-previous.png) no-repeat 0 -27px; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }

.videos-box .slider-controler .previous:hover { background:url(images/btn-previous.png) no-repeat 0 0; }

.videos-box .slider-controler .next { width:100px; height:26px; text-decoration:none; cursor:pointer; padding:1px 13px 0 0; display:block; background:url(images/btn.png) no-repeat -109px 0; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }

.videos-box .slider-controler .next:hover { background:url(images/btn.png) no-repeat 0 -27px; }



.videos-box .slider-controler .previous.disabled { background:url(images/btn-previous.png) no-repeat 0 0; cursor:default; }

.videos-box .slider-controler .next.disabled { background:url(images/btn.png) no-repeat 0 -27px; cursor:default; }





.slider { position:relative; }

.slider .flex-control-nav { display:none; }

.slider .flex-direction-nav { display:none; }



.can-do-box .thumbnail { margin:0 0 27px 0; }

.can-do-box .box-content { margin:0 0 27px 0; }

.can-do-box h3 { padding:0 0 18px 0; }



.expert-panel-box { padding:25px 25px 0 25px; }

.expert-panel-box p { font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#D76404; font-size:13px; }

.expert-panel-box .name { background:url(images/blue-dotted-line.png) repeat-x center bottom; padding:12px 0; margin:0 0 8px 0;  }

.expert-panel-box .column { background:url(images/blue-dotted-line.png) repeat-x center bottom; margin-bottom:25px; height:301px; }

.expert-panel-footer { background-color: #3a6e6b; clear: both; color:#E4ECE0; margin: 0 0 25px; padding: 1.5em 2.5em; text-align: center; }

.expert-panel-footer p { color:#E4ECE0; font-size: 16px; font-style: italic; line-height: 2; text-align: center; }

.expert-panel-footer a { background-color: #D05B5C; color:#E4ECE0; margin: 0 3px; padding: 8px 14px 5px; text-align: center; text-transform: uppercase; white-space: nowrap; }



.social-box { height:20px; padding:11px 10px 10px 10px; background-color:#256563; margin:25px 0 0 0; }

.social-box li { float:left;}

.social-box li.twitter {width:80px}

.social-box li.facebook {  }

.social-box li.google-plus {  }







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

/* 9. = Works Page styling

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



.works-box { width:455px; height:335px; margin:0 0 25px 0; padding:20px 500px 20px 25px; background:url(images/work-box-bg.jpg) no-repeat; }

.works-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

.work-video-box { margin:0 0 25px 0; } 

.work-video-box .thumbnail { display:block; position:relative; }

.work-video-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:202px; top:122px; position:absolute; }

.work-video-box .thumbnail img { display:block; border:2px solid #F9F6D8; }

.work-video-box h3 { padding-top:0; }

.work-video-box .column p:last-child { margin:0; }

.work-video-box .column-last h1 { font-size:99px; font-family:Arial, Helvetica, sans-serif; line-height:0.8; font-weight:800; padding:0; letter-spacing:0; background:none; margin:0 0 10px 0; }

.work-video-box .column-last h2 { font-size:74px; font-family:Arial, Helvetica, sans-serif; line-height:0.8; font-weight:800; padding:0; letter-spacing:0; background:none; margin:0 0 10px 0; }

.work-video-box .column-last p { color:#D05B5C; }

.work-video-box-1 .column-last h1, .work-video-box-1 .column-last h2 { color:#356F6B; }

.work-video-box-2 .column-last h1, .work-video-box-2 .column-last h2 { color:#D0904B; }

.work-video-box-3 .column-last h1, .work-video-box-3 .column-last h2 { color:#BF36A0; }

.work-video-box-4 .column-last h1, .work-video-box-4 .column-last h2 { color:#2E377C; }







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

/* 10. = Schools Page styling

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



.school-box { min-height:366px; margin:0; background:#346F6B url(images/school-box-bg.jpg) no-repeat; }

.school-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; }

.school-box p { font-size:18px; color:#F9F6D8; line-height:1.5; padding-right:10px; margin:0 0 20px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }



.checklist-box { background-color:#ECEBB8; }

.checklist-box h3 { margin:0 0 30px 0; color:#000; padding:0; background:none; letter-spacing:-0.1px; }

.checklist-box p { margin:0 0 30px 0; color:#000; line-height:1.5; }

.checklist-box .checklist-box-top {  }

.checklist-box .checklist-box-top h3 { color:#D76404; }

.checklist-box .checklist-box-top p { color:#D76404; }

.checklist-box .checklist-box-top .column p:first-child { display:none; }

.checklist-box hr { padding:25px 0; background:url(images/checklist-dotted-line.png) repeat-x center center; margin:0; }

.checklist-box h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; color:#000; font-weight:700; margin:0; }



select.dropdown { width:100px; padding:2px 5px; margin:0 0 10px 0; }







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

/* 11. = News Page and News Detail page styling

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



#main { }

#main .entry { padding:20px 25px; background-color:#F8EDB8; }

#wrapper.single { padding-top:0; }

.news-list { }

.news-list .news-list-box { background-color:#F8EDB8; padding:25px; margin:0 0 25px 0; }

.news-list .news-list-box .thumbnail { float:left; }

.news-list .news-list-box .news-content { float:right; width:470px; }

.news-list .news-list-box .full-width-content { float:none; width:auto; }

.news-list .news-list-box .news-content h3 { font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }

.news-list .news-list-box .news-content p { margin:0; margin-bottom:10px; }

.news-list .news-list-box .news-content .date { color:#D9701B; height:auto; }

.news-list .news-list-box:last-child { margin:0; }

.news-list .last { margin:0; }



.news-filter { margin:10px 0 25px 0;  padding:1px 0; background:url(images/news-filter-bg.png) repeat-x; }

.news-filter > ul > li { float:none; position:relative; }

.news-filter > ul ul { position:absolute; display:none; top:38px; left:0; background:#FFFEDF; margin:0; padding:0; width:265px; }

.news-filter a, .news-filter li { font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:12px; color:#256563; }

.news-filter a:hover, .news-filter li.current-cat > a, .news-filter li.current-cat-parent > a { color:#FFFEDF; background:#256563; }

.news-filter a, .news-filter li.text { display:block; padding:0 10px 0 0; line-height:20px; text-decoration:none; }

.news-filter > ul ul a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#D76404; line-height:1.2; padding:9px 16px 11px 16px; background:url(images/news-filter-dot-line.png) no-repeat left bottom; }

.news-filter li.sfHover > a { color:#FFFEDF; background:#256563; }

.news-filter .sf-sub-indicator { width:13px; height:9px; text-indent:-9999px; background:url(images/news-filter-arrow.png) no-repeat 0 0; display:inline-block; position:absolute; margin:4px 10px 0 10px; }

.news-filter li.sfHover .sf-sub-indicator, .news-filter li.current-cat .sf-sub-indicator, .news-filter li.current-cat-parent .sf-sub-indicator { background:url(images/news-filter-arrow.png) no-repeat 0 -9px; }

.news-filter li.submenu > a, .news-filter li.current-cat-parent > a { padding-right:32px; }





#main .entry .post-title { font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:32px; color:#D76404; padding:0 0 15px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; margin:0 0 20px 0; }

#main .entry .date { margin:0 0 20px 0; color:#D9701B; }

#main .entry .featured-image { margin:0 auto 20px auto; width:100%; height:auto; }

#main .entry p { margin:0 0 30px 0; }

#main .entry h1 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:32px; margin:0 0 20px 0; } 

#main .entry h2 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:22px; margin:0 0 20px 0; } 

#main .entry h3 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:18px; margin:0 0 20px 0; } 

#main .entry h4 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:14px; margin:0 0 20px 0; } 

#main .entry h5 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:14px; font-weight:400; margin:0 0 20px 0; } 

#main .entry h6 { color:#D9701B; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-size:14px; font-weight:400; margin:0 0 20px 0; } 

#main .entry a { color:#D9701B; } 

#main .entry .back { color:#F9F6D8; }

#main .entry ul { margin:0 0 20px 0; padding:0; }

#main .entry ul li { margin:0 0 2px 15px; list-style:disc; padding:0; }

#main .entry ol { margin:0 0 20px 0; padding:0; }

#main .entry ol li { margin:0 0 2px 19px; list-style:decimal; padding:0; }

#main .entry blockquote { padding:0 20px 20px 55px; background:url(images/blockquote.png) no-repeat left top; margin:0; }



#main .entry .post-bottom { margin:0 0 15px 0; }

#main .entry .post-bottom .back { float:left; }

#main .entry .post-bottom .gray-block { width:429px; height:28px; background-color:#C8C8C4; float:right; }



.wp-pagenavi { text-align:center; }

.wp-pagenavi span, .wp-pagenavi a { display:inline-block; padding:2px 5px; }







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

/* 12. = Diary Page styling

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



.diary-page .page-title { margin:-25px 0 7px 0; } 

.diary-list { }

.diary-list .diary-box { padding:25px 25px 25px 100px; margin:0 0 25px 0; background:#F8EDB8 url(images/icon-diary.png) no-repeat 25px 27px; }

.diary-list .diary-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0 0 15px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }

.diary-list .diary-box .date { color:#D9701B; margin:0; }



.diary-page .post-bottom { margin:0 0 15px 0; }

.diary-page .post-bottom .back { float:left; }

.diary-page .post-bottom .gray-block { width:481px; height:28px; background-color:#C8C8C4; float:right; }



.diary-page .wp-pagenavi { padding-bottom:20px; }







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

/* 13.= Library Page styling

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



.library-page #sidebar { margin-top:24px; }


.library-box { margin:0; padding:15px 20px 1px 20px; background:#3A5863 url(images/library-box-bg.jpg) no-repeat 95% 0; min-height:100px; background-size:50%;}

.library-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; padding: 20px 0 10px 0;}

.library-box p { font-size:14px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

.library-box p a { font-weight:700; color:#F9F6D8; }



.library-list-box { padding:13px 10px; margin:0 0 15px 0; background:#F8EDB8; }

.library-list-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }

.library-list-box p { margin:0; }

.library-list-box:last-child { margin:0; }







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

/* 14.= Network Page styling

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



.network-box { width:520px; margin:0; padding:20px 435px 1px 25px; background:#70694D url(images/network-box-bg.jpg) no-repeat center bottom; }

.network-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; }

.network-box p { font-size:14px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

.network-box p a { font-weight:700; color:#F9F6D8; }



.network-list-box { padding:20px 25px; margin:0 0 25px 0; background-color:#E7E5A4; }

.network-list-box .thumbnail { display:block; float:left; border:1px solid #D3D06E; }

.network-list-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }

.network-list-box .box-content { width:440px; float:right; margin-top:5px; }

.network-list-box .box-content p { margin:0 0 10px 0; }

.network-list-box .box-content a { color:#BC4A4B; }

.network-list-box a:hover { text-decoration:underline; }

.network-list-box:last-child { margin:0; }





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

/* 15. = Contact Page styling

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



.contact-box {margin:0 0 25px 0; background:#dd8202 url(images/contact-box-bg.jpg) no-repeat right top; background-size:50%;}

.contact-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }

.contact-box p { font-size:14px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }



.contact-address-box { padding:25px 20px 25px 240px; min-height:163px; margin:0 0 25px 0; background:#E7E5A4 url(images/icon-address.png) no-repeat 15px 15px; }

.contact-address-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }



.contact-phone-box { padding:25px 20px 25px 240px; min-height:163px; margin:0 0 25px 0; background:#E7E5A4 url(images/icon-phone.png) no-repeat 15px 15px; }

.contact-phone-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }



.contact-email-box { padding:80px 9px 25px 9px; margin:0; background:#E0DFCD url(images/icon-email.png) no-repeat 95% 15px; background-size:20%; }

.contact-email-box h3 { color:#D76404; font-family:'Rockwell', Arial, Helvetica, sans-serif; padding:0 0 10px 0; background:url(images/blue-dotted-line.png) repeat-x center bottom; }



.contact-email-box .field { margin:0 0 26px 0; }

.contact-email-box .field label { color:#393711; font-weight:400; }

.contact-email-box .field input[type=text] { width:80%; height:25px; font-size:14px; line-height:25px; font-family:Arial, Helvetica, sans-serif; padding:5px 10px; border:solid 5px #c9c8b8; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;}

.contact-email-box .field textarea { width:80%; height:93px; font-size:14px; font-family:Arial, Helvetica, sans-serif; resize:none; padding:10px; border:none; border:solid 5px #c9c8b8; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;}

.contact-email-box input[type=submit] { width:108px; height:26px; border:none; background:url(images/btn.png) no-repeat right 0; cursor:pointer; text-decoration:none; padding:1px 0 0 17px; text-align:left; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }

.contact-email-box input[type=submit]:hover { background:url(images/btn.png) no-repeat right -27px; }





.contact-email-box .field .select-container { width:338px; height:33px; position:relative; font-size:14px; line-height:33px; font-family:Arial, Helvetica, sans-serif; padding:5px 10px; border:none; background:url(images/select-field-bg.png.png) no-repeat; }

.contact-email-box .field .select-container span { font-size:14px; line-height:33px; font-family:Arial, Helvetica, sans-serif; padding:0 2px; width:300px; }

.contact-email-box .field select { opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; top:0; left:0; width:358px; height:43px; margin:0; font-family:Arial, Helvetica, sans-serif; }

.contact-email-box .field option { padding:4px 10px; }



.contact-email-box .recaptcha-field { margin:0 0 26px 0; }

.contact-email-box .recaptcha-field label { color:#393711; font-weight:400; }

.contact-email-box .recaptcha-field #recaptcha_response_field { font-family:Arial, Helvetica, sans-serif; width:143px !important; font-size:14px; padding:0 5px !important; }



.contact-email-box .error-field {  }

.contact-email-box .error-field label { color:#FF0000; }

.contact-email-box .error-field input[type=text] { color:#FF0000; }



.contact-email-box .success-message { color:#398F14; display:none; margin-top:10px; }



.contact-email-box .newsletter-field input[type=checkbox] { float:left; margin:3px 10px 0 0; }

.contact-email-box .newsletter-field label { float:left; }



.organisation-row { margin-bottom: 25px; }

.organisation-box { border-bottom: 1px dotted #000; clear: both; text-align: center; width: 100%; }

.organisation-logo { background-color: #fff; margin: 25px 0 10px; }

.organisation-logo-inner { box-sizing: border-box; padding: 10px; text-align: center; vertical-align: middle; width: 100%; }

.organisation-logo-inner img { height: auto; margin: 0 auto; max-height: 100px; max-width: 101px; vertical-align: middle; width: auto; }

.report-child .breakout .organisation-box p { line-height: 1.34; }

.organisation-box p a { color: #232323; display: block; font-weight: bold; }







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

/* 16. = Meal Page styling

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



.meal-box {margin:0 0 20px 0; background:#476A77 url(images/meal-box-bg.jpg) no-repeat center top; }

.meal-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; }

.meal-box p { font-size:18px; color:#F9F6D8; line-height:1.3; margin:0 0 20px 0; padding-right:45px; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

.meal-box p a { color:#F9F6D8; text-decoration:underline; }

.meal-box span { font-size:12px; font-style:italic; }



.meal-page #sidebar h3 { font-weight:700; }



.for-download-box { width:auto; padding:15px 20px 30px 20px; background-color:#3D8133; margin:0 0 20px 0; }

.for-download-box h2 { font-size:40px; }

.for-download-box h3 { font-size:22px; color:#FFF; padding:0; margin:0 0 10px 0; }

.for-download-box p { color:#FFF; margin:0 0 25px 0; font-size:13px; }

.for-download-box .one-third { float:left; width:210px; margin:0 24px 25px 0; }

.for-download-box .column-last { margin:0; }

.for-download-box .column-last h3 { margin:0 0 3px 0; }

.for-download-box .more { display:inline; background-position:right 0; display:inline; padding:5px 30px 3px 15px; }

.for-download-box .more:hover { background-position:right -27px; }

.for-download-box br { display:none; }

.for-download-box a {color:#E69700;}

.for-download-box a.more {color:#fff;}



.get-involved-box {background:#E69700; }

.get-involved-box h2 { font-size:40px; }

.get-involved-box p { font-size:18px; color:#F9F6E0; font-style:italic; font-family:Georgia,Arial,Helvetica,sans-serif; }

.get-involved-box input[type=submit] { color:#FFF; height:27px; border:none; cursor:pointer; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:18px; padding:0 33px 0 18px; background:url(images/btn.png) no-repeat right 0; }

.get-involved-box input[type=submit]:hover { background-position:right -27px; }



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

/* 17. = Annual Report styling

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

#report-header {background:url(images/annual-report-header.jpg) #3a6e6b no-repeat center; background-size:100%; color:#fdfce1; text-align:center; }

#report-header h1 { margin:auto; font-size:2.4em; padding:25px 0;}

#report-header-compact {background:url(images/annual-report-header-compact.png) #FFFEDF no-repeat top; border:2px solid #3a6e6b; height:140px; text-align:center; margin-bottom:20px;} 

#report-header-compact h2 {color:#3a6e6b; line-height:140px;font-size:40px;}

.tile {display:block; height:190px; background:#e4ece0;}
	
.tile h2 {font-size:1rem; color:#fdfce1; padding:10px;}

.tile:hover {opacity:1; text-decoration:none; -webkit-transition: all 0.5s; transition: all 0.5s;-webkit-transform: scale(1.03, 1.03);-moz-transform: scale(1.03, 1.03);-ms-transform: scale(1.03, 1.03);-o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03)}



.yellow {background-color:#e69601; !important; color:#fdfce1;}

.pink {background-color:#d05b5c; !important; color:#fdfce1;}

.blue {background-color:#3A5863; !important; color:#e4ece0; !important;}  .content-blue .su-accordion .su-spoiler-title{color:#e4ece0;}

.orange {background-color:#D76404; !important; color:#fdfce1;}

.green {background-color:#3b813a !important; color:#fdfce1;}

.turq {background-color:#3a6e6b; !important; color:#fdfce1;}

.grey {background-color:#e4ece0 !important; color:#4b6b76 !important; border-color:#4b6b76;} .grey h2 {color:#4b6b76;} .content-grey .su-accordion .su-spoiler-title{color:#4b6b76;}



.tile.background, .tile.vect { background-size:cover; position:relative; overflow:hidden;}

.tile.background.www { background-size:60%; background-repeat:no-repeat; background-position:center; height:200px; }

.tile.background h2 {position:absolute; bottom:0; margin:0; width:100%;}

.tile.lines {background-image:url(images/tile-lines.png); background-position: 0 -15px; background-size:cover;}

.tile.lines-dark {background-image:url(images/tile-lines-dark.png); background-size:cover;}

.report-title {margin:0 0 7px 0; background-color:#3a6e6b; color:#fdfce1; display:table-cell; vertical-align:bottom; width:980px;}

.report-title h2 { margin:15px 0 0px 15px; padding:0 0 15px 0; letter-spacing:0;  display:inline-block; font-size:30px; width:70%; border-bottom:dotted 2px ; }

.report-title h3 { margin:15px 0 15px 15px; padding:0 0 8px 0; letter-spacing:0;  display:inline-block; width:70%; font-size:14px; line-height:1.5; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif;}

.report-child h3 {color:#3a6e6b; line-height:1.3rem; font-family:'Rockwell', Arial, Helvetica, sans-serif;}

.report-child h4 {color:#d76404; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.report-child ul {margin:0 0 10px 0;}

.report-child ul li { list-style:disc;  margin:0 0 5px 15px; line-height:1.5rem; list-style-position:ouside; }

.report-child .breakout {background-color:#f8edb8; padding:15px 15px 10px 15px; margin:1rem 0 2rem 0;}

.report-child .breakout h3 {color:#d76404; font-family:'RockwellBold', Arial, Helvetica, sans-serif; border-bottom:dotted 2px #d76404; padding:0 0 10px 0; margin:0 0 20px 0;}

.report-child .breakout h3.nodots {color:#d76404; font-family:'RockwellBold', Arial, Helvetica, sans-serif; border-bottom:none; padding:0 0 0px 0; margin:0 0 20px 0;}

.report-child .breakout p {line-height:1.2rem;}

.su-spoiler-title {color:#d76404;}

#link-tiles {padding:10px 0 0 0;}

#link-tiles a {display:block; padding:10px 10px 8px 10px; font-size:11px; background-color:#4b6b76; color:#e4ece0; text-transform:uppercase; font-family:'Rockwell', Arial, Helvetica, sans-serif;}

#link-tiles a:hover {background-color:#d76404; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration:none;}

#link-tiles a.www {background-color:#d05b5c; background-image:url(images/tile-www.png);}

#link-tiles a.www:hover {background-color:#4b6b76; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration:none;}

#progress h3 {color:#d76404; font-family:'RockwellBold', Arial, Helvetica, sans-serif; margin:20px 0 10px 0;}

.news-item {}

.news-item a {color:#000;}

.news-date {color:#d76404; margin-bottom:0;}

#post-navigation {margin:20px 0 0 0; padding:25px; border-top:dashed 2px #3a6e6b; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:1rem; text-align:center;}

.nav-link {display:inline; }

.nav-link a {display:inline-block; padding:5px 10px; border-radius:3px;}

.nav-link a:hover {background-color:#d76404; color:#FFFEDF; text-decoration:none; }

#the_action p {font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:1.2rem; }

#simple_page {margin:39px 0 0 0;}

#simple_page p {  font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:1.2rem; line-height:1.8rem; }

.infographic-left {float:left; margin-right:0; margin-bottom:1em;}


#wprmenu_bar {border-bottom:solid 2px #F4EED3; font-family:'Rockwell', Arial, Helvetica, sans-serif;}

#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {font-family:'Rockwell', Arial, Helvetica, sans-serif;}

#wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu * {font-family:Arial, Helvetica, sans-serif;}

.wprmenu_parent_item_li {background:#f4eed3;}

#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {margin-left:0px; width:70%; border-right:1px solid #3a6e6b;}

#wprmenu_menu .wprmenu_icon_par {width:60px; right:0; left:auto; padding:15px 14px 0 20px;}



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

/* 18. = Actions Section styling

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

	
#actions-header {background:url(images/food-background-header.png) #3a6e6b; background-size:100%; color:#fdfce1; text-align:center;}

#actions-header h1 { margin:auto; font-size:2.4em; padding:40px 0;}

#actions-links {padding:30px 0 0 0px; font-family:'Rockwell', Arial, Helvetica, sans-serif;}

#actions-links ul {margin:0 0 20px 0;}

#actions-links h4 a {font-family:'Rockwell', Arial, Helvetica, sans-serif; font-weight:normal; background:#3a6e6b; padding:10px 10px 10px 40px; color:#fdfce1; margin:0 0 25px 0; display:block; line-height:1.3em; }

#actions-links h4 a:hover {background:#bbb; text-decoration:none;}

#actions-links h4 a:before {font-family: 'FontAwesome'; content: '\f0a9'; margin:0 15px 0 -25px;}

#actions-links li {list-style:none; border-bottom:1px solid #f0caa1; padding:5px 0; margin-left:25px;}

#actions-links li a {color:#222;}

#actions-links li:before {font-family: 'FontAwesome'; content: '\f0a9'; margin:0 15px 0 -25px; color: #D76404;}

 .linklistone {font-family:'Rockwell', Arial, Helvetica, sans-serif;}
 
 .linklistone h5 {color: #3a6e6b; font-size:16px;}
 
 .linklistone li {list-style:none; border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; margin-left:25px;}

.linklistone li a {color:#666;}

 .linklistone li:before {font-family: 'FontAwesome'; content: '\f0a9'; margin:0 10px 0 -25px; color: #3a6e6b;}

#actions-links .linklisttwo h5 {color: #D05B5C;}

#actions-links .linklisttwo li {list-style:none; border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; margin-left:25px;}

actions-links .linklisttwo li a {color:#666;}

#actions-links .linklisttwo li:before {font-family: 'FontAwesome'; content: '\f0a9'; margin:0 15px 0 -25px; color: #D05B5C;}

#actions-links .linklistthree h5 {color: #3A5765;}

#actions-links .linklistthree li {list-style:none; border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; margin-left:25px;}

actions-links .linklistthree li a {color:#3A5765;}

#actions-links .linklistthree li:before {font-family: 'FontAwesome'; content: '\f0a9'; margin:0 15px 0 -25px; color: #3A5765;}

#actions-links li a {}

.action-title {margin:0 0 7px 0; background-color:#3A5863; color:#fdfce1; display:table-cell; vertical-align:bottom; width:980px;}

.action-title h2 { margin:15px 0 0px 15px; padding:0 0 15px 0; letter-spacing:0;  display:inline-block; font-size:30px; width:70%; border-bottom:dotted 2px ; }

.action-title h3 { margin:15px 0 15px 15px; padding:0 0 8px 0; letter-spacing:0;  display:inline-block; width:70%; font-size:14px; line-height:1.5; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif;}





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

/* 19. = The Plan Section styling

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



.film {background:#D0904B; color:#F9F6D8; padding:10px; margin:10px 0 10px 0; }

.the-plan {backgrond:none;}

.the-plan p {line-height:1.6em;}

#film-container {margin:0 0 25px 0;}

.accordion-summary .su-spoiler-title {padding:10px 40px 10px ; background:#3b813a; border:3px solid #3b813a; color:#F9F6D8; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:1rem; letter-spacing:normal; font-weight:normal;}

.accordion-summary .su-spoiler-title .su-spoiler-icon {font-size: 1rem; top:10px; left:10px; text-align:left; height:0; width:0;}

.accordion-summary .su-spoiler-style-default > .su-spoiler-title {padding-left:50px; padding-right:0px}

.accordion-summary .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {left:10px;}

.accordion-summary .su-spoiler-style-default > .su-spoiler-content {background:#E4ECE0; padding:10px;}

.the-full-plan a {padding:10px 25px 10px 50px; display:block; background:#3A5765; border:3px solid #3A5765; color:#F9F6D8; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:1rem; position:relative;}

.the-full-plan a i { position:absolute; top:10px; left:10px; font-size: 1rem;  text-align:left;}




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

/* 15. = Resources Page styling

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



.resources-box { margin:0 0 25px 0; padding:15px 20px 1px 20px; background:#3b813a; background-size:50%; background:#3b813a url(images/to_upload/icon-resources.png) no-repeat 95% 5%; background-size:18%; }

.resources-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding: 20px 0 10px 0; }

.resources-box p { font-size:14px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

.resources-table {padding:0;}

.resources h3 {font-size:14px;}



.news-box {margin:0 0 25px 0; padding:15px 20px 1px 20px; min-height:100px; background:#3a6e6b url(images/to_upload/icon-news.png) no-repeat 95% 5%; background-size: 20%;}

.news-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding:20px 0 10px 0; }

.news-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }



.gen-box {margin:0 0 25px 0; padding:15px 20px 1px 20px; min-height:100px; background:#3a6e6b url(images/to_upload/icon-news.png) no-repeat 95% 5%; background-size: 20%;}

.gen-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding:20px 0 10px 0; }

.gen-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }


.expert-box {margin:0 0 25px 0; padding:15px 20px 1px 20px; min-height:100px; background:#3a6e6b url(images/to_upload/icon-expert.png) no-repeat 95% 5%; background-size: 20%;}

.expert-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding:20px 0 10px 0; }

.expert-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }



@media (min-width: 550px) {
	
	
	.one-second {margin-right:2%; }

	.one-third { margin-right:3%; }

	.one-fourth {  margin-right:2%; }

	.three-fourth {margin-right:2%;}

	.one-fifth { margin-right:1%; }

	.column-last { margin-right:0; }

	

	
}



/* Larger than tablet */
@media (min-width: 769px) {
	
	body { font-size:14px;}
	
	h1, h2, h3, h4, h5, h6 { line-height:1.1; padding:0; margin:0 0 10px 0; font-family:'RockwellBold', Arial, Helvetica, sans-serif; }

	h1 { font-size:40px; }

	h2 { font-size:28px; }

	h3 { font-size:22px; }

	h4 { font-size:14px; }

	h5 { font-size:14px; }

	h6 { font-size:14px; }
	
	.alignleft {float:left; margin-right:20px; margin-bottom:20px;}

	.alignright {float:right; margin-left:20px; margin-bottom:20px;}
	
	
	/* 3. = Structure */
	
	
	.container {width:1048px; margin:0 auto; }
	
	#wrapper {width:980px; margin:0 auto; padding:25px 0;  }
	
	.wrapper-container {width:1048px; margin:0 auto; padding:0 4px; background:url(images/wrapper-bg.png) repeat-y center top; }
	
	.one-second { width:456px;  margin:0; margin-right:16px;}

	.one-third { width:296px;  margin:0; margin-right:21px; }

	.one-fourth { width:220px; margin:0; margin-right:16px; }

	.three-fourth { width:692px; margin:0; margin-right:16px;}

	.one-fifth { width:174px; margin:0; margin-right:15px; }

	.box { padding:25px; width:930px; margin:0; color:#F9F6D8; background-color:#E4ECE0; }
	
	.column { float:left; }
	
	.column-last { margin-right:0; }
	
	
	
	
	
	/* 4. = Header styling */
	
	#header { height:150px;background:#D05B5C url(images/yellow-dotted-line.png) repeat-x center 130px; }
	
	#header .top-social-links { padding:20px 59px 17px 0; background:url(images/yellow-dotted-line.png) repeat-x center bottom; }

	#header .top-social-links ul { float:right; }
	
	#header .top-social-links li { float:left; margin-left:30px; color:#F4EED3; }
	
	#header .top-social-links li.italic { margin-top:-2px; }
	
	#header .top-social-links li:last-child { margin-top:1px; }
	
	#header .top-social-links li a:hover img { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; }
	
	
	
	#header .logo { background:url(images/yellow-stripe.png) repeat-x center 42px; padding:19px 40px 0 40px; height:73px; }
	
	#header .logo h1 { line-height:1.3; letter-spacing:2px; background-color:#D05B5C; display:inline-block; padding:0 23px 0 18px; font-size:29px; font-family:'RockwellExtraBold', Arial, Helvetica, sans-serif; }
	
	#header .logo h1 a { color:#F4EED3; text-transform:uppercase; text-decoration:none; }
	
	#header .logo h1 span { display:block; font-size:16px; line-height:1; text-transform:none; }
	
	a.btn.small.icon {width: 42px;height: 42px;border-radius: 100%; float:right; margin:10px 0 0 0;}

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

	/* 5. = Navigation styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	#header .nav { padding:1px 38px 0 40px; background:url(images/yellow-dotted-line.png) repeat-x center top; }
	
	#header .nav li { float:left; position:relative; }
	
	#header .nav li:last-child { margin-right:0; }
	
	#header .nav li.last { margin-right:0; }
	
	#header .nav li a { font-size:18px; text-decoration:none; padding:6px 20px 5px 21px; display:block; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#F4EED3; }
	
	#header .nav li a:hover { color:#1B5F5E; background-color:#F4EED3; }
	
	#header .nav li.sfHover a { color:#1B5F5E; background-color:#F4EED3; }
	
	#header .nav li.current_page_item > a, #header .nav li.current-menu-parent > a { color:#1B5F5E; background-color:#F4EED3; }
	
	
	
	#header .nav li ul { position:absolute; top:38px; left:0; width:280px; display:none; background:#F4EED3; z-index:999; }
	
	#header .nav li ul li { float:none; margin:0; line-height:1.1; border-top:1px solid #E0DBC2; padding:10px 20px 8px 20px; }
	
	#header .nav li ul li a { padding:0; font-size:18px; color:#1B5F5E; }
	
	#header .nav li ul li a:hover { color:#D76404; text-decoration:underline; }
	
	#header .nav li ul li.current_page_item > a { color:#D76404; background:none; }
	
	#header .nav li ul li.current_page_item > a:hover { color:#D76404; }
	
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 7. = Sidebar styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	#sidebar { width:246px; float:right; margin:0;}

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

	/* 8. = Home Page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	
	
	.box { padding:25px; margin:0; color:#F9F6D8; background-color:#E4ECE0; }
	
	.box h2 { font-size:76px; letter-spacing:2px; padding-bottom:12px; margin:0 0 20px 0; background:url(images/box-dotted-line.png) repeat-x center bottom; }
	
	.box .italic { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; }
	
	.box h3 { font-family:'Rockwell', Arial, Helvetica, sans-serif; letter-spacing:0; line-height:1.1; color:#D76404; background:url(images/blue-dotted-line.png) repeat-x center bottom; padding:18px 0; margin:0 0 18px 0; font-size:22px; }
	
	.box h4 { font-family:'Rockwell', Arial, Helvetica, sans-serif; letter-spacing:0; line-height:1.1; color:#D76404; margin:0 0 18px 0; font-size:22px; }
	
	.box p { color:#000; }
	
	.box .gray-block { height:28px; background-color:#C8C8C4; }
	
	.box .blue-block { height:28px; background-color:#256563; }
	
	
	
	.home-top-box { margin:0 0 0 0; }
	
	.home-top-box-right { float:right; width:482px; }
	
	.stop-press-box.cell {display:none;}
	
	.stop-press-box {display:block;  width:437px; height:295px; float:left; overflow:hidden; padding:20px 20px 20px 25px; background:#3B823A url(images/resources-bg.png) no-repeat 325px 0; position:relative; }
	
	.stop-press-box .slides li { position:relative; height:240px; width:437px; padding:0 1px 0 0; }
	
	.stop-press-box h2 { font-size:48px; margin:0; color:#F9F6D8; }
	
	.stop-press-box h3 { font-size:22px; margin:0; color:#F9F6D8; padding-bottom:0; margin:0 0 3px 0; }
	
	.stop-press-box p { color:#F9F6D8; }
	
	.stop-press-box .more { position:absolute; top:198px; left:0; z-index:100; }
	
	.stop-press-box .flex-direction-nav { display:none; }
	
	.stop-press-box .flex-control-nav { position:absolute; left:25px; top:243px; bottom:inherit; margin:0; padding:0; z-index:101; }
	
	.stop-press-box .flex-control-nav li { float:left; margin:0 4px 0 0; padding:0; list-style:none; }
	
	.stop-press-box .flex-control-nav li a { display:block; cursor:pointer; text-indent:-9999px; width:20px; height:20px; background:url(images/home-slider-dots.png) no-repeat -24px 0; }
	
	.stop-press-box .flex-control-nav li a.active { background-position:0 0; }
	
	
	
	.what-works-well-box { width:442px; height:172px; overflow:hidden; margin:0 0 14px 0; padding:13px 25px 15px 15px; background:#3A5765 url(images/what-works-well-box-bg.png) no-repeat 298px bottom; position:relative; }
	
	.what-works-well-box h2 { font-size:38px; margin-bottom:8px; padding-bottom:7px; }
	
	.what-works-well-box p { font-size:18px; font-style:italic; width:280px; color:#F9F6D8; margin:0 0 20px 0; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	
	.home-get-involved-box { width:201px; height:100px; padding:10px 15px; background:url(images/home-contact-bg.png) #346f6b; float:right; }
	
	.home-get-involved-box h2 { font-size:26px; color:#F9F6D8; margin-bottom:0; padding-bottom:0; letter-spacing:0.5px; }
	
	.home-get-involved-box p { font-size:14px; font-style:italic; width:160px; color:#F9F6D8; margin:0 0 7px 0; line-height:1.2; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	.home-get-involved-box .more { width:114px; background:url(images/btn.png) no-repeat right 0; }
	
	.home-get-involved-box .more:hover { background:url(images/btn.png) no-repeat right -27px; }
	
	
	
	.home-plan-box { width:151px; height:100px; padding:10px 65px 10px 15px; background:url(images/home-plan-bg.png) no-repeat #e69600; float:left; }
	
	.home-plan-box h2 { font-size:26px; color:#F9F6D8; margin:0 0 12px 0; letter-spacing:0.5px; }
	
	.home-plan-box .more { width:114px; background:url(images/btn.png) no-repeat right 0; }
	
	.home-plan-box .more:hover { background:url(images/btn.png) no-repeat right -27px; }
	
	
	
	.stop-box { width:650px; padding:25px 305px 25px 25px; background:#3B823A url(images/stop-press-image.png) no-repeat 710px bottom; margin:0 0 25px 0; }
	
	.stop-box h2 { font-size:48px; margin:0 0 15px 0; background:url(images/stop-press-divider.png) repeat-x left bottom; }
	
	.stop-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 20px 0; }
	
	
	
	.plan-box { width:455px; height:295px; padding:20px 500px 20px 25px; background:#356F6B url(images/plan-bg.jpg) no-repeat; }
	
	.home-content .plan-box { margin:0 0 25px 0; }
	
	
	
	.film-box { margin-bottom:15px; width:930px; height:304px; padding:17px 25px; background-color:#D0904B;  }
	
	.film-box .thumbnail { float:left; margin-top:9px; position:relative; display:block; }
	
	.film-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:202px; top:122px; position:absolute; }
	
	.film-box .thumbnail img { display:block; border:2px solid #F9F6D8; }
	
	.film-box .box-content { width:455px; float:right; }
	
	.film-box p { color:#F9F6D8; }
	
	
	
	.section-title { background:url(images/blue-stripe.png) repeat-x center 26px; margin:0 0 7px 0; }
	
	.section-title h2 { padding:19px 15px 3px 0; letter-spacing:0; background-color:#FFFEDF; display:inline-block; color:#256563; font-size:34px; font-family:'RockwellExtraBold', Arial, Helvetica, sans-serif; }
	
	
	
	.works-well-box .thumbnail { display:block; position:relative; }
	
	.works-well-box .thumbnail img { max-width:100%; display:block; }
	
	.works-well-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:85px; top:61px; position:absolute; }
	
	.works-well-box p { margin:0 0 40px 0; }
	
	
	
	.videos-box .thumbnail { display:block; position:relative; }
	
	.videos-box .thumbnail img { max-width:100%; display:block; }
	
	.videos-box .thumbnail span { width:54px; height:35px; background:url(images/icon-player.png) no-repeat; left:85px; top:61px; position:absolute; }
	
	.videos-box .video-column { margin-bottom:24px; background:url(images/blue-dotted-line.png) repeat-x center bottom; height:262px; }
	
	.videos-box h3 { background:none; }
	
	.videos-box .slider-controler .previous { width:209px; height:26px; text-decoration:none; cursor:pointer; padding:1px 0 0 13px; display:block; background:url(images/btn-previous.png) no-repeat 0 -27px; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }
	
	.videos-box .slider-controler .previous:hover { background:url(images/btn-previous.png) no-repeat 0 0; }
	
	.videos-box .slider-controler .next { width:209px; height:26px; text-decoration:none; cursor:pointer; padding:1px 13px 0 0; display:block; background:url(images/btn.png) no-repeat 0 0; text-align:center; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }
	
	.videos-box .slider-controler .next:hover { background:url(images/btn.png) no-repeat 0 -27px; }
	
	
	
	.videos-box .slider-controler .previous.disabled { background:url(images/btn-previous.png) no-repeat 0 0; cursor:default; }
	
	.videos-box .slider-controler .next.disabled { background:url(images/btn.png) no-repeat 0 -27px; cursor:default; }
	
	.library-box p {color:#F9F6D8;}
	
	
	
	
	
	.slider { position:relative; }
	
	.slider .flex-control-nav { display:none; }
	
	.slider .flex-direction-nav { display:none; }
	
	
	
	.can-do-box .thumbnail { float:left; margin:0 0 27px 0; }
	
	.can-do-box .box-content { float:right; width:325px; margin:0 0 27px 0; }
	
	.can-do-box h3 { padding:0 0 18px 0; }
	
	
	
	.expert-panel-box { padding:25px 25px 0 25px; }
	
	.expert-panel-box p { font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#D76404; font-size:13px; }
	
	.expert-panel-box .name { background:url(images/blue-dotted-line.png) repeat-x center bottom; padding:12px 0; margin:0 0 8px 0;  }
	
	.expert-panel-box .column { background:url(images/blue-dotted-line.png) repeat-x center bottom; margin-bottom:25px; height:301px; }

	.expert-panel-footer { padding: 25px 50px; }

	.expert-panel-footer p { color:#E4ECE0; font-size: 16px; font-style: italic; text-align: center; }
	
	
	
	.social-box { height:20px; padding:11px 25px 10px 25px; background-color:#256563; margin:25px 0 0 0; }
	
	.social-box li { float:left; }
	
	.social-box li.twitter { width:100px; }
	
	.social-box li.facebook { width:90px; }
	
	.social-box li.google-plus { width:80px; }
	
	/*-----------------------------------------------------------------------------------*/

	/* 10. = Schools Page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	.school-box { width:545px; min-height:366px; margin:0; padding:20px 410px 20px 25px; background:#346F6B url(images/school-box-bg.jpg) no-repeat; }
	
	.school-box p { color:#F9F6D8;}
	
	.checklist-box { background-color:#ECEBB8; }
	
	.checklist-box h3 { margin:0 0 30px 0; color:#000; padding:0; background:none; letter-spacing:-0.1px; }

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

	/* 11. = News Page and News Detail page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	#main { width:715px; float:left; }
	
	#main-full { width:100%; float:left;}
	
	.news-filter a, .news-filter li { font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:18px; color:#256563; }

	.news-filter a, .news-filter li.text { display:block; padding:0 20px; line-height:37px; text-decoration:none; }
	
	.news-list .news-list-box .news-content p { margin:0; height:62px; }
	
	.news-filter {height:37px;}
	
	.news-filter > ul > li { float:left; position:relative; }
	
	.news-filter .sf-sub-indicator { width:13px; height:9px; text-indent:-9999px; background:url(images/news-filter-arrow.png) no-repeat 0 0; display:inline-block; position:absolute; margin:13px 10px 0 10px; }
	
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 13.= Library Page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	.library-page #sidebar { margin-top:24px; }
	
	
	.library-box { width:520px; margin:0; padding:20px 435px 1px 25px; background:#3A5863 url(images/library-box-bg.jpg) no-repeat center bottom; }
	
	.library-list-box { padding:20px 25px; margin:0 0 25px 0; background:#F8EDB8; }
	
	
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 15. = Contact Page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	.contact-box { width:520px; margin:0 0 25px 0; padding:15px 440px 15px 20px; background:#3a6e6b url(images/contact-box-bg.png) no-repeat center top; }
	
	.contact-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }
	
	.contact-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	.contact-email-box { padding:25px 20px 25px 25px; margin:0; background:#E0DFCD; }
	
	
	.contact-email-box .field input[type=text] { width:338px; height:33px; font-size:14px; line-height:33px; font-family:Arial, Helvetica, sans-serif; padding:5px 10px; border:none; background:url(images/input-field-bg.png) no-repeat; }
	
	.contact-email-box .field textarea { width:338px; height:93px; font-size:14px; font-family:Arial, Helvetica, sans-serif; resize:none; padding:10px; border:none; background:url(images/textarea-field-bg.png) no-repeat; }
	
	.contact-email-box input[type=submit] { width:108px; height:26px; border:none; background:url(images/btn.png) no-repeat right 0; cursor:pointer; text-decoration:none; padding:1px 0 0 17px; text-align:left; color:#F9F6D8; font-size:18px; font-family:'Rockwell', Arial, Helvetica, sans-serif; }
	
	.contact-email-box input[type=submit]:hover { background:url(images/btn.png) no-repeat right -27px; }
	
	
	
	
	
	.contact-email-box .field .select-container { width:338px; height:33px; position:relative; font-size:14px; line-height:33px; font-family:Arial, Helvetica, sans-serif; padding:5px 10px; border:none; background:url(images/select-field-bg.png.png) no-repeat; }
	
	.contact-email-box .field .select-container span { font-size:14px; line-height:33px; font-family:Arial, Helvetica, sans-serif; padding:0 2px; width:300px; }
	
	.contact-email-box .field select { opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; top:0; left:0; width:358px; height:43px; margin:0; font-family:Arial, Helvetica, sans-serif; }
	
	.contact-email-box .field option { padding:4px 10px; }



	.organisation-row { border-spacing: 10px; display: table; margin-bottom: 25px; table-layout: fixed; vertical-align: top; }

	.organisation-box { display: table-cell; float: none !important; padding: 0; text-align: left; vertical-align: top; width: 121px; }

	.organisation-logo { background-color: #fff; border-collapse: collapse; height: 120px; margin: 0 0 5px; position: relative; width: 100%; }

	.organisation-logo-inner { display: table-cell; height: 120px; vertical-align: middle; width: 100%; }

	.organisation-logo-inner a,
	.organisation-logo-inner span { display: block; text-align: center; width: 101px; }

	.report-child .breakout .organisation-box p { line-height: 1.34; }



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

	/* 16. = Meal Page styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	.meal-box { width:525px; margin:0 0 20px 0; padding:20px 435px 10px 20px; background:#476A77 url(images/meal-box-bg.jpg) no-repeat center top; }
	
	.meal-box p { font-size:18px; color:#F9F6D8; line-height:1.3; margin:0 0 20px 0; padding-right:45px; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }

	.meal-box p a { color:#F9F6D8; text-decoration:underline; }

	
	.for-download-box { width:auto; padding:15px 20px 30px 20px; background-color:#3D8133; margin:0 0 20px 0; }

	.for-download-box h2 { font-size:40px; }
	
	.for-download-box h3 { font-size:21px; color:#FFF; padding:0; margin:0 0 10px 0; }
	
	.for-download-box p { color:#FFF; margin:0 0 25px 0; font-size:13px; }
	
	.for-download-box .one-third { float:left; width:210px; margin:0 24px 0 0; }
	
	.for-download-box .column-last { margin:0; }
	
	.for-download-box .column-last h3 { margin:0 0 3px 0; }
	
	.for-download-box .more { display:inline; background-position:right 0; display:inline; padding:5px 30px 3px 15px; }
	
	.for-download-box .more:hover { background-position:right -27px; }
	
	.for-download-box br { display:none; }
	
	
	
	.get-involved-box {width: 330px;padding: 20px 369px 30px 20px;background: #E69700 url(images/get-involved-bg.jpg) no-repeat right top; }
	
	.get-involved-box h2 { font-size:40px; }
	
	.get-involved-box p { font-size:18px; color:#F9F6E0; font-style:italic; font-family:Georgia,Arial,Helvetica,sans-serif; }
	
	.get-involved-box input[type=submit] { color:#FFF; height:27px; border:none; cursor:pointer; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:18px; padding:0 33px 0 18px; background:url(images/btn.png) no-repeat right 0; }
	
	.get-involved-box input[type=submit]:hover { background-position:right -27px; }
		
	
	/*-----------------------------------------------------------------------------------*/

	/* 17. = Annual Report styling
	
	/*-----------------------------------------------------------------------------------*/
	
	#report-header {background:url(images/annual-report-header.jpg) #3a6e6b no-repeat top; height:335px; width:100%; color:#fdfce1; text-align:center; display: table-cell; vertical-align: middle;}
	
	#report-header h1 {font-size:5rem; margin:0 60px; line-height:5rem;}
	
	.tile {display:block; height:283px;}
	
	.tile h2 {font-size:1.35rem; padding:15px;}
	
	.tile.background h2 {position:absolute; bottom:0; width:200px; margin:0;}
	
	.tile.background.www h2 {width:96%; text-align:center; margin:0 auto; border-top:solid 1px #F9F6E0; padding:1.4% 2%}
	
	.tile.lines {background-image:url(images/tile-lines.png); background-size:cover;}
	
	.report-title {margin:0 0 7px 0; height:200px; background-color:#3a6e6b; color:#fdfce1; display:table-cell; vertical-align:bottom; width:980px;}
	
	.report-title h2 { margin:30px 0 0px 25px; padding:0 0 15px 0; letter-spacing:0;  display:inline-block; font-size:55px; width:70%; border-bottom:dotted 2px ; }

	.report-title h3 { margin:15px 0 25px 25px; padding:0 0 8px 0; letter-spacing:0;  display:inline-block; width:70%; font-size:18px; line-height:1.5; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif;}
	
	.report-child h3 {color:#3a6e6b; line-height:2rem; font-family:'Rockwell', Arial, Helvetica, sans-serif;}
	
	.report-child .breakout {background-color:#f8edb8; padding:25px 25px 10px 25px; margin:1rem 0 2rem 0;}
	
	.report-child .breakout p {line-height:1.5rem;}
	
	#link-tiles {padding:19px 0 0 0;}

	#link-tiles a {display:block; padding:10px 10px 50px 10px; font-size:14px; background-color:#4b6b76; background-image:url(images/tile-lines.png); background-size:cover; background-position:bottom; color:#e4ece0; text-transform:uppercase; font-family:'Rockwell', Arial, Helvetica, sans-serif;}
	
	#link-tiles a:hover {background-color:#d76404; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration:none;}
	
	#link-tiles a.www {background-color:#d05b5c; background-image:url(images/tile-www.png);}
	
	#link-tiles a.www:hover {background-color:#4b6b76; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration:none;}
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 18. = Actions Section styling
	
	/*-----------------------------------------------------------------------------------*/
	

		
	#actions-header {background-size:cover; color:#fdfce1; text-align:center; min-height:335px; }
	
	#actions-header h1 {font-size:5rem; margin:87px 60px; line-height:5rem;}
	
	.action-title {margin:0 0 7px 0; height:200px; background-color:#3A5863; color:#fdfce1; display:table-cell; vertical-align:bottom; width:980px;}
	
	.action-title h2 { margin:30px 0 0px 25px; padding:0 0 15px 0; letter-spacing:0;  display:inline-block; font-size:55px; width:70%; border-bottom:dotted 2px ; }

	.action-title h3 { margin:15px 0 25px 25px; padding:0 0 8px 0; letter-spacing:0;  display:inline-block; width:70%; font-size:18px; line-height:1.5; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif;}
	
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 19. = The Plan Section styling
	
	/*-----------------------------------------------------------------------------------*/
	
	
	.the-plan {background:none; padding:25px 0 25px 0;}

	#film-container {margin:0 0 25px 0;}

	.accordion-summary .su-spoiler-title {padding:0 25px; height:100px; line-height:100px; background:#3b813a; border:3px solid #3b813a; color:#F9F6D8; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:2rem;}

	.accordion-summary .su-spoiler-title .su-spoiler-icon {width: 100px;height: 100px;line-height: 100px; font-size: 2rem; top:0; width:100px; text-align:center;}
	
	.accordion-summary .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {}

	.accordion-summary .su-spoiler-style-default > .su-spoiler-title {padding-left:100px;}

	.accordion-summary .su-spoiler-style-default > .su-spoiler-content {background:#E4ECE0; padding:30px 280px 30px 30px;}

	.the-full-plan a {padding:0 30px 0 100px;; height:100px; line-height:100px; display:block; background:#3A5765; border:3px solid #3A5765; color:#F9F6D8; font-family:'Rockwell', Arial, Helvetica, sans-serif; font-size:2rem;}

	.the-full-plan a i {width: 100px;height: 100px;line-height: 100px; font-size: 2rem; top:0; width:100px; text-align:center;}

	.the-full-plan a:hover {text-decoration:none; background:none; color:#3A5765;}
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 15. = Resources Page styling

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



	.resources-box { width:520px; height:294px; margin:0 0 25px 0; padding:15px 440px 1px 20px; background:#3b813a url(images/to_upload/icon-resources.png) no-repeat top right;}

	.resources-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }

	.resources-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 16. = News Box styling

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



	.news-box { width:520px; height:294px; margin:0 0 25px 0; padding:15px 440px 1px 20px; background:#3a6e6b url(images/to_upload/icon-news.png) no-repeat top right;}

	.news-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }

	.news-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 16. = News Box styling

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



	.gen-box { width:520px; height:294px; margin:0 0 25px 0; padding:15px 440px 1px 20px; background:#3a6e6b url(images/school-box-bg.png) no-repeat top right;}

	.gen-box h2 { background:url(images/box-dotted-line.png) repeat-x left bottom; margin-bottom:15px; padding-bottom:5px; }

	.gen-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	/*-----------------------------------------------------------------------------------*/

	/* 16. = News Box styling

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



	.expert-box { width:520px; height:294px; margin:0 0 25px 0; padding:15px 440px 1px 20px; background:#3a6e6b url(images/to_upload/icon-expert.png) no-repeat top right;}

	.expert-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }

	.expert-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif; }
	
	
	.alliance-box { width:520px; height:294px; margin:0 0 25px 0; padding:15px 440px 1px 20px; background:#3a6e6b url(images/to_upload/icon-collaboration.png) no-repeat top right;}

	.alliance-box h2 { background:url(images/box-dotted-line.png) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px; }

	.alliance-box p { font-size:18px; color:#F9F6D8; line-height:1.5; margin:0 0 15px 0; font-style:Italic; font-family:Georgia, Arial, Helvetica, sans-serif;  }
	
			
		
}