/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

/* Reset, Fonts and Grids */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

#custom-doc { width:76.3846em;*width:74.4752em;min-width:993px; margin:auto; text-align:left; }


/*
The University of the First Age
version: 2.0.0
*/

html { background-color: #F5F5F6; } 
body { background: #F5F5F6 url(/img/bg.jpg) repeat-x scroll 50% 0%; }

.body a { color:#000000; text-decoration:underline;}

/*
Header
*/

#hd { position: relative; height: 146px; margin: 0px 12px 0px 12px; }

#hd #logo { position: absolute; top: 12px; left: 0px; padding: 0px; margin: 0px; }
#hd #logo a { width: 76px; height: 76px; background: transparent url(/img/main_logo.jpg) no-repeat scroll 0% 0%; text-indent: -9999px; display: block; outline: none; }

.links-wrapper { position: absolute; top: 12px; right: 0px;  }

.logged-user { float: left; background-color: #FFFFFF; }
.logged-user p { color:#000000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:85%; padding-top: 6px; padding-right:5px; }

#hd #links { width: auto; height: 20px; float:left;  }
#hd #links ul li { float: left; height:20px; border-right:1px solid #C5C7D1; padding:4px 11px; }
#hd #links ul li.last { border:0px; padding-right:0px; }
#hd #links ul li a { float: left; height: 20px; background: url(/img/hd_links_bg.gif) repeat-x; line-height: 20px; /*display: block;*/ text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight:bold; text-align: center; }
#hd #links ul li #register-button { width: 80px; margin-right: 1px; }
#hd #links ul li #franchise { /*width: auto*/; padding:0px 10px; } 

#hd #search { position: absolute; top: 54px; right: 0px;  }
#hd #search form #query { float: left; width: 192px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; }
#hd #search form #go { float: left; position: relative; top: 1px; left: 0px; width: 34px; height: 19px; margin-left: 4px; }

#hd #nav { position: absolute; top: 100px; left: 0px; }
#hd #nav ul li { float: left; height: 23px; line-height: 23px; }
#hd #nav ul li a { float: left; display: block; text-align: center; text-decoration: none; color: #FFFFFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 108%; }
#hd #nav ul li a.selected { color: #000;font-weight:bold; }

#hd #nav ul #nav-home { background: transparent url(/img/nav_home_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-home a { width: 71px; background: transparent url(/img/nav_home_bg_right.jpg) no-repeat scroll 0% 0%; }
#hd #nav ul #nav-news-knowledge { background: transparent url(/img/nav_news_and_knowledge_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-news-knowledge a { width: 161px; background: transparent url(/img/nav_news_and_knowledge_bg_right.jpg) no-repeat scroll 0% 0%; display:none;}
/*#hd #nav ul #nav-evaluation-impact { background: transparent url(/img/nav_home_evaluation_and_impact_bg_left.jpg) no-repeat scroll 0 0; }*/
#hd #nav ul #nav-evaluation-impact a { width: 166px; background: transparent url(/img/nav_evaluation_and_impact_bg_right.jpg) no-repeat scroll 0% 0%; }
#hd #nav ul #nav-training-advice-events { background: transparent url(/img/nav_training_advice_and_events_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-training-advice-events a { width: 194px; background: transparent url(/img/nav_training_advice_and_events_bg_right.jpg) no-repeat scroll 0% 0%; }
#hd #nav ul #nav-young-peoples-activities { background: transparent url(/img/nav_young_peoples_activites_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-young-peoples-activities a { width: 200px; background: transparent url(/img/nav_young_peoples_activites_bg_right.jpg) no-repeat scroll 0% 0%; }
#hd #nav ul #nav-resources { background: transparent url(/img/nav_resources_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-resources a { width: 194px; background: transparent url(/img/nav_resources_bg_right.jpg) no-repeat scroll 0% 0%; }
#hd #nav ul #nav-about { background: transparent url(/img/nav_about_bg_left.jpg) no-repeat scroll 0 0; }
#hd #nav ul #nav-about a { width: 144px; background: transparent url(/img/nav_about_bg_right.jpg) no-repeat scroll 0% 0%; }

#hd #breadcrumb { position: absolute; bottom: 0px; left: 3px; z-index: 10; }
#breadcrumb p {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #666666;	line-height: 100%; font-size: 77%; }
#breadcrumb a { text-decoration: none; color: #666666; font-weight: none; }
#breadcrumb a.selected { font-weight: bold; }

/* Body */

.yui-g > .panel { height: auto; }

/* floated left for some reason. fix later. */
.panel { float: left; position: relative; width: 993px; height: 360px; min-height: 360px; background: transparent url(/img/panel_middle.jpg) repeat-y scroll 0% 0%; padding: 0px; margin: 0px; }
.panel .top { position: absolute; top: 0px; left: 0px; width: 993px; height: 140px; background: transparent url(/img/panel_top.jpg) repeat-y scroll 0% 0%; overflow: hidden; }
.panel .bottom { position: absolute; bottom: 0px; left: 0px; width: 993px; height: 220px; background: transparent url(/img/panel_bottom.jpg) repeat-y scroll 0% 0%; overflow: hidden; }
.panel .middle { position: relative; top: 0px; left: 0px; width: 969px; }

/* why is there no margin-right? related to floated panel? */
.ufa-page { position: relative; width: 969px; margin: 12px 0px 12px 12px; }

/* why is only the left column variable height... why not all? */
.middle > #left-column { height: auto; }

.panel .middle #left-column { float: left; position: relative; width: 213px; height: 650px; min-height: 650px; }
.panel .middle #middle-column { float: left; position: relative; width: 540px; }
/* why only the right=column bottom padded? */
.panel .middle #right-column { float: left; position: relative; width: 200px; padding: 0px 0px 10px 0px; }

/* Home Start */

.welcome-to-ufa { position: absolute; width: 376px; height: 293px; top: 26px; left: 580px; background: transparent url(/img/welcome_to_ufa.jpg) no-repeat scroll 0% 0%; z-index: 200; }
/* headings be given a width? */
.welcome-to-ufa h2 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 206%; padding: 21px 0px 0px 28px; }
.welcome-to-ufa h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 116%; padding: 3px 0px 0px 28px; }
.welcome-to-ufa p { width: 323px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; padding-top: 5px; padding-left: 28px; line-height: 120%; }
.welcome-to-ufa ul { padding: 17px 0px 0px 30px; }
.welcome-to-ufa ul li { float: left; background: transparent url(/img/purple_button_left.jpg) no-repeat scroll 0% 0%; margin: 0px 12px 0px 0px; }
.welcome-to-ufa ul li a { height: 21px; line-height: 22px; background: transparent url(/img/nav_home_bg_right.jpg) no-repeat scroll 100% 0%; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #FFFFFF; text-decoration: none; display: block; text-align: center; padding: 0px 4px 0px 0px; }
.welcome-to-ufa ul #more-information a { width: 115px; font-weight:bold;}
.welcome-to-ufa ul #about-ufa a { width: 80px; font-weight:bold;}
.welcome-to-ufa ul #contact-us a { width: 81px; font-weight:bold;}

#contact_formel{
    font-size:138%;
}

#contact_submit { 
    cursor: pointer; position: relative; border: none; font-size:85%; color: #ffffff; height: 19px; width: 118px; background:transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0; font-weight:bold;
}

#pcard_submit { 
    cursor: pointer; position: relative; border: none; font-size:85%; color: #ffffff; height: 19px; width: 80px; background:transparent url(/img/hd_links_bg.gif) repeat-x scroll 0 0; font-weight:bold; float:right; margin-right:20px;
}

/* quote scroller */
.quoteScroll { 
    height:80px;
    width:400px;
    overflow:hidden;

}

.ufa-quote { width: 310px; height: 85px; /*background: transparent url(/img/welcome_to_ufa_quote.jpg) no-repeat scroll 0% 50%; margin: 16px 0px 0px 34px;*/margin: 16px 0px 0px 0px; }
.ufa-quote p { /*width: 162px;*/ color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 93%; display: block; /*padding: 0px 0px 0px 135px;*/ }
.ufa-quote .signature { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; padding: 4px 0px 0px 135px; }

/* surely these should be variable... with the same height- necessary for javascript to operate properly? */
.left { float: left; position: relative; width: 774px; overflow: hidden; }
.right { float: left; position: relative; width: 195px; overflow: hidden; }

.taster h4 { font-weight:bold;} 
.taster-detail { height: 0px; visibility: hidden; overflow: hidden; }
.taster-selected { height: 0px; visibility: visible; overflow: hidden; }

.chapter-nav { position: absolute; top: 120px; left: 10px; width: 189px; background: transparent url(/img/chapter_nav_no_shadow_middle.png) repeat-y scroll 0% 0%; z-index:100; }
.chapter-nav .chapter-nav-top { position: absolute; top: -2px; left: 0px; background: transparent url(/img/chapter_nav_top.jpg) no-repeat scroll 0 0; width: 189px; }
.chapter-nav #chapter-nav-middle { position: relative; top: 20px; left: 10px; padding-bottom: 46px; width: 168px; }
.chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
.chapter-nav #bottom-nav { padding: 12px; width: 150px; }
.chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; font-weight:bold; padding:3px; }
#chapter-nav-middle ul { position:relative; left: 0px; }
#chapter-nav-middle ul li { height: 22px; line-height: 22px; border-bottom: #E0E0E8 1px solid; padding-left: 17px; }
#chapter-nav-middle ul li a { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; text-decoration: none; }
#chapter-nav-middle ul li a.selected { color: #000000; text-decoration:underline; }*/

/* does this do anything? may not work in old browsers? */
.chapter-nav.nav-landing { left: 16px; top: 134px; z-index:5000;  }

.landing-boxes { margin-left: 197px; }

.landing-boxes {
    clear:both;
    /*
		height:233px;
	*/
	min-height: 1px;
    margin-left:197px;
    /*
		padding-bottom:10px;
    	padding-top:10px;
	*/
}

.landing-boxes .box {
	margin-top: 10px;
	margin-bottom: 10px;
}

#landing { float: left; width: 774px; }
/* changed the default background to just black */

.left > #landing-top { height: auto; }

#landing-top { float:left; width:774px; background-color: #000000; margin: 0px; padding: 0px; /*height:500px; min-height: 500px;*/ }
#landing-top-content { width:549px; margin: 125px 0px 20px 205px;  }
#landing-top-content p { padding: 0px 0px 5px 0px; }
#landing-top h2 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 200%;  }
#landing-top p { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 130%;  }
#landing-top p a { color: #FFFFFF; }
/* default quote to white? */
#landing-top p.quote { color: #8DC742; font-size: 123.1%; font-family: Arial, Helvetica, sans-serif;  } 

.right ul li { background:transparent url(/img/accordion_li_green_long.png) no-repeat scroll 0 100%; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:85%; padding-bottom:11px; padding-left:14px; padding-top:11px; }
.right ul li a { color: #FFFFFF; text-decoration: underline; }
.right ul .selected { background:transparent url(/img/accordion_li_green_selected_long.png) no-repeat scroll 0 100%; height: 346px; }
.right p { width: 170px; }
.right .location { width: 170px; color: #7DBD32; padding-top: 5px; padding-bottom: 5px; }

p.message { padding:8px 0px 0px 0px; font-weight:bold; color:#c10000; }

#news-knowledge-landing #landing-top {  background: #000000 url(/img/news_landing_bg.jpg) no-repeat scroll 0% 0%; }
#news-knowledge-landing #landing-top p.quote { color: #E2292A; }
#news-knowledge-landing .right { background: transparent url(/img/red_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#news-knowledge-landing .right ul li { background: transparent url(/img/accordion_li_red_long.png) no-repeat scroll 0 100%; }
#news-knowledge-landing .right .location { color: #E2292A; }
#news-knowledge-landing .right ul .selected { background: transparent url(/img/accordion_li_red_selected_long.png) no-repeat scroll 0 100%; }
#news-knowledge-landing .more { background: transparent url(/img/red_button_bg_left.jpg) no-repeat scroll 0% 0%; }
#news-knowledge-landing .more a { background: transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0%; }
#news-knowledge-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_news.png) no-repeat scroll 0% 0%; }
#news-knowledge-landing .chapter-nav #bottom-nav { color: #E2292A; }
#news-knowledge-landing ul li a.selected { color: #E2292A; text-decoration:none; }

#evaluation-impact-landing #landing-top { background: #000 url(/img/evaluation_landing_bg.jpg) no-repeat scroll 0% 0%; }
#evaluation-impact-landing #landing-top p.quote { color: #31AFAA; }
#evaluation-impact-landing .right { background: transparent url(/img/cyan_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#evaluation-impact-landing .right ul li { background:transparent url(/img/accordion_li_cyan_long.png) no-repeat scroll 0 100%; }
#evaluation-impact-landing .right .location { color: #31AFAA; }
#evaluation-impact-landing .right ul .selected { background:transparent url(/img/accordion_li_cyan_selected_long.png) no-repeat scroll 0 100%; }
#evaluation-impact-landing .more { background: transparent url(/img/cyan_button_bg_left.jpg) no-repeat scroll 0 0; }
#evaluation-impact-landing .more a { background: transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 100% 0; }
#evaluation-impact-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_evaluation.png) no-repeat scroll 0 0; }
#evaluation-impact-landing .chapter-nav #bottom-nav { color: #31AFAA; }

#training-advice-events-landing #landing-top { background: #000 url(/img/training_landing_bg.jpg) no-repeat scroll 0% 0%; }
#training-advice-events-landing #landing-top p.quote { color: #E96829; }
#training-advice-events-landing .right { background: #8f4019 url(/img/orange_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#training-advice-events-landing .right ul li { background:#8f4019 url(/img/accordion_li_orange_long.png) no-repeat scroll 0 100% ; }
#training-advice-events-landing .right .location { color: #E96829; }
#training-advice-events-landing .right ul .selected { background:transparent url(/img/accordion_li_orange_selected_long.png) no-repeat scroll 0 100%; }
#training-advice-events-landing .more { background: transparent url(/img/orange_button_bg_left.jpg) no-repeat scroll 0 0; }
#training-advice-events-landing .more a { background: transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 100% 0; }
#training-advice-events-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_training.png) no-repeat scroll 0 0; }
#training-advice-events-landing .chapter-nav #bottom-nav { color: #E96829; }

#young-peoples-activities-landing #landing-top { background: #000 url(/img/ypa_landing_bg.jpg) no-repeat scroll 0% 0%; }
#young-peoples-activities-landing #landing-top p.quote { color: #8DC742; }
#young-peoples-activities-landing .right { background: #3F5E1B url(/img/green_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#young-peoples-activities-landing .right ul li { background:transparent url(/img/accordion_li_green_long.png) no-repeat scroll 0 100%; }
#young-peoples-activities-landing .right .location { color: #8DC742; }
#young-peoples-activities-landing .right ul .selected { background:transparent url(/img/accordion_li_green_selected_long.png) no-repeat scroll 0 100%; }
#young-peoples-activities-landing .more { background: transparent url(/img/green_button_bg_left.jpg) no-repeat scroll 0 0; }
#young-peoples-activities-landing .more a { background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; }
#young-peoples-activities-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_young.png) no-repeat scroll 0 0; }
#young-peoples-activities-landing .chapter-nav #bottom-nav { color: #4B721E; }

#resources-landing #landing-top { background: #000 url(/img/resources_landing_bg.jpg) no-repeat scroll 0% 0%; }
#resources-landing #landing-top p.quote { color: #B74190; }
#resources-landing .right { background: transparent url(/img/purple_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#resources-landing .right ul li { background:transparent url(/img/accordion_li_purple_long.png) no-repeat scroll 0 100%; }
#resources-landing .right .location { color: #B74190; }
#resources-landing .right ul .selected { background:transparent url(/img/accordion_li_purple_selected_long.png) no-repeat scroll 0 100%; }
#resources-landing .more { background: transparent url(/img/purple_button_bg_left.jpg) no-repeat scroll 0 0; }
#resources-landing .more a { background: transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0; }
#resources-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_resources.png) no-repeat scroll 0 0; }
#resources-landing .chapter-nav #bottom-nav { color: #B74190; }

#about-landing #landing-top { background: #000 url(/img/about_landing_bg.jpg) no-repeat scroll 0% 0%; }
#about-landing #landing-top p.quote { color: #1D68B5; }
#about-landing .right { background: transparent url(/img/blue_gradient_bg.jpg) no-repeat scroll 0% 0%; }
#about-landing .right ul li { background:transparent url(/img/accordion_li_blue_long.png) no-repeat scroll 0 100%; }
#about-landing .right .location { color: #1D68B5; }
#about-landing .right ul .selected { background:transparent url(/img/accordion_li_blue_selected_long.png) no-repeat scroll 0 100%; }
#about-landing .more { background: transparent url(/img/blue_button_bg_left.jpg) no-repeat scroll 0 0; }
#about-landing .more a { background: transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0; }
#about-landing .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_about.png) no-repeat scroll 0 0; }
#about-landing .chapter-nav #bottom-nav { color: #1D68B5; }


/* different colour gradients for each landing*/
#news-knowledge-landing .right { height:584px; background: #6D1414 url(/img/red_gradient_bg.jpg) repeat-x 0% 0%; }
#evaluation-impact-landing .right { height:621px; background: #6D1414 url(/img/cyan_gradient_bg.jpg) repeat-x 0% 0%; }
#training-advice-events-landing .right { height:587px; background: transparent url(/img/orange_gradient_bg.jpg) repeat-x scroll 0% 0%; }
#young-peoples-activities-landing .right { height:503px; background: #3F5E1B url(/img/green_gradient_bg.jpg) repeat-x scroll 0% 0%; }
#resources-landing .right { height:584px; background: transparent url(/img/purple_gradient_bg.jpg) repeat-x scroll 0% 0%; }
#about-landing .right { height:807px; background: #133F6E url(/img/blue_gradient_bg.jpg) repeat-x scroll 0% 0%; }

.box-panel { width:185px; height:233px; float:left; background:url(/img/panels/box-bg.jpg) no-repeat; margin:0px 5px 0px 0px; }
.box-panel h3 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 123.1%; padding-top: 14px; text-align: center; }
.box-panel h4 { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 93%; padding-top: 2px; text-align: center; }
.box-panel p { height:55px; overflow: hidden; color: #000000; line-height: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; margin: 0px 12px 0px 23px; padding-top: 14px; }
.box-panel p a { color: #000000; text-decoration: underline; }
.box-panel p.image { height:auto; text-align: center; padding:0px; margin:0px; }
.box-panel p.box-more { height: 19px; margin: 0px 12px 0px 23px;  margin-top: 10px; padding:0px; }
.box-panel p.box-more a { color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; }

.page { padding: 32px 0px 0px 0px; }
.page a { color:#000000; }
/* change default colour to black? */
.page .title { font-family: Arial, Helvetica, sans-serif; color: #7DBD32; font-size: 210%; padding-bottom: 5px; }
.page .introduction { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 116%; line-height: 130%; padding-bottom: 5px; }
.page .introduction p { width: 500px; }
/* "body" has bottom padding, could be the reason why right column needs padding */
.page .body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 93%; line-height: 120%; padding-top: 10px; padding-bottom: 10px; width: 536px; }
.page .image { padding-top: 10px; }
.page .image img { padding-right: 10px; }


/* can't remember what main is used for */
.main { position: relative; margin: 12px; width:967px;  }
.main h2 { font-family: Arial, Helvetica, sans-serif; color: #7DBD32; font-size: 210%; padding-bottom: 5px; }
.main h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 116%; line-height: 130%; padding-bottom: 5px; }

.search { position: absolute; top: 24px; left: 24px; }

.search-result h4 { font-family: Arial, Helvetica, sans-serif; color: #7DBD32; font-size: 140%; padding-bottom: 5px; }
.search-button { float: left; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 0 0; }
.search-button a { float: left; color: #FFFFFF; text-decoration: none; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }

.resources-search-results .search-result { width: 500px; border-top: #000000 1px solid; padding: 10px; margin:10px 0 22px 1px; }
.resources-search-results .search-result h4 { font-family: Arial, Helvetica, sans-serif; color:#B74190; font-size: 140%; padding-bottom: 5px; }
.resources-search-results .search-result .description { padding-bottom: 5px; }
.resources-search-results .search-button { float: left; background: transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 0 0; }
.resources-search-results .search-button a { float: left; color: #FFFFFF; text-decoration: none; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }

.news-search-results .search-result { width: 500px; border-top: #000000 1px solid; padding: 10px; margin:10px 0 22px 1px; }
.news-search-results .search-result h4 { font-family: Arial, Helvetica, sans-serif; color: #E2292A; font-size: 140%; padding-bottom: 5px; }
.news-search-results .search-result p { color:#E2292A;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:93%;
    line-height:140%; padding-bottom: 5px; }
.news-search-results .search-result .description { padding-bottom: 5px; }
.news-search-results .search-button { float: left; background: transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 0 0; }
.news-search-results .search-button a { float: left; color: #FFFFFF; text-decoration: none; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }


.page-search-results {  }
.page-search-results .search-result { width: 500px; border-top: #000000 1px solid; padding: 10px; margin:10px 0 22px 1px; }
.page-search-results .search-result h4 { font-family: Arial, Helvetica, sans-serif; color: #1D68B5; font-size: 140%; padding-bottom: 5px; }
.page-search-results .search-result p { color:#E2292A;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:93%;
    line-height:140%; padding-bottom: 5px; }
.page-search-results .search-result .description { padding-bottom: 5px; }
.page-search-results .search-button { float: left; background: transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 0 0; }
.page-search-results .search-button a { float: left; color: #FFFFFF; text-decoration: none; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }
.page-search-results { padding-bottom: 10px; }

.buttons { height: 19px; padding-bottom:25px; }
.buttons #back { float: left; background: transparent url(/img/green_button_bg_left.jpg) no-repeat scroll 0 0; height: 19px; }
.buttons #back a { float: left; color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }
.buttons #more { float: left; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 0 0; }
.buttons #more a { float: left; color: #FFFFFF; text-decoration: none; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; }

/* x-standard styling start */

.body { }
.body p { margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 140%; font-size: 93%;  }
.body p.quote { font-family: Verdana, Arial, Helvetica, sans-serif; color: #8DC742; line-height: 130%; font-size: 116%; display: block; padding-bottom: 20px; }
.body p.signature { position: relative; bottom: 10px; color: #8DC742; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

/* x-standard styling end */

.more { float: left; background: transparent url(/img/green_button_bg_left.jpg) no-repeat scroll 0 0; height: 19px; position: relative; left: 2px; top: 2px; }
.more a { float: left; color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; font-size: 85%; font-weight:bold; }

#bottom-nav { color: #4B721E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; line-height: 110%; }
#bottom-nav h3 { font-weight: bold; }
#bottom-nav p { padding-top: 5px; padding-bottom: 5px; margin-right: 5px; }

/* remove? */
#getting-connected-box { float: left; top: 0px; left: 0px; }
#partner-box { float: left; top: 0px; left: 0px; }
#resources-home-box { float: left; top: 0px; left: 0px;  }
#evaluation-box { float: left; top: 0px; left: 0px; }
#news-knowledge-box { float: left; top: 0px; left: 0px;  }

/* this is strange. what have i done here? */
#right-column > .clearfix { height: 46px; }

/* shopping css */

#shoppingcart-box { top: 40px; }
#shoppingcart-box .box-top { position: absolute; top: 0px; left: 0px; background: transparent url(/img/cart_box_top.jpg) no-repeat scroll 0 0; width: 189px; height: 169px; overflow: hidden; }
#shoppingcart-box .box-middle { padding-bottom: 76px; top: 55px;}
#shoppingcart-box .box-middle ul { border-bottom: #E0E0E8 1px solid; position:relative; left: 0px; padding-top: 15px; background: none;  }
#shoppingcart-box .box-middle ul li { border-top:none; background:none; padding: 5px 0px 5px 5px; height:auto; line-height:normal}
#shoppingcart-box .box-top h3 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:116%; padding-top:12px;  padding-left: 55px; text-align:left; }
#shoppingcart-box .product-images { float:left; width:55px; } 
#shoppingcart-box .product-details{ padding-bottom:20px; } 
#shoppingcart-box .cart-info { padding: 5px 0 20px 5px;} 
/*
#shoppingcart-box .box-middle div#more { background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0; height: 19px; position: relative; left: 41px; top: 10px; }
*/
#shoppingcart-box strong { font-weight:bold;}
#shoppingcart-box .subtotal { padding-top: 5px; }

#recentview-box .box { min-height: 120px; }
#recentview-box .box-middle { top:0px;}
#recentview-box .box-top { position: absolute; top: 0px; left: 0px; background: transparent url(/img/nav_resources_bg_right.jpg) no-repeat scroll 0 0; width: 189px; height: 169px; overflow: hidden; }
#recentview-box .box-middle { padding-bottom: 0px; }
#recentview-box .box-middle ul { border-bottom: #E0E0E8 1px solid; position:relative; left: 0px; padding-top: 15px; background: transparent url(/img/nav_resources_bg_right.jpg) no-repeat scroll 0 0; line-height:normal;}
#recentview-box .box-middle ul li { background:none; padding: 5px 0px 5px 5px; height:auto;}
#recentview-box  h3 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 90%; position:absolute; top:4px; margin:0 auto; text-align:center; width:169px;  font-weight:bold; }
#recentview-box .box-middle ul { padding-top:22px;  }

/* remove? */
#get-involved-box { top: 60px; left: 16px; }

.float-left { float: left; top: 0px; left: 0px; }
.float-right { float: right; top: 0px; left: 0px; }

#boxes { width: 969px; height: 180px; padding: 5px 0px 14px 12px; }
.boxes { width: 969px; height: 180px; padding-top: 340px; padding-bottom: 14px; padding-left: 12px; }

.taster { cursor: pointer; overflow: hidden; }

#right-column > .box { height: auto; margin-top:30px;}

.box { float:left; position: relative; top: 0px; width: 189px; background: transparent url(/img/box_middle.jpg) repeat-y scroll 0 0; }
.box-home { height: 190px; min-height: 190px; }
.box-top { position: absolute; top: 0px; left: 0px; background: transparent url(/img/box_top.jpg) no-repeat scroll 0 0; width: 189px;  height:169px; overflow: hidden; }
.box-middle { position: relative; top: 30px; left: 11px; width: 168px; padding-bottom: 46px; }
.box-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/box_bottom.jpg) no-repeat scroll 0 0; width: 189px; height: 40px; overflow: hidden; }
.box-bottom_pan { position: absolute;  left: 0px; background: transparent url(/img/box_bottom_trim.jpg) no-repeat scroll 0 0; width: 189px; height: 40px; overflow: hidden; }

.box-top h3 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 123.1%; padding-top: 10px; text-align: center; }

.box-top h4 { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 93%; padding-top: 2px; text-align: center; }

.box-middle div#more { /*background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0;*/ height: 19px; position: relative; left: 58px; top: 10px; }

.box-middle div#more a { color: #FFFFFF; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; font-weight:bold;}
.box-middle .box-text { margin-left: 15px; margin-right: 8px; padding-top: 14px; height:55px; overflow: hidden; }
.box-middle .box-text p { color: #000000; line-height: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; }
.box-middle .box-more { background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0; height: 19px; margin-left: 15px; margin-top: 10px; }
.box-middle .box-more a { color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; font-weight:bold;}
.box-middle div.more-centre { /*background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0;*/ height: 19px; position: absolute; /*left: 58px;*/ left:39px; top: 85px; }
.box-middle div.more-centre a { color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; font-weight:bold;}

.box-middle div.more-centre-two { /*background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0;*/ height: 19px; position: absolute; /*left: 58px;*/ left:26px; top: 110px; }
.box-middle div.more-centre-two a { color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; font-weight:bold;}

.box-middle div.more-centre-front { /*background: transparent url(/img/black_button_bg_left.jpg) no-repeat scroll 0 0;*/ height: 19px; position: absolute; /*left: 58px;*/ left:55px; top: 110px; }
.box-middle div.more-centre-front a { color: #FFFFFF; margin-right: 11px; text-decoration: none; height: 19px; line-height: 19px; background: transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; font-size: 85%; font-weight:bold;}



.box-image { position: relative; left: 0px; top: 28px; width: 166px; height: 72px; }
.box-image-franchising { background: transparent url(/img/franchising.jpg) no-repeat scroll 50% 50%; }
.box-image-getting-connected { background: transparent url(/img/getting_connected.gif) no-repeat scroll 50% 50%; }
.box-image-resources { background:transparent url(/img/resources_home.gif) no-repeat scroll 0 0; height: 116px; left:0; top:31px; width:168px; }
.box-image-podcast { background:transparent url(/img/podcasts_home.jpg) no-repeat scroll 0 0; height: 116px; left:0; top:26px; width:168px; }
.box-image-youfa { background:transparent url(/img/youfa.jpg) no-repeat scroll 0 0; height: 116px; left:0; top:26px; width:168px; }
.box-image-ncs { background:transparent url(/img/ncs_logo.jpg) no-repeat scroll 0 0; height: 116px; left:0; top:26px; width:168px; }
.box-image-get-involved { background:transparent url(/img/get_involved.jpg) no-repeat scroll 0 0; height: 116px; left:0; top:29px; width:167px; }
.box-image-landing-training { background:transparent url(/img/training.jpg) no-repeat scroll 6px 0; top: 3px; border-bottom: #E0E0E8 1px solid; }
.box-image-landing-involved { background:transparent url(/img/get_involved.jpg) no-repeat scroll 0px 0; top: 3px; border-bottom: #E0E0E8 1px solid; }
.box-image-landing-resources { background:transparent url(/img/resources_ul_bg.jpg) no-repeat scroll 0px 0; top: 3px; border-bottom: #E0E0E8 1px solid; }

/* making more boxes requires new styles. change markup so that picture becomes part of markup */
#default-box .box-middle ul {  }
#resources-box .box-middle ul { background: transparent url(/img/box_ul_bg.jpg) no-repeat scroll 0 0; }
#training-box .box-middle ul { background: transparent url(/img/training_ul_bg.jpg) no-repeat scroll 0 0; }
#case-studies-box .box-middle ul { background: transparent url(/img/case_ul_bg.jpg) no-repeat scroll 0 0; }
#activities-box .box-middle ul { background: transparent url(/img/activities_ul_bg.jpg) no-repeat scroll 0 0; }
#shop-box .box-middle ul { background: transparent url(/img/shop_ul_bg.jpg) no-repeat scroll 0 0; }
#subscribe-box .box-middle ul { background: transparent url(/img/subscribe_ul_bg.jpg) no-repeat scroll 0 0; }
#nc2010-box .box-middle ul { background: transparent url(/img/cn2010_ul_bg.jpg) no-repeat scroll 0 0; }
#nc2010-box .box-top h3 { font-size:100%;}

/* do we need this? can't it be specified in the class? */
#evaluation-landing-nav { position: absolute; top: 140px; left: 20px; }
#training-landing-nav { position: absolute; top: 140px; left: 20px; }
#young-landing-nav { position: absolute; top: 140px; left: 20px; }
#resources-landing-nav { position: absolute; top: 140px; left: 20px; }
#about-landing-nav { position: absolute; top: 140px; left: 20px; }

#evaluation-landing-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_evaluation.png) no-repeat scroll 0 0; }
#training-landing-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_training.png) no-repeat scroll 0 0; }
#resources-landing-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_resources.png) no-repeat scroll 0 0; }
#about-landing-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_about.png) no-repeat scroll 0 0; }

/* what is this? */
.view-nav { position: relative; top: 40px; left: 16px; }

.box-middle ul { border-bottom: #E0E0E8 1px solid; position:relative; left: 0px; padding-top: 71px; }
.box-middle ul li { height: 22px; line-height: 22px; border-top: #E0E0E8 1px solid; padding-left: 17px; }
.box-middle ul li a { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; text-decoration: none; }
.box-middle .box-links ul { background: none; padding-top: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; }
.box-middle .box-list { padding-top: 24px;  }
.box-middle .box-list ul { border: none; padding-top: 0px; background: none; text-align: center;  }
.box-middle .box-list ul li { line-height: 14px; height: 14px; border-top: none; padding-left: 0px; list-style-type: disc; }
.box-middle .box-list ul li a { line-height: 14px; height: 14px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; text-decoration: none; text-align: center; }

/* home page accordion */

.accordion { width: 543px; height: 312px; position: absolute; left: 24px; top: 26px; overflow: hidden; }
.accordion-key { width: 569px; height: 19px; cursor: pointer; overflow: hidden; }

#accordion-key-orange { background: transparent url(/img/accordion_orange.png) repeat-x scroll 0 0; overflow: hidden; }
#accordion-key-green { background: transparent url(/img/accordion_green.png) repeat-x scroll 0 0; overflow: hidden; }
#accordion-key-purple {  background: transparent url(/img/accordion_purple.png) repeat-x scroll 0 0; overflow: hidden;  }

.accordion-content { width: 550px; height: 236px; overflow: hidden; }
.accordion-content-left { float: left; width: 374px; height: 236px; overflow:hidden; }
.accordion-content-right { float: left; width: 170px; height: 236px; overflow:hidden; }
.accordion-content-title { padding-top: 132px; padding-left: 24px; font: Arial, Helvetica, sans-serif; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 197%; }
.accordion-content-text { padding-left: 24px; font: Arial, Helvetica, sans-serif; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 93%; width: 332px; }
.accordion-content-link { padding-left: 24px; font: Arial, Helvetica, sans-serif; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 93%; width: 332px; text-decoration: underline; outline: none; display: block; }
.accordion-content-left #accordion-content-link-orange { color: #E96829; }
.accordion-content-left #accordion-content-link-green { color: #7DBD32; }
.accordion-content-left #accordion-content-link-purple { color: #B74190; }
.accordion-content-right ul { }

#accordion-content-orange .accordion-content-right  ul li { min-height: 14px; padding-top: 11px; padding-bottom: 11px; padding-left: 14px; background: transparent url(/img/accordion_li_orange.png) no-repeat scroll 0% 100%; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 85%; padding-right: 17px; }
#accordion-content-orange .accordion-content-right ul li.li-bottom { background: none; }
#accordion-content-orange .accordion-content-right ul li a { text-decoration: none; color: #FFFFFF; }
#accordion-content-orange .accordion-content-right ul li.selected { background: transparent url(/img/accordion_li_selected_orange.png) repeat scroll 0% 100%; }
#accordion-content-green .accordion-content-right  ul li { min-height: 14px; padding-top: 11px; padding-bottom: 11px; padding-left: 14px; background: transparent url(/img/accordion_li_green.png) no-repeat scroll 0% 100%; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 85%; padding-right: 17px; }
#accordion-content-green .accordion-content-right ul li.li-bottom { background: none; }
#accordion-content-green .accordion-content-right ul li a { text-decoration: none; color: #FFFFFF; }
#accordion-content-green .accordion-content-right ul li.selected { background: transparent url(/img/accordion_li_selected_green.png) repeat scroll 0% 100%; }
#accordion-content-purple .accordion-content-right  ul li { min-height: 14px; padding-top: 11px; padding-bottom: 11px; padding-left: 14px; background: transparent url(/img/accordion_li_purple.png) no-repeat scroll 0% 100%; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 85%; padding-right: 17px; }
#accordion-content-purple .accordion-content-right ul li.li-bottom { background: none; }
#accordion-content-purple .accordion-content-right ul li a { text-decoration: none; color: #FFFFFF; }
#accordion-content-purple .accordion-content-right ul li.selected { background: transparent url(/img/accordion_li_selected_purple.png) repeat scroll 0% 100%; }

.accordion-content #accordion-content-left-orange { background: transparent url(/img/accordian_content_orange_bg.jpg) no-repeat scroll 0 0; }
.accordion-content #accordion-content-left-green { background: transparent url(/img/accordian_content_green_bg.jpg) no-repeat scroll 0 0; }
.accordion-content #accordion-content-left-purple { background: transparent url(/img/accordian_content_purple_bg.jpg) no-repeat scroll 0 0; }

.accordion-content #accordion-content-right-orange { background: transparent url(/img/orange_gradient_bg.png) repeat-x scroll 0 0; }
.accordion-content #accordion-content-right-green { background: transparent url(/img/green_gradient_bg.png) repeat-x scroll 0 0; }
.accordion-content #accordion-content-right-purple { background: transparent url(/img/purple_gradient_bg.png) repeat-x scroll 0 0; }

.accordion #accordion-content-orange { overflow: hidden; visibility: visible; }
.accordion #accordion-content-green { overflow: hidden; height: 0px; visibility: hidden; }
.accordion #accordion-content-purple { overflow: hidden; height: 0px; visibility: hidden; }

.accordion-key h2 { color: #ffffff; padding: 2px 0px 0px 7px; font-size: 85%; }

/* what is this? */
/*.shadow { background: transparent url(/img/shadow.jpg) no-repeat scroll 0% 100%; }*/

/* this ever used? */
.panel-container { padding: 12px; }

/* Footer */

#ft { position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; color: #666666; margin-left: 12px; margin-right: 12px; margin-bottom: 50px;height: 10px; }
#ft a { color: #666666; text-decoration: underline; }
#ft #copyright { position: absolute; bottom: 0px; left: 3px; }
#ft #ft-links { position: absolute; bottom: 0px; right: 0px; }
#ft #ft-links ul li { float: left; margin-right: 10px; }
#ft #ft-links ul li a { float: left; }

/* style each page differently? */

#news-knowledge-chapter .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_news.png) no-repeat scroll 0 0; }
#news-knowledge-chapter .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px;/*background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0;*/ width: 189px; height: 26px; }
#news-knowledge-chapter .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #E2292A;}
#news-knowledge-chapter .more a  { background: transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0; }
#news-knowledge-chapter .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#news-knowledge-chapter .page .title { color:#E2292A ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#news-knowledge-chapter .buttons #more { background:transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#news-knowledge-chapter .buttons #more a {background:transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#news-knowledge-chapter .buttons #back { background:transparent url(/img/red_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#news-knowledge-chapter .buttons #back a {background:transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;font-weight:bold;}

#evaluation-impact-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_evaluation.png) no-repeat scroll 0 0; }
#evaluation-impact-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#evaluation-impact-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #31AFAA;}
#evaluation-impact-chapter  .more a  { background: transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 100% 0; }
#evaluation-impact-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#evaluation-impact-chapter  .page .title { color:#31AFAA ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#evaluation-impact-chapter  .buttons #more { background:transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#evaluation-impact-chapter  .buttons #more a {background:transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#evaluation-impact-chapter  .buttons #back { background:transparent url(/img/cyan_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#evaluation-impact-chapter  .buttons #back a {background:transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;font-weight:bold;}

#training-advice-events-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_training.png) no-repeat scroll 0 0; }
#training-advice-events-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#training-advice-events-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #E96829;}
#training-advice-events-chapter  .more a  { background: transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 100% 0; }
#training-advice-events-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#training-advice-events-chapter  .page .title { color:#E96829 ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#training-advice-events-chapter  .buttons #more { background:transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#training-advice-events-chapter  .buttons #more a {background:transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#training-advice-events-chapter  .buttons #back { background:transparent url(/img/orange_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#training-advice-events-chapter  .buttons #back a {background:transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;font-weight:bold;}

#young-peoples-activities-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_young.png) no-repeat scroll 0 0; }
#young-peoples-activities-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#young-peoples-activities-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #4B721E;}
#young-peoples-activities-chapter  .more a  { background: transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0; }
#young-peoples-activities-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#young-peoples-activities-chapter  .page .title { font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#young-peoples-activities-chapter  .buttons #more { background:transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#young-peoples-activities-chapter  .buttons #more a {background:transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#young-peoples-activities-chapter  .buttons #back { background:transparent url(/img/green_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#young-peoples-activities-chapter  .buttons #back a {background:transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;font-weight:bold;}

#resources-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_resources.png) no-repeat scroll 0 0; }
#resources-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#resources-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #B74190;}
#resources-chapter  .more a  { background: transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0; }
#resources-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; }
#resources-chapter  .page .title { color:#B74190 ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#resources-chapter  .buttons #more { background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#resources-chapter  .buttons #more a {background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#resources-chapter  .buttons #back { background:transparent url(/img/purple_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#resources-chapter  .buttons #back a {background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;font-weight:bold;}

#about-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_about.png) no-repeat scroll 0 0; }
#about-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#about-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #1D68B5;}
#about-chapter  .more a  { background: transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0; }
#about-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#about-chapter  .page .title { color:#1D68B5 ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px;}
#about-chapter  .buttons #more { background:transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#about-chapter  .buttons #more a {background:transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#about-chapter  .buttons #back { background:transparent url(/img/blue_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#about-chapter  .buttons #back a {background:transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none; font-weight:bold;}

#shop-resources-chapter  .chapter-nav .chapter-nav-top { background: transparent url(/img/chapter_nav_top_resources.png) no-repeat scroll 0 0; }
#shop-resources-chapter  .chapter-nav #chapter-nav-bottom { position: absolute; bottom: 0px; left: 0px; background: transparent url(/img/chapter_nav_bottom.png) no-repeat scroll 0 0; width: 189px; height: 26px; }
#shop-resources-chapter  .chapter-nav #bottom-nav { padding: 12px; width: 150px; color: #B74190;}
#shop-resources-chapter  .more a  { background: transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0; }
#shop-resources-chapter  .chapter-nav-top h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-align: center; padding-top: 3px; }
#shop-resources-chapter  .page .title { color:#B74190 ;font-family:Arial,Helvetica,sans-serif;font-size:210%;padding-bottom:5px; font-weight:bold;}
#shop-resources-chapter  .buttons #more { background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 0 0;float:left;}
#shop-resources-chapter  .buttons #more a {background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;padding-left:12px;padding-right:12px;text-decoration:none;}
#shop-resources-chapter  .buttons #back { background:transparent url(/img/purple_button_bg_left.jpg) no-repeat scroll 0 0; float:left; height:19px;}
#shop-resources-chapter  .buttons #back a {background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0;color:#FFFFFF;float:left;font-size:85%;height:19px;line-height:19px;margin-right:11px;padding-left:12px;padding-right:12px;text-decoration:none;}
#shop-resources-chatper  h5 a {font-size:150%; }

#shopsearch input{ padding-top:3px; padding-bottom:3px; padding-left:3px; width:140px;} 
#shopsearch {  padding-bottom:5px; }

.bd-floater {position:absolute; top:137px;  }

#boxDiv { z-index: 10000; }

/*
.resources-search dt { height: 0px; width:0px; overflow: visible; }

.resources-search dd { height: 20px; }
*/

.resources-search { padding-left: 5px; }
.resources-search .search-box { float: left; border:1px solid #000000; font-size:138%; height:24px; margin-right:5px; width:386px; }
.resources-search #submit { cursor: pointer; position: relative; top: -15px; border: none; font-size:85%; color: #ffffff; height: 24px; width: 118px; background:transparent url(/img/resource_search_button.jpg) no-repeat scroll 100% 0; }
.resources-search label { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; color:#000000; }
.resources-search select { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; margin:0 0 10px 5px; }
.resources-search .optional { float: left; }

/*
.site-search { padding-left: 5px; }
.site-search .search-box { float: left; border:1px solid #000000; font-size:138%; height:24px; margin-right:5px; width:386px; }
.site-search #submit { cursor: pointer; position: relative; top: -15px; border: none; font-size:85%; color: #ffffff; height: 24px; width: 118px; background:transparent url(/img/site_search_button.jpg) no-repeat scroll 100% 0; }
.site-search label { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; color:#000000; }
.site-search select { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; margin:0 0 10px 5px; }
.site-search .optional { float: left; }
*/

h3.search-header-news { font-size: 138%; color: #E2292A; }
h3.search-header-resources { font-size: 138%; color: #B74190; }
h3.search-header-pages { font-size: 138%; color: #1D68B5; }

.resources-list { margin:0 5px 5px; position:relative; top:-28px; }
.resources-list > .category { height: auto; }

.grey-line { height: 1px; width: 530px; overflow: hidden; padding: 0px; margin: 0px; background-color: #E0E0E8; }
/* Resources heading styling for chapters */
.page .category-heading { color: #333333; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#news-knowledge-chapter .page .category-heading-open { color: #E2292A; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#evaluation-impact-chapter .page .category-heading-open { color: #31AFAA; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#training-advice-events-chapter .page .category-heading-open { color: #E96829; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#young-peoples-activities-chapter .page .category-heading-open { color: #7DBD32; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#resources-chapter .page .category-heading-open { color: #B74190; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
#about-chapter .page .category-heading-open { color: #1D68B5; font-weight: bold; padding-bottom:5px; padding-top: 25px; cursor:pointer; }
/*.page .category-heading { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:77%; padding-bottom:5px; padding-top: 25px; }*/
.category { position: relative; min-height: 53px; border-bottom: #E0E0E8 1px solid; background-color: #FDF4F0; padding:0px 5px 7px 0px; }
/* locked text */
.category .open-button .lockedout { color:#777; font-size:85%; }
.category h3 { font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 14px; padding-top: 18px; font-size: 100%; padding-bottom: 2px; }
.file-type { font-size: 77%; }
.category p { color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:85%; line-height:120%; width: 505px; padding-left: 15px; padding-bottom:5px; }
.category .open-button { text-align:right; }
.category .open-button a { background:transparent url(/img/cyan_button_bg_right.jpg) no-repeat scroll 100% 0;
    color:#FFFFFF;
    font-size:85%;
    height:19px;
    line-height:19px;
    padding:3px 12px;
    text-decoration:none;
    font-weight:bold; }

#search-column { float:left; position:relative; width:767px; }
#panel-column { float:left; position:relative; width:200px; padding-top: 40px; } 

.search-page { padding-left: 15px; padding-top: 28px; padding-left: 28px; }
.search-page h2 { color: #80004C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 167%; }
.search-page h3 { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 116%; padding-top: 10px; padding-bottom: 10px; }


#news-knowledge-chapter .open-button a { background:transparent url(/img/red_button_bg_right.jpg) no-repeat scroll 100% 0;}
#evaluation-impact-chapter .open-button a {  }
#training-advice-events-chapter .open-button a { background:transparent url(/img/orange_button_bg_right.jpg) no-repeat scroll 100% 0;  }
#young-peoples-activities-chapter .open-button a { background:transparent url(/img/green_button_bg_right.jpg) no-repeat scroll 100% 0;  }
#resources-chapter .open-button a { background:transparent url(/img/purple_button_bg_right.jpg) no-repeat scroll 100% 0;  }
#about-chapter .open-button a { background:transparent url(/img/blue_button_bg_right.jpg) no-repeat scroll 100% 0;  }


#news-knowledge-chapter .category h3 { color: #E2292A; }
#news-knowledge-chapter .category h3 a { text-decoration: none; color: #E2292A; }
#evaluation-impact-chapter .category h3 { color: #31AFAA; }
#evaluation-impact-chapter .category h3 a { text-decoration: none; color: #31AFAA; }
#training-advice-events-chapter .category h3 { color: #E96829; }
#training-advice-events-chapter .category h3 a { text-decoration: none; color: #E96829; }
#young-peoples-activities-chapter .category h3 { color: #7DBD32; }
#young-peoples-activities-chapter .category h3 a { text-decoration: none; color: #7DBD32; }
#resources-chapter .category h3 { color: #B74190; }
#resources-chapter .category h3 a { text-decoration: none; color: #B74190; }
#about-chapter .category h3 { color: #1D68B5; }
#about-chapter .category h3 a { text-decoration: none; color: #1D68B5; }

/* Content heading styling for chapters */
#news-knowledge-chapter .content h2 { color: #E2292A; font-weight: bold; }
#evaluation-impact-chapter .content h2 { color: #31AFAA; font-weight: bold; }
#training-advice-events-chapter .content h2 { color: #E96829; font-weight: bold; }
#young-peoples-activities-chapter .content h2 { color: #7DBD32; font-weight: bold; }
#resources-chapter .content h2 { color: #B74190; font-weight: bold; }
#about-chapter .content h2 { color: #1D68B5; font-weight: bold; }

.advanced-search {
    text-decoration: none;
    color:#666666;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:82%;
    position: absolute;
    top: 120px; left: 10px;
}

.resources-search > form { position: relative; }

.page p {
    margin-bottom: 10px;
}
.content ul { margin-left: 20px; width: 500px; }
.content ul li { list-style-type: disc; color:#333333;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:93%;
    line-height:140%; }
strong { font-weight: bold; }
em { font-style: italic; }

.ufa-table { width: 500px; }
.ufa-table h2 { padding-left: 8px; padding-top: 8px; }
.ufa-table p { padding-left: 8px; padding-right: 8px; }
.ufa-table img { padding: 8px; }

.news-list > .news-article { height: auto; }
.news-article { position: relative; height: 120px; min-height: 120px; width: 450px; padding-bottom: 20px; }
.news-article h3 { position: relative; left: 130px; }
.news-article h3 a { text-decoration: none; color: #1D68B5; font-size:120%; }
.news-article .date { color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:88%; padding: 3px 3px 3px 0px; }
.news-article .text { color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; padding: 3px 3px 3px 0px; }
.news-article p { margin-bottom: 0px; position: relative; left: 130px; width:400px; }
.news-article img { margin-left: 2px; margin-top: 2px; }
.news-article .news-more { color: #1D68B5; }
.news-image { position: absolute; top: 0px; left: 0px; height: 124px; width: 124px;background-color: #CCCCCC; }

.site-search { height: 59px; width: 728px; border-top: #E0E0E8 1px solid; border-bottom: #E0E0E8 1px solid; background-color: #FAF2F7; }
#evaluation-impact-chapter .site-search { background-color:#DDE9EB; margin-top:115px; }
.site-search form { padding-top: 18px; padding-left: 26px; }
.site-search dt { float: left; }
.site-search dd { float: left; }
.site-search label { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; padding-right: 7px; margin:0px; }
.site-search #query { height: 21px; border: #C5C7D1 1px solid; background-color: #FFFFFF; position: relative; top: -2px; width: 525px; padding-left: 5px; padding-top: 4px; }
.site-search #submit { color: #FFFFFF; background:transparent url(/img/search_button.jpg) no-repeat scroll 0% 0; border: none; width: 56px; height: 19px; cursor: pointer; font-size: 77%; position:relative; top:2px; font-weight:bold; }
#evaluation-impact-chapter .site-search #submit { background:transparent url(/img/nav_evaluation_and_impact_bg_right.jpg) no-repeat scroll 0% 0; }

.search-page h4 { padding-top: 25px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; padding-bottom: 3px; width: 728px; border-bottom: #E0E0E8 1px solid; }
.search-result { width: 650px; padding-top: 15px; padding-left: 5px; padding-left: 3px; }
.search-result p { padding-top:2px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 85%; line-height: 120%; }
.search-result h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

.resources-site-search h5 a { color: #B74190; }
#evaluation-impact-chapter .resources-site-search h5 a { color:#31AFAA; }
.resources-site-search h5  { color: #B74190; }
#evaluation-impact-chapter .resources-site-search h5 { color:#31AFAA; }


.news-site-search h5 a { color: #E2292A; }
.news-site-search h5  { color: #E2292A; }

.page-site-search h5 a { color: #1D68B5; }
.page-site-search h5  { color: #1D68B5; }

.zend_form { position: absolute; }
#landing-top-content .zend_form { position: relative; }

.label-advanced-1 { left:-20px; position:absolute; top:80px; }
.select-advanced-1 { position: absolute; left: 80px; top:80px; }
.select-advanced-1 select { width: 160px; }

.label-advanced-5 { left:260px; position:absolute; top:80px; }
.select-advanced-5 { position: absolute; left: 340px; top:80px; }
.select-advanced-5 select { width: 100px; }

.label-advanced-6 { left:260px; position:absolute; top:110px; }
.select-advanced-6 { position: absolute; left: 340px; top:110px; }
.select-advanced-6 select { width: 100px; }

.label-advanced-2 { left:-20px; position:absolute; top:110px; }
.select-advanced-2 { position: absolute; left: 80px; top:110px;  }
.select-advanced-2 select { width: 160px; }

.label-advanced-3 { left:-20px; position:absolute; top:140px; }
.select-advanced-3 { position: absolute; left: 80px; top:140px; }
.select-advanced-3 select { width: 160px; }

.label-advanced-4 { left:-20px; position:absolute; top:170px; }
.select-advanced-4 { position: absolute; left: 80px; top:170px; }
.select-advanced-4 select { width: 160px; }

.view-all { float: right; position:relative;
    right:16px;
    top:-16px; color:#333333;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:77%; }
.view-all a { color:#333333; }

.resource-chapter-search .site-search { width: 510px; }
.resource-chapter-search .site-search #query { width: 300px; }
.resource-chapter-search h4 { border-bottom:1px solid #E0E0E8;
    color:#333333;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:77%;
    padding-bottom:3px;
    padding-top:25px;
    width:510px; }
.resource-chapter-search .search-result { width: 510px; }

.ufa-team-table img { padding: 0px 7px 0px 0px; }

/* Styles for content added with XStandard editor */
.page .body table th,
.page .body table td { padding:4px; vertical-align: top; }
.page .body table td ul {width:auto;}
#news-knowledge-chapter .page .body table th h2 a,
#news-knowledge-chapter .page .body table td h2 a{ text-decoration:none; color:#E2292A; }
#evaluation-impact-chapter .page .body table th h2 a,
#evaluation-impact-chapter .page .body table td h2 a{ text-decoration:none; color:#31AFAA; }
#training-advice-events-chapter .page .body table th h2 a,
#training-advice-events-chapter .page .body table td h2 a{ text-decoration:none; color:#E96829; }
#young-peoples-activities-chapter .page .body table th h2 a,
#young-peoples-activities-chapter .page .body table td h2 a{ text-decoration:none; color:#7DBD32; }
#resources-chapter .page .body table th h2 a,
#resources-chapter .page .body table td h2 a{ text-decoration:none; color:#B74190; }
#about-chapter .page .body table th h2 a,
#about-chapter .page .body table td h2 a{ text-decoration:none; color:#1D68B5; }

/* Taster styles */

#news-knowledge-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #881919; }
#evaluation-impact-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #1D6966; }
#training-advice-events-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #8C3E19; }
#young-peoples-activities-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #4B711E; }
#resources-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #6E2756; }
#about-landing .right .taster .taster-image { width:167px; height:107px; border:1px solid #113E6D; }


/* Postcard campaign */

.landing-boxesf { margin-left: 197px; }

.landing-boxesf {
    clear:both;
    height:233px;
    margin-left:197px;
    padding-bottom:10px;
    padding-top:10px;
}

.landing-boxesf .box{
    height:auto;
    min-height:auto;
    background:none;
}

.landing-boxesf .landing-form h3 {
    font-size: 150%;
    margin-top:7px;
    margin-bottom:10px;
}
.landing-boxesf .landing-form .box label {
    margin-bottom:3px;
    display:block;
}
.landing-boxesf .landing-form .box input {
    margin-bottom:5px;
    width:169px;
}
.landing-boxesf .boxf select {
    margin-bottom:5px;
    width:169px;
}

/*  all for case studies check boxes */
.check_label-advanced-1 { left:-20px; position:absolute; top:85px; }
.check-advanced-1 { position: absolute; left: 140px; top:85px; }

.check_label-advanced-2 { left:-20px; position:absolute; top:105px; }
.check-advanced-2 { position: absolute; left: 140px; top:105px; }

.check_label-advanced-3 { left:-20px; position:absolute; top:125px; }
.check-advanced-3 { position: absolute; left: 140px; top:125px; }

.check_label-advanced-4 { left:-20px; position:absolute; top:145px; }
.check-advanced-4 { position: absolute; left: 140px; top:145px; }

.check_label-advanced-5 { left:-20px; position:absolute; top:165px; }
.check-advanced-5 { position: absolute; left: 140px; top:165px; }

.check_label-advanced-6 { left:200px; position:absolute; top:85px; }
.check-advanced-6 { position: absolute; left: 380px; top:85px; }

.check_label-advanced-7 { left:200px; position:absolute; top:105px; }
.check-advanced-7 { position: absolute; left: 380px; top:105px; }

.check_label-advanced-8 { left:200px; position:absolute; top:125px; }
.check-advanced-8 { position: absolute; left: 380px; top:125px; }

.check_label-advanced-9 { left:200px; position:absolute; top:145px; }
.check-advanced-9 { position: absolute; left: 380px; top:145px; }

.check_label-advanced-10 { left:200px; position:absolute; top:165px; }
.check-advanced-10 { position: absolute; left: 380px; top:165px; }

/* CASE STUDY */

.casey .check_label-advanced-1 { left:-20px; position:absolute; top:-125px; }
.casey .check-advanced-1 { position: absolute; left: 140px; top:-125px; }

.casey .check_label-advanced-2 { left:-20px; position:absolute; top:-105px; }
.casey .check-advanced-2 { position: absolute; left: 140px; top:-105px; }

.casey .check_label-advanced-3 { left:-20px; position:absolute; top:-85px; }
.casey .check-advanced-3 { position: absolute; left: 140px; top:-85px; }

.casey .check_label-advanced-4 { left:-20px; position:absolute; top:-65px; }
.casey .check-advanced-4 { position: absolute; left: 140px; top:-65px; }

.casey .check_label-advanced-5 { left:-20px; position:absolute; top:-45px; }
.casey .check-advanced-5 { position: absolute; left: 140px; top:-45px; }

.casey .check_label-advanced-6 { left:200px; position:absolute; top:-125px; }
.casey .check-advanced-6 { position: absolute; left: 380px; top:-125px; }

.casey .check_label-advanced-7 { left:200px; position:absolute; top:-105px; }
.casey .check-advanced-7 { position: absolute; left: 380px; top:-105px; }

.casey .check_label-advanced-8 { left:200px; position:absolute; top:-85px; }
.casey .check-advanced-8 { position: absolute; left: 380px; top:-85px; }

.casey .check_label-advanced-9 { left:200px; position:absolute; top:-65px; }
.casey .check-advanced-9 { position: absolute; left: 380px; top:-65px; }

.casey .check_label-advanced-10 { left:200px; position:absolute; top:-45px; }
.casey .check-advanced-10 { position: absolute; left: 380px; top:-45px; }

.site-search h5 label {
    width: 180px;
}



/*.label-advanced-5 { left:260px; position:absolute; top:80px; }
.select-advanced-5 { position: absolute; left: 340px; top:80px; }
.select-advanced-5 select { width: 100px; }

.label-advanced-6 { left:260px; position:absolute; top:110px; }
.select-advanced-6 { position: absolute; left: 340px; top:110px; }
.select-advanced-6 select { width: 100px; }

.label-advanced-2 { left:-20px; position:absolute; top:110px; }
.select-advanced-2 { position: absolute; left: 80px; top:110px;  }
.select-advanced-2 select { width: 160px; }

.label-advanced-3 { left:-20px; position:absolute; top:140px; }
.select-advanced-3 { position: absolute; left: 80px; top:140px; }
.select-advanced-3 select { width: 160px; }

.label-advanced-4 { left:-20px; position:absolute; top:170px; }
.select-advanced-4 { position: absolute; left: 80px; top:170px; }
.select-advanced-4 select { width: 160px; } */

.shopping-cart-collaterals {
    margin-left:90px;
}

div.discount-codes {
    background-image: none;
    height: auto;
    min-height: 1px;
    width: 230px;
    background-color: #FAF2F7;
}
div.discount-codes h4{
    background: #DDA5CA url(/img/accordion_purple.gif) repeat-x scroll left bottom;
    color: #fff;
    font-size:93%;
    font-weight:bold;
    padding:3px 0 3px 15px;
}

div.discount-codes .left {
    width: auto;
}

.discount-codes p {
    color: #333333;
}

.discount-codes button {
    margin-left:-4px;
}

#coupon_code {
    width:165px;
}

body .shopping-cart-collaterals {
    /*display: block;*/
}

/* Schools Locator */
#schools-locator {
    padding-bottom: 50px;
}

#schools-locator dl {
    margin: 1.5em 0;
    position: static;
}

#schools-locator dl.zend_form dt {
    float: left;
    width: 200px;
    margin-right: 10px;
    clear: both;
    text-align: right;
}

#schools-locator dl.zend_form label {
    font-weight: bold;
}

#schools-locator dl.zend_form dd {
    margin-bottom: 10px;
    min-height:20px;
    height: 20px;
}

#schools-locator dl.zend_form > dd {
    height: auto;
}

#or-label {
    display: none;
}
#schools-locator dl.zend_form #or-element {
    float: none;
    padding: 5px 0 5px 140px;
    font-style: italic;
}

h3.addr {
    margin-bottom: 1.3em;
}

.locator-form {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
    margin-bottom: 1em;
}
#schools {
    margin-bottom: 1.3em;
    width:600px;
}
#schools li {
    background-color: #EFEFEF;
    cursor:pointer;
    margin-bottom:3px;
    padding:5px;
    min-height:55px;
    height: 55px;
    position: relative;
    zoom: 1;
}

#schools > li {
    height: auto;
}

#schools .primary {
    background-color:#EFEFEF;
}
#schools .secondary {
    background-color:#EFEFEF;
}

#schools h3 {
    font-weight: bold;
    font-size: 108%;
}

input.wide {
    width: 250px !important;
}
div.letter {
    width: 50px;
}

div.letter, div.school-details {
    float: left;
}

#schools h3 span{
    font-weight: normal;
}

#schools h3 span.distance {
    position: absolute;
    right: 10px;
    top: 5px;
}

#localauthority-element {
    position: relative;
}

#schools-locator .yui-ac-container {
    left: 210px;
}

#awardnote-label {
    display: none;
}

#awardnote-element {
    font-style: italic;
    padding: 10px 0 5px 100px;
}

#award1-label, .award1 {
    background: transparent url(/img/award1-small.png) no-repeat;
}

#award2-label, .award2 {
    background: transparent url(/img/award2-small.png) no-repeat;
}

#award3-label, .award3 {
    background: transparent url(/img/award3-small.png) no-repeat;
}

#award4-label, .award4 {
    background: transparent url(/img/award4-small.png) no-repeat;
}

#award5-label, .award5 {
    background: transparent url(/img/award5-small.png) no-repeat;
}

#award6-label {
    background: transparent url(/img/award6-small.png) no-repeat;
}

ul.awards li.award6 {
    background: transparent url(/img/award6-small.png) no-repeat;
	width:55px;
}

#award1-label,
#award2-label,
#award3-label,
#award4-label,
#award5-label,
#award6-label{
    height:25px;
    padding:5px 0 0 30px;
    width: 200px;
	cursor:pointer;
}

#award1-element,
#award2-element,
#award3-element,
#award4-element,
#award5-element,
#award6-element{
    padding-top: 5px;
}

#schools li div.clearFix {
    clear: both;
    float: none;
}

ul.awards {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

ul.awards li {
    float: left;
    width: 17px;
    margin-left: 10px;
}

#schools li li {
    min-height: 30px;
    height: 30px;
    padding: 0;
}


#award1-icon, #award2-icon, #award3-icon, #award4-icon, #award5-icon,#award6-icon{
position:absolute;
top:1px;
left:1px;
visibility:hidden;
z-index:500;
border:1px solid #E0E0E8;
padding: 5px;
background:#fff;
width:500px;
}

#award1-icon img, #award2-icon img, #award3-icon img, #award4-icon img, #award5-icon img,#award6-icon img{
float:left;
margin-right:20px;
}

#award1-icon h3, #award2-icon h3, #award3-icon h3, #award4-icon h3, #award5-icon h3,#award6-icon h3{
font-weight:bold;
margin-bottom:10px;
}

#award1-icon h3{
color:#B74190;
}

#award2-icon h3{
color:#31AFAA;
}

#award3-icon h3{
color:#E96829;
}

#award4-icon h3{
color:#1D68B5;
}

#award5-icon h3{
color:#E2292A;
}

#award6-icon h3{
color:#000;
}

#schools-locator-register textarea#address{
height:100px;
}

#schools-locator-register textarea#address,  #schools-locator-register input.text{
width: 300px;
}

#schools-locator-register dt {
font-weight:bold;
padding-top:5px;
}

#schools-locator-register #submit {
background:transparent url(/img/hd_links_bg.gif) repeat-x scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:85%;
font-weight:bold;
height:19px;
margin-right:20px;
position:relative;
width:80px;
}

.register-form{
display:block;
}

.register-form .required{
background:transparent url(/img/required.png) no-repeat scroll right 1px;
padding-right:8px;
}

.register-form .errors{
color:#FF0000;
}

/* Shop flash message (added for YoUFA work) */
.ufa-page #middle-column .page .shop_message {
	font-weight:bold;
}
/* Shop errors (added for YoUFA work) */
.ufa-page #middle-column .page .shop_error {
	font-weight:bold;
	color:#990000;
}

/*
/
/ YOUFA LAYOUT
/
/
*/

.youfa {
text-align:left;
background:#fff;
height:100%;
width:100%;
} 

.youfa .panel .middle #left-column{
visibility:hidden;
width:0px;
height:0px;
background:#fff;
}

.youfa .panel{
background:#fff;
}

.youfa .panel .top{
visibility:hidden;
width:0px;
height:0px;
background:#fff;
}
.youfa .panel .bottom{
visibility:hidden;
width:0px;
height:0px;
background:#fff;
}

.youfa #about-chapter .panel .middle  {
width:600px;
background:#000;
}


.youfa #schools-locator{
font-family:Comic Sans MS,arial,helvetica,clean,sans-serif;
}

.youfa #about-chapter .page .title{
color:#1D68B5;
font-family:Comic Sans MS,arial,helvetica,clean,sans-serif;
}

.youfa .page{
padding:0;
}
.youfa .ufa-page{
width:540px;
}

.ncs-homepage-link {
	text-decoration: none;
	color: #000;
}

.ncs-link {
	display:block;
	height:100%;
	width:100%;
}
.sc{
background:transparent url(/img/sc_box_top.jpg) no-repeat scroll 0 0;
}
.sl{
background:transparent url(/img/sl_box_top.jpg) no-repeat scroll 0 0;
}
.box-middle #submit{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/black_button_bg_right.jpg) no-repeat scroll 100% 0;
border:medium none;
color:#FFFFFF;
font-size:85%;
font-weight:bold;
height:20px;
left:53px;
line-height:12px;
padding:3px 12px;
position:absolute;
text-decoration:none;
top:110px;
width:65px;
}
.box-middle #q{
color:#000000;
left:4px;
padding:2px;
position:absolute;
top:80px;
width:150px;
}

div#homeSocialTW {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 305px;
}

div#homeSocialFB {
	float: left;
	width: 305px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-style: none;
	/*background-color: #3B5998;*/
	border-radius: 5px;
}

div#homeSocialYT {
	width: 305px;
	float: left;
	margin-left: 10px;
}

div#ytvideo
{
	float: left;
}

ul.demo1
{
	float: left;	
}

ul.demo1 li
{
	display: inline;
	margin-left: 10px;
}

/* @group rss feed */

.rssFeedContainer
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	border-radius: 8px;
	border-width: 1px;
	border-color: #CCC;
	border-style: dotted;
	float: left;
	margin-left: 5px;
	width: 350px;
	height: 170px;
	overflow: hidden;
}

.rssFeedContainer ul
{
	list-style: none;
	display: block;	
	margin: 0px;
	padding: 0px;
}

.rssFeedContainer ul li h2
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 77%;
}

.rssFeedContainer .rssItem
{
	display: inline-block;
	width: 360px;	
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	font-size: 9px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 15px;
}

span.spacer
{
	display: block;
	margin-bottom: 10px;	
}

p.rssDate
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}

a.calendar_icon
{
	background-image: url(/img/calendar_icon.gif);
	background-repeat: no-repeat;
	padding-left: 25px;	
	display: inline-block;
	height: 16px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.calendar_icon:hover
{
	color: #333;
}
/* @end */