/*

	SKILLSTORES by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.BRANDING/MASTHEAD
	    8.NAVIGATION
	        8.1 PRIMARY NAV
	        8.2 SECONDARY NAV
        9.SITEINFO/FOOTER
        10.GLOBAL ELEMENTS
            10.1 CALL TO ACTION button
            10.2 VIEW ALL LINK  
            10.3 DATES 
            10.4 PAGE HEADER 
            10.5 FILTER BY CAMPAIGN DROPDOWN 
            10.6 PAGINATION 
            10.7 FORM STATUS 
        11.HOMEPAGE
        12.ABOUT
        13.CAMPAIGNS
            13.1 CAMPAIGNS LISTING 
            13.2 CAMPAIGNS 
       	        13.2.1 LEARNING CULTURE 
       		    13.2.1.1 OVERVIEW 
       		    13.2.1.2 PLEDGE        			
                13.2.1.3 CAFE CHRYSALIS 
        14.STORIES
            14.1 LISTING 
            14.2 DETAIL 
            14.3 SIDEBAR 
        15.NEWS & EVENTS
            15.1 NEWS 
            15.2 EVENTS 
       	        15.2.1 LISTING 
       	        15.2.2 DETAIL 
       	        15.2.3 CALENDAR 
       	16.BLOG
            16.1 LISTING 
            16.2 SIDEBAR 
            16.3 ENTRY 
            16.4 COMMENTS 
       	        16.4.1 LISTING 
                16.4.2 FORM 
        17.CONTACT
        18.SUB PAGES
            18.1 USER MESSAGE    
	   
    -------------------
    
    COLOURS -----------
    
        orange #ff5135
        white #FFFFFF
    
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */



/* 1.BODY
---------------------------------------------------------------------- */

body { text-shadow:rgba(0,0,0,0.01) 0 0 1px; font-family:"Trebuchet MS",sans-serif; font-size:13px; line-height:18px; background:#fff url(../images/site/body_bg.gif) repeat-y 0 0; color:#000; }

a.access { position:absolute; top:-9999px; left:-9999px; font-size:12px; font-weight:bold; background:#eee; border:2px solid #ddd; padding:10px; }
a.access:focus { display:block; top:0; left:0; color:#333; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:18px; }

ul { list-style:url(../images/site/bullet.gif); }
ul li { margin-left:11px; }
ol { list-style:decimal; }
ol li { margin-left:40px; }

ul.rss { list-style:url(../images/site/icon_rss_12.gif); }
ul.rss li { margin-left:20px; }

hr { height:0; background:none; border:none; border-top:1px solid #e5e5e5; }

blockquote { font-family:Georgia,serif; font-style:italic; border-top:1px dotted #999; border-bottom:1px dotted #999; background:#ffeabc; padding:0 13px 10px 13px; text-align:center; margin:0 0 18px 0; }
blockquote p { margin:10px 0 0 0; } 
cite { font-family:Georgia,serif; font-size:13px; font-variant:small-caps; color:#666; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
abbr:hover { border-bottom:1px solid #999; }
del { color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }

form { margin-bottom:30px; }
fieldset { background:#e5e2df; padding:35px 20px 1px 180px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
fieldset h4 { display:none; }
fieldset div { margin-bottom:20px; }
label { display:block; width:140px; float:left; margin:0 0 0 -160px; padding:7px 0 0 0; font-size:15px; line-height:20px; }
label em { font-style:normal; color:#ff007a; }
input[type="text"],
input[type="password"],
textarea { display:block; width:94%; padding:5px 2%; border:2px #cdc8c4 solid; font-family:"Trebuchet MS",sans-serif; font-size:13px; line-height:18px; }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { border-color:#a5a19d; outline:0; background:#ffffdd; }
input.error,
textarea.error { background-color:#f9e0e0; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; line-height:1.4em; }

h1 { font-size:24px; margin-bottom:13px; line-height:1.1em; }
h2 { font-size:16px; margin-bottom:13px; }

h3 { font-size:14px; margin-bottom:14px; }
p + h3,
ul + h3 { padding:4px 0 0 0; }

h4 { font-size:12px; margin-bottom:12px; }

h5 { font-size:13px; text-transform:uppercase; }
h6 {  }



/* 4.LINKS
---------------------------------------------------------------------- */

a { color:#ff5135; }
a:hover,
a:focus { color:#cc3e27; }

a.external { padding-right:15px; background:url(../images/site/icon_externallink.gif) no-repeat right 3px; }
a.external:hover,
a.external:focus { background-position:right -29px; }



/* 5.IMAGES
---------------------------------------------------------------------- */

img { background:#fff; padding:1px; border:1px solid #ccc; }
img.fl { float:left; margin:3px 10px 5px 0; }
img.logo { padding:0; border:none; margin:0 auto; }



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#page { position:relative; padding:50px 50px 50px 200px; min-width:760px; max-width:1000px; min-height:650px; }

div#content_wrapper {  }



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { position:absolute; top:0; left:0; width:150px; background:#000; }
div#branding h1 { width:90px; height:123px; margin:30px auto 40px auto; }
div#branding h1 a { display:block; width:90px; height:123px; text-indent:-9999px; background:url(../images/site/branding_logo.gif) no-repeat 0 0; }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

/* 8.1 PRIMARY NAV  ---------- */

	ul#navigation_pri { list-style:none; width:130px; font-size:12px; line-height:1em; margin:0 0 0 10px; }
	ul#navigation_pri li { border-bottom:1px solid #242424; margin:0; position:relative; }
	ul#navigation_pri li img { position:absolute; top:9px; right:-15px; padding:0; border:none; background:none; }
	ul#navigation_pri li a { color:#666; display:block; padding:8px 10px; text-decoration:none; }
	ul#navigation_pri li a:hover,
	ul#navigation_pri li a:focus { color:#fff; }

	ul#navigation_pri li.cur a { font-weight:bold; color:#ff5135; }
	ul#navigation_pri li.cur ul { list-style:none; width:auto; font-size:11px; line-height:1em; margin:-5px 0 0 10px; padding:5px 0 5px 0; background:url(../images/site/nav_sub_bg.gif) no-repeat 4px bottom; }
	ul#navigation_pri li.cur ul li { border:none; margin:0 0 5px 6px; padding:0 0 0 10px; background:url(../images/site/nav_sub_item_bg.gif) no-repeat 0 center; }
	ul#navigation_pri li.cur ul li a { display:inline; padding:0; color:#666; }
	ul#navigation_pri li.cur ul li a:hover,
	ul#navigation_pri li.cur ul li a:focus { color:#fff; }
	ul#navigation_pri li.cur ul li.cur a { color:#fff; }

/* 8.2 SECONDARY NAV  ---------- */

	ul#navigation_sec { list-style:none; border-top:1px solid #ddd; font-size:12px; }
	ul#navigation_sec li { border-bottom:1px solid #ddd; margin:0; padding:0 0 0 12px; }
	ul#navigation_sec li a,
	ul#navigation_sec li strong { color:#333; display:block; padding:8px 0; text-decoration:none; font-weight:normal; }
	ul#navigation_sec li a:hover,
	ul#navigation_sec li a:focus { color:#ff5135; }

	ul#navigation_sec li.cur { background:url(../images/site/nav_sec_cur.gif) no-repeat 0 13px; font-weight:bold; }
	ul#navigation_sec li.cur a { color:#ff5135; }
	ul#navigation_sec li ul li.cur { background:none; }

	ul#navigation_sec li ul { list-style:none; margin:5px 0 10px 0; }
	ul#navigation_sec li ul li { border:none; margin:0; padding:0; border-top:1px dotted #ddd; height:35px; overflow:hidden; line-height:30px; }
	ul#navigation_sec li ul li:first-child { border:none; }
	ul#navigation_sec li ul li a { padding:3px 0; }
	ul#navigation_sec li ul li a img { float:left; margin:0 7px 0 0; }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { position:absolute; bottom:0; left:0; width:120px; padding:0 15px; background:#000; color:#666; font-size:10px; }
/*.campaign div#siteinfo { padding-bottom:50px; }*/

div#siteinfo ul { list-style:none; border-top:1px dotted #404040; }
div#siteinfo ul li { border-bottom:1px dotted #404040; margin:0; padding:3px 5px; }
div#siteinfo ul li a { color:#666; text-decoration:none; }
div#siteinfo ul li a:hover,
div#siteinfo ul li a:focus { color:#fff; }

div#siteinfo p { font-weight:bold; text-transform:uppercase; margin:0; }
div#siteinfo p a img { border:5px solid #333; margin:5px 0 15px 0; }
div#siteinfo p a:hover img,
div#siteinfo p a:focus img { border-color:#666; }
div#siteinfo p a img + a img { margin:15px 0 0 0; }



/* 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */

/* 10.1 CALL TO ACTION button ---------- */

	p.calltoaction_button { margin:0; font-weight:bold; }
	p.calltoaction_button a { display:block; text-align:center; background:#7bbc3c url(../images/site/pledge_cta_bg.png) repeat-x 0 bottom; text-decoration:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:15px; padding:8px 5px 5px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:1px 1px 3px #3b8603; }
	p.calltoaction_button a:hover,
	p.calltoaction_button a:focus { color:#fff; background-color:#6ea936; }
	
/* 10.2 VIEW ALL LINK  ---------- */

	span.viewall { font-size:11px; font-weight:normal; position:relative; left:5px; top:-1px; }
	span.viewall a { color:#666; }
	span.viewall a:hover,
	span.viewall a:focus { color:#333; }
	
/* 10.3 DATES ---------- */

	p.date { text-transform:uppercase; font-weight:bold; color:#666; background:#ebe9e6; font-size:10px; line-height:1em ; padding:1px; margin:0 0 10px 0; }
	
/* 10.4 PAGE HEADER ---------- */
	
	div#page_header { position:relative; margin:0 0 40px 0; }
	div#page_header h1 { font-size:30px; }
	
/* 10.5 FILTER BY CAMPAIGN DROPDOWN ---------- */
	
	div#campaign_filter { position:absolute; top:0; right:0; }
	div#campaign_filter label { margin:0; display:inline; float:none; font-size:11px; width:auto; font-weight:bold; }
	div#campaign_filter fieldset { padding:5px 10px; }
	
	div#campaign_filter.filtered {padding:5px 10px; font-size:11px; background:#ebe9e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	/*.js-true div#campaign_filter.filtered { background:#ffca51; }*/
	div#campaign_filter.filtered p { margin:0; }
	div#campaign_filter.filtered strong a { color:#000; }
	
	div#campaign_filter.filtered a.remove { text-decoration:none; text-transform:uppercase; padding:2px; background:#cc0000; color:#fff; font-weight:bold; font-size:9px; font-family:Verdana,sans-serif; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 0 0 5px; }
	div#campaign_filter.filtered a.remove:hover,
	div#campaign_filter.filtered a.remove:focus { background:#990000; }
	
/* 10.6 PAGINATION ---------- */

	li.pagination { clear:both; }
	li.pagination strong { color:#fff; padding:1px 5px; background:#ff5135; border:1px solid #ff5135; display:inline-block; margin:0 5px 0 0; }
	li.pagination a { text-decoration:none; border-bottom:1px dotted #999;  font-size:11px; font-weight:bold; color:#666; margin:0 5px 0 0; padding:0; }
	li.pagination a:hover,
	li.pagination a:focus { color:#000; border-bottom:1px solid #000; }
	li.pagination a.page { color:#ff5135; padding:1px 5px; font-size:13px;  border:1px solid #ddd; display:inline-block; }
	li.pagination a.page:hover,
	li.pagination a.page:focus { border-color:#aaa; }

/* 10.7 FORM STATUS ---------- */

    div#formstatus { padding:15px; margin:0 0 20px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#bddd9d; }
    div#formstatus.error { background-color:#eb9999; }
    div#formstatus ul { list-style:circle; font-size:12px; margin:10px 0 0 0; }
    div#formstatus ul li { margin:0 0 0 16px;  }



/* 11.HOMEPAGE
---------------------------------------------------------------------- */

.home { background:#000; position:relative; }
.home h1 { width:207px; height:281px; position:absolute; left:35px; bottom:35px; margin:0; }
.home h1 a { display:block; width:207px; height:281px; text-indent:-9999px; background:url(../images/site/home_h1.gif) no-repeat 0 0; }

.home ul#navigation_pri { width:180px; font-size:15px; font-weight:bold; border-top:1px dotted #333; float:left; margin:0; position:absolute; bottom:35px; left:277px; }
.home ul#navigation_pri li { border-bottom:1px dotted #333; }
.home ul#navigation_pri li a { padding:12px 13px;  }
.home ul#navigation_pri img { display:none; }

.home p { font-family:Helvetica,Arial,sans-serif; color:#fff; font-size:30px; line-height:36px; margin:0; padding:0 35px 0 0; position:absolute; bottom:26px; left:492px; }



/* 12.ABOUT
---------------------------------------------------------------------- */

.about div#content_wrapper { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; overflow:hidden; }
.about div#content_pri { width:67.5%; float:left; margin:0 5% 0 0; }
.about div#content_sec { width:27.5%; float:right; }

div#film_interface { margin:30px 0 20px 0; width:510px; padding:10px; background:#ebe9e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; }

div#film_viewer {  }
div#film_viewer h3 { font-size:13px; }
div#film_viewer h3 em { font-weight:normal; color:#333; }
div#film_viewer img { padding:0; border:none; }

div#film_nav { position:absolute; right:10px; top:10px; font-size:12px; }
div#film_nav h4 { display:inline; font-size:12px;  }
div#film_nav ul { display:inline; list-style:none; margin:0; font-weight:bold; }
div#film_nav ul li { margin:0; display:inline; }
div#film_nav ul li a { text-decoration:none; padding:0 2px; color:#999; }
div#film_nav ul li a:hover,
div#film_nav ul li a:focus { color:#333; }
div#film_nav ul li.cur a { color:#ff5135; }

.about p.meta { font-size:12px; clear:both; }



/* 13.CAMPAIGNS
---------------------------------------------------------------------- */

/* 13.1 CAMPAIGNS LISTING ---------- */

/* 13.2 CAMPAIGNS ---------- */

.campaign { background-color:#ebe9e6; }

.campaign div#page { min-height:840px; }

.campaign div#content_wrapper { background:#fff; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

div#campaign_head { background:#000; color:#fff; padding:0 10px; margin:0 0 50px 0; height:40px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
div#campaign_head h2 { font-size:18px; float:left; padding:8px 0 0 0; margin:0; }
div#campaign_head h2 a { text-decoration:none; font-size:13px; position:relative; top:-2px; }
div#campaign_head h2 a:hover,
div#campaign_head h2 a:focus { color:#999; }
div#campaign_head ul { list-style:none; margin:0 5px 0 0; float:right; }
div#campaign_head ul li { margin:0; float:left; position:relative; bottom:-7px; }
div#campaign_head ul li a { display:block; padding:6px 10px 14px 10px; text-decoration:none; color:#666; }
div#campaign_head ul li a:hover,
div#campaign_head ul li a:focus { color:#999; }
div#campaign_head ul li.cur a { font-weight:bold; color:#fff; background:url(../images/site/nav_sub_cur.gif) no-repeat center bottom; }

.campaign ul#blog_listing { margin:0 0 40px 0; list-style:none; font-size:11px; line-height:16px; }
.campaign ul#blog_listing li { margin:0; }
.campaign ul#blog_listing img { width:100%; margin:0 0 10px 0; }

.campaign ul#event_listing li { margin:0 0 40px 0; padding-right:75px; }
.campaign ul#event_listing li h4 { font-size:12px; }
.campaign ul#event_listing li h4 a span { width:54px; height:54px; right:10px; }
.campaign ul#event_listing li ul { list-style:none; font-size:11px; }
.campaign ul#event_listing li ul li { border-top:1px solid #bcbab8; margin:0; padding:0; }
.campaign ul#event_listing li ul li:first-child { border:none; }

.campaign ul#news_listing { margin:0; list-style:none; font-size:11px; line-height:16px; }
.campaign ul#news_listing li { margin:0; }
.campaign ul#news_listing h3 { margin-bottom:7px; }
.campaign ul#news_listing p a:hover,
.campaign ul#news_listing p a:focus { color:#333; }

	/* 13.2.1 LEARNING CULTURE ---------- */
	
		div#learningculture_wrapper { overflow:hidden; margin:0 0 50px 0; }
		
		div#pledge_companies ul { list-style:none; }
		div#pledge_companies ul li { width:80px; height:80px; margin:0 10px 10px 0; float:left; background:#fff; }
		div#pledge_companies ul li a { display:block; width:76px; height:76px; border:2px solid #d1cdc8; }
		div#pledge_companies ul li a:hover,
		div#pledge_companies ul li a:focus { border-color:#b1aba8; }
		div#pledge_companies ul li img { margin:0 auto; }
		div#pledge_companies p { margin:0; font-size:11px; clear:both; }
		div#pledge_companies p a { color:#666; }
		div#pledge_companies p a:hover,
		div#pledge_companies p a:focus { color:#333; }
	
		/* 13.2.1.1 OVERVIEW ---------- */

			div#learningculture_wrapper.overview { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; }
			div#learningculture_wrapper.overview div#content_pri {  width:65%; margin:0 0 0 2.5%; float:left; }
			div#learningculture_wrapper.overview div#content_sec { float:right; width:25%; margin:0 2.5% 0 0; }
		
			p.intro { font-size:15px; line-height:21px; }

			div#pledge_intro { background:#ffeabc; padding:20px; overflow:hidden; position:relative; min-height:320px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:40px 0; }
		
			div#pledge_intro a { color:#333; }
			div#pledge_intro a:hover,
			div#pledge_intro a:focus { color:#000; }
		
			div#pledge_intro p.calltoaction_button a { font-size:12px; color:#fff; }
		
			div#pledge_benefits { float:left; padding:0 200px 0 0; }
			div#pledge_benefits ul { font-size:12px; }
			div#pledge_benefits li { margin:8px 15px; }

			div#learningculture_wrapper.overview div#pledge_companies { width:180px; position:absolute; right:10px; top:20px; }
		    
		    div#overview_subpages div { width:48.1%; float:left; font-size:12px; line-height:16px; }
		    div#overview_subpages div + div { float:right; }
			div#overview_subpages div img { float:left; margin:3px 15px 10px 0; }
			
			div#learningculture_wrapper div#content_sec h2 { margin-bottom:30px;  }
			
			div#learningculture_wrapper.page div#content_sec,
			div#learningculture_wrapper.page div#content_sec p.calltoaction_button a { font-size:12px; }
			
		/* 13.2.1.2 PLEDGE ---------- */
			
			div#learningculture_wrapper.pledge { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; }
			div#learningculture_wrapper.pledge div#content_pri {  width:65%; margin:0 0 0 2.5%; float:left; }
			div#learningculture_wrapper.pledge div#content_sec { float:right; width:25%; margin:0 2.5% 0 0; }
			
			div#pledge_proscons { border:1px solid #ccc; overflow:hidden; margin:20px 0; background:url(../images/site/pledge_proscons_bg.gif) repeat-x 0 0;}
			div#pledge_proscons div.pros { width:50%; float:left;  }
			div#pledge_proscons div.cons { width:49%; float:right; border-left:1px solid #ccc; position:relative; }
			div#pledge_proscons h3 { margin:0; padding:3px 10px; }
			div#pledge_proscons ul { margin:0; padding:10px; font-size:12px; line-height:18px; }
			
			div#learningculture_wrapper.pledge div#formstatus { margin:30px 0 -10px 0; }
			
			/* PLEDGE FORM ---------- */
			
				form#pledge_form { margin:50px 0 0 0; position:relative; }
				form#pledge_form h3 { margin:0; height:30px; }
			    
			    form#pledge_form label { font-size:14px; }
				form#pledge_form textarea { height:122px; }
			
				form#pledge_form fieldset#pledge_confirm p { font-size:12px; line-height:18px;  }
			
				form#pledge_form div.privacy { padding:5px 10px; background:#cdc8c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
				form#pledge_form div.privacy label { float:none; margin:0; display:inline; width:auto; font-size:11px; line-height:14px; font-style:italic; position:relative; bottom:-1px; }
				input#private_details { float:none; display:inline; }
			
				form#pledge_form div.confirmpledge {  }
				form#pledge_form div.confirmpledge label { float:none; margin:0; width:auto; }
				
				form#pledge_form input[type="submit"] { float:right; font-family:"Trebuchet MS",sans-serif; background:#7bbc3c url(../images/site/pledge_cta_bg.png) repeat-x 0 bottom; text-decoration:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:12px; padding:8px 5px 6px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:1px 1px 3px #3b8603; border:none; }
				form#pledge_form input[type="submit"]:hover { cursor:pointer; }
			
				/* JS ENABLED ---------- */
			
					.js-true form#pledge_form hr { display:none; }
			
					ul#pledge_form_nav { list-style:none; margin:0; position:absolute; top:0; right:0; overflow:hidden; font-size:11px; text-transform:uppercase; }
					ul#pledge_form_nav li { float:left; margin:0; }
					ul#pledge_form_nav li a { display:block; color:#999; text-decoration:none; padding:6px 10px 20px 30px; background-position:9px 8px; background-repeat:no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
					ul#pledge_form_nav li.one a { background-image:url(../images/site/pledge_form_1.gif); }
					ul#pledge_form_nav li.two a { background-image:url(../images/site/pledge_form_2.gif); }
					ul#pledge_form_nav li.three a { background-image:url(../images/site/pledge_form_3.gif); }
					ul#pledge_form_nav li a:hover,
					ul#pledge_form_nav li a:focus { color:#333; background-position:9px -34px; }
					ul#pledge_form_nav li.cur a { color:#000; background-color:#e5e2df; background-position:9px -76px; }
			
					.js-true form#pledge_form fieldset { padding-bottom:20px; }
			
					.js-true form#pledge_form fieldset#pledge_contact,
					.js-true form#pledge_form fieldset#pledge_confirm { display:none; }
			
					form#pledge_form fieldset a.form_nav { display:block; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; background:#bcb5af; text-decoration:none; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:0px 0px 3px #837e7a; }
					form#pledge_form fieldset a.form_nav:hover,
					form#pledge_form fieldset a.form_nav:focus { background:#948e88; }
					form#pledge_form fieldset a.form_nav.next { float:right; }
					form#pledge_form fieldset a.form_nav.prev { float:left; }
				
			/* PLEDGED COMPANIES ---------- */
				
				div#learningculture_wrapper.companies div#content_sec { font-size:12px; line-height:18px; }
				div#learningculture_wrapper.companies div#content_sec p.calltoaction_button a { font-size:12px; }
				
				ul#pledged_companies { list-style:none; }
				ul#pledged_companies li { margin:0; padding:20px 0 0 0; border-bottom:1px dotted #ccc; overflow:hidden; }
				ul#pledged_companies li div.company_logo { width:54px; height:54px; border:1px solid #ccc; float:left; margin:3px 10px 0 0; }
				ul#pledged_companies li div.company_logo p { margin:0; }
			
			div#learningculture_wrapper.pledge div#pledge_companies ul { margin:0 -6px 10px 0; }
			div#learningculture_wrapper.pledge div#pledge_companies ul li { float:none; display:inline; margin:0 3px 3px 0; width:58px; height:58px; }
			div#learningculture_wrapper.pledge div#pledge_companies ul li a { display:inline-block; width:54px; height:54px; }
			
			/* THANKS FOR PLEDGING ---------- */
			
			div#learningculture_wrapper.pledge.thanks li { margin-bottom:10px; }

        /* 13.2.1.3 CAFE CHRYSALIS ---------- */
        
            div#learningculture_wrapper.cafe { background:url(../images/site/vertical_divide.gif) repeat-y 50% 0; position:relative; }
			div#learningculture_wrapper.cafe div#content_pri {  width:45%; margin:0 0 0 2.5%; float:left; }
			div#learningculture_wrapper.cafe div#content_sec { float:right; width:45%; margin:0 2.5% 0 0; }
			
			div#cafe_loggedin { position:absolute; top:0; right:2.5%; font-size:11px; background:#ebe9e6; background:#7bbc3c url(../images/site/pledge_cta_bg.png) repeat-x 0 bottom; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			div#cafe_loggedin p { margin:0; color:#fff; }
			div#cafe_loggedin a { color:#fff; }
			
			div#learningculture_wrapper.cafe h1 { background:#fff; padding:0 0 40px 0; margin:0 0 0 2.5%; }
			
			div#learningculture_wrapper.cafe div#content_sec h2 { margin:0 0 13px 0; }
			
			ul#cafe_casestudies { list-style:none; margin:30px 0 0 0; }
			ul#cafe_casestudies li { border-top:1px dotted #ccc; padding:15px 0 0 135px; margin:0; overflow:hidden; }
			ul#cafe_casestudies li a span { border:1px solid #ccc; display:block; padding:10px; width:100px; height:100px; float:left; margin:0 0 15px -135px; }
			ul#cafe_casestudies li a:hover span,
			ul#cafe_casestudies li a:focus span { border-color:#999; }
			
			ul#cafe_casestudies li.pagination { padding-left:0; }
			
			p + div.document_category { margin:30px 0 0 0; }
			div.document_category { padding:15px; background:#ffeabc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:20px 0 0 0; }
            
            div.document_category h3 { margin:0 0 15px 0; color:#403b2f; font-size:19px; }
            div.document_category h3 small { display:block; font-weight:normal; color:#666; font-size:12px; font-style:italic; padding:5px 0; line-height:15px; }
            div.document_category h5 { text-transform:none; padding:10px 0 5px 0; border-top:1px dotted #999;  }
            div.document_category ul { margin:0 0 10px 0; font-size:12px; list-style:none; }
            div.document_category ul li { padding:0 0 5px 15px; margin:0; background-repeat:no-repeat; background-position:0 4px; }
            div.document_category ul li.pdf { background-image:url(../images/site/icon_pdf_10.gif); }
            div.document_category ul li a { color:#333; text-decoration:none; border-bottom:1px dotted #333;  }
            div.document_category ul li a:hover,
            div.document_category ul li a:focus { border-bottom:1px solid #000; color:#000; }
            div.document_category ul li em { color:#666; font-size:11px; }
            
            /* TIPS AND TALES ---------- */
            
                div#learningculture_wrapper.cafe.tipsandtales { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; position:relative; }
    			div#learningculture_wrapper.cafe.tipsandtales div#content_pri {  width:65%; margin:0 0 0 2.5%; float:left; }
    			div#learningculture_wrapper.cafe.tipsandtales div#content_sec { float:right; width:25%; margin:0 2.5% 0 0; }
            
                div#learningculture_wrapper.cafe.tipsandtales h1 a { text-decoration:none; font-size:16px; position:relative; top:-2px; }
            
                div#tipsandtales_logo { border:1px solid #ccc; padding:10px; width:130px; height:130px; float:left; margin:5px 20px 15px 0; }
                
                div#tipsandtales_learn { margin:30px 0 0 0; padding:15px; background:#ebe9e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; }
                div#tipsandtales_learn p.calltoaction_button a { font-size:13px; }
                
                ul#tipsandtales_more { list-style:none; margin:0 0 0 -5px; }
                ul#tipsandtales_more li { width:60px; height:60px; float:left; margin:0 0 5px 5px; }
                ul#tipsandtales_more li a { display:block; width:44px; height:44px; border:1px solid #ccc; padding:5px; }
                ul#tipsandtales_more li a:hover,
                ul#tipsandtales_more li a:focus { border-color:#999; }
                
            /* LOGGED OUT ---------- */
                
                div#cafe_loggedout form { margin:0; }
                div#cafe_loggedout form fieldset { padding:20px 20px 1px 140px; }
                div#cafe_loggedout form label { margin:0 0 0 -120px; width:100px; }
                div#learningculture_wrapper.cafe div#content_sec p.calltoaction_button a { font-size:12px; }
                                
            /* EDIT YOUR ACCOUNT DETAILS ---------- */
            
                div#learningculture_wrapper.cafe.account { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; position:relative; }
                div#learningculture_wrapper.cafe.account div#content_pri { width:65%; }
                div#learningculture_wrapper.cafe.account div#content_sec { width:25%; }
                
                div#learningculture_wrapper.cafe.account form { margin:0; }
                
                div#learningculture_wrapper.cafe.account form div.current_password { border-top:1px dotted #999; border-bottom:1px dotted #999; background:#ffffcc; padding:10px; }
                div#learningculture_wrapper.cafe.account form div.current_password p { padding:0; background:none; }
                div#learningculture_wrapper.cafe.account form div.current_password label { display:none; }
                
                div#learningculture_wrapper.cafe.account form p { padding:10px; background:#cdc8c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:11px; line-height:14px; font-style:italic; }
                div#learningculture_wrapper.cafe.account form p a { color:#444; }
                div#learningculture_wrapper.cafe.account form p a:hover,
                div#learningculture_wrapper.cafe.account form p a:focus { color:#000; }
                
                div#learningculture_wrapper.cafe.account form div#cpassword { padding:5px 10px; background:#cdc8c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow: hidden;}
                
                
/* 14.STORIES
---------------------------------------------------------------------- */

.stories div#content_wrapper { background:url(../images/site/vertical_divide.gif) repeat-y 75% 0; overflow:hidden; }
.stories div#content_pri { width:72.5%; float:left; margin:0 5% 0 0; position:relative; }
.stories div#content_sec { width:22.5%; float:right; font-size:11px; line-height:17px; }

/* 14.1 LISTING ---------- */

	ul#stories_listing { list-style:none; margin:0; }
	ul#stories_listing li { margin:0; padding:20px 10px 20px 140px; border-top:1px dotted #ccc; overflow:hidden; }
	ul#stories_listing li h3 span { width:100px; height:100px; padding:10px; border:1px solid #ccc; display:block; float:left; margin:4px 0 0 -140px; }
	ul#stories_listing li h3 span img { margin:0 auto; }
	ul#stories_listing li h3 a:hover span,
	ul#stories_listing li h3 a:focus span { border-color:#999; }

	ul#stories_listing li p.more  { font-size:11px; margin:0; }

	ul#stories_listing li.pagination { padding:20px 0 0 0; }

/* 14.2 DETAIL ---------- */

	div#story_intro { padding:0 0 0 165px; margin:0 0 30px 0; overflow:hidden; font-size:15px; line-height:22px; }
	div#story_intro p { margin:0; }
	
	div#story_logo { width:130px; height:130px; padding:9px; border:1px solid #ccc; margin:3px 0 0 -165px; float:left; }
	
	div#story_contactinfo { width:130px; float:left; clear:both; background:#ebe9e6; padding:10px 10px 2px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; font-size:11px; }
	div#story_contactinfo p { margin:0 0 10px 0; }

	ul#story_stats { list-style:none; margin:0 0 0 165px; border-top:1px dotted #999; }
	ul#story_stats li { margin:0; border-bottom:1px dotted #999; padding:6px 5px; }
	ul#story_stats li strong { display:inline-block; width:100px; } 
	
	div#story_story { padding:30px 0 0 0; clear:both; }
	

/* 14.3 SIDEBAR ---------- */

	div#stories_submit { background:#ffeabc; padding:10px; margin:0 0 50px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	div#stories_submit p.calltoaction_button a { font-size:12px; }



/* 15.NEWS & EVENTS
---------------------------------------------------------------------- */

.newsevents div#content_wrapper {  overflow:hidden; padding:0 300px 0 0; }
.newsevents div#content_news { width:92.5%; float:left; padding-right:4%; background:url(../images/site/vertical_divide.gif) repeat-y right 0; }
.newsevents div#content_events { width:300px; float:right; margin:0 -300px 0 0; }

/* 15.1 NEWS ---------- */

	ul#news_listing { list-style:none; margin:0; }
	ul#news_listing li { margin:0 0 30px 0; overflow:hidden; }
	ul#news_listing li.pagination { margin:0; }
	ul#news_listing li p a { color:#333; text-decoration:none; border-bottom:1px dotted #666; }
	ul#news_listing li p a:hover,
	ul#news_listing li p a:focus { color:#000; border-bottom:1px solid #000; }

/* 15.2 EVENTS ---------- */

	/* 15.2.1 LISTING ---------- */

		ul#event_listing { list-style:none; margin:0; }
		ul#event_listing li { background:#ebe9e6; padding:10px 100px 10px 10px; margin:0 0 20px 0; position:relative; }
		ul#event_listing > li { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		ul#event_listing li.noresults { padding-right: 10px; color: #444; }

		
		ul#event_listing li h4 { font-size:13px; margin:0 0 8px 0; }
		ul#event_listing li h4 a { color:#666; }
		ul#event_listing li h4 a:hover,
		ul#event_listing li h4 a:focus { color:#333; }
		ul#event_listing li h4 a span { display:block; width:78px; height:78px; border:1px solid #bbb; position:absolute; top:10px; right:10px; background:#fff; }
		ul#event_listing li h4 a:hover span,
		ul#event_listing li h4 a:focus span { border-color:#999; } 
		ul#event_listing li h4 a span img { background:none; margin:0 auto; }
		
		ul#event_listing li ul { margin:0; list-style:none; font-size:11px; }
		ul#event_listing li ul li { border-top:1px solid #bcbab8; margin:0; padding:2px 0; }
		ul#event_listing li ul li:first-child { border:none; }
		ul#event_listing li ul li strong { display:inline-block; width:60px; }
		
		ul#event_listing li p { margin:8px 0 0 0; }
		
	/* 15.2.2 DETAIL ---------- */
		
		.event div#content_wrapper { background:url(../images/site/vertical_divide.gif) repeat-y 67.5% 0; overflow:hidden; }
		.event div#content_pri { width:65%; float:left; margin:0 5% 0 0; position:relative; }
		.event div#content_sec { width:30%; float:right; font-size:11px; line-height:17px; }
		
		.event div#content_pri h2 { margin:0 0 20px 0; }
		.event div#content_pri h2 a { text-decoration:none; font-size:13px; position:relative; top:-1px; }
		
		div#event_details { background:#ebe9e6; padding:10px; margin:0 0 20px 0; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		div#event_logo { width:130px; height:130px; padding:9px; border:1px solid #ccc; float:left; margin:0 20px 0 0; background:#fff; }
		div#event_details h3 { font-weight:normal; font-size:16px; margin:7px 0 10px 0; }
		div#event_details p { margin:0 0 10px 0; }
		div#event_details p.map { margin:0; }
		div#event_details a { font-size:11px; color:#666; }
		div#event_details a:hover,
		div#event_details a:focus { color:#000; }
		
		.event p.meta { padding:10px 10px 10px 180px; background:#ffeabc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:25px 0; font-size:11px; line-height:18px; }
		.event p.meta strong { font-size:12px; text-align:right; display:block; float:left; width:150px; position:relative; left:-170px; margin:0 -150px 0 0; }		
		
		.event div#content_sec ul { list-style:none; }
		.event div#content_sec ul li { margin:0; }
		
	/* 15.2.3 CALENDAR ---------- */
		
		div#events_calendar { margin:0 0 30px 0; }
		
		table.event_calendar { width:299px; font-size:12px; line-height:1em; background:#fff; border-collapse:collapse; color:#333; border:1px solid #bbb; }
		table.event_calendar td,
		table.event_calendar th { text-align:center; border:1px solid #bbb; padding:8px 0; font-weight:bold; }
		table.event_calendar th { text-transform:uppercase; font-weight:bold; border:none; font-size:13px; background:#ffeabc; position:relative;   }
		
		table.event_calendar th a { text-decoration:none; color:#fff; background:#d9c79f; display:block; padding:3px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:1em; }
		table.event_calendar th a:hover,
		table.event_calendar th a:focus { background:#b3a483; color:#fff; }
		
		tr#cal_month th { padding:6px; }
		
		td.blank_day { color:#AAA; }
		td.day_today { background:#ebe9e6; }
		td.event_cell { background:#ffc43e; }



/* 16.BLOG
---------------------------------------------------------------------- */

.blog div#content_wrapper { background:url(../images/site/vertical_divide.gif) repeat-y 70% 0; overflow:hidden; }
.blog div#content_pri { width:67.5%; float:left; margin:0 5% 0 0; position:relative; }
.blog div#content_sec { width:27.5%; float:right; font-size:11px; line-height:17px; }

.blog p.meta { font-size:11px; color:#333; border-top:1px solid #eee; padding-top:10px; margin:-5px 0 0 0; clear:both; }
.blog p.meta a { color:#333; text-decoration:none; border-bottom:1px dotted #999; }
.blog p.meta a:hover,
.blog p.meta a:focus { border-bottom:1px solid #000; color:#000; }

/* 16.1 LISTING ---------- */

    div#blog_category_status { background:#fff0cf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:12px 10px 8px 10px; margin:0 0 30px 0; }
    div#blog_category_status h3 { font-weight:normal; margin:0; }
    div#blog_category_status h3 em { font-weight:bold; }
    div#blog_category_status h3 a { font-size:11px; margin:0 0 0 5px; }

	ul#blog_listing { list-style:none; margin:0; }
	ul#blog_listing li { margin:0 0 50px 0; }
	ul#blog_listing li img { float:left; clear:left; margin:3px 15px 10px 0; }

	ul#blog_listing li.pagination { margin:0; }
	
	ul#blog_listing li ul li { margin:0 0 0 13px; }
	
/* 16.2 SIDEBAR ---------- */

	div#blog_categories { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dotted #ddd; }
	div#blog_categories ul { margin:0; }
	div#blog_categories ul li a { color:#444; }
	div#blog_categories ul li a em { color:#666; } 
	div#blog_categories ul li a:hover,
	div#blog_categories ul li a:focus { color:#000; }

	div#blog_askanexpert { padding:10px; background:#ffeabc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 20px 0; }

	div#blog_askanexpert_ask form { margin:0; }
	div#blog_askanexpert_ask fieldset { padding:10px; }
	div#blog_askanexpert_ask label { float:none; margin:0 0 5px 0; font-size:13px; }
	div#blog_askanexpert_ask div { margin:0 0 10px 0; }

	.js-true div#blog_askanexpert_ask { display:none; }
	.js-true div#blog_askanexpert_ask_inner form { margin:0; }
	.js-true div#blog_askanexpert_ask_inner fieldset { padding:15px 15px 15px 120px; }
	.js-true div#blog_askanexpert_ask_inner label { font-size:13px; width:115px; margin-left:-110px; } 

	div#blog_rss { border-top:1px dotted #ddd; padding:20px 0; }
	div#blog_rss h3 { margin:0; }
	div#blog_rss h3 a.feed { padding:0 0 0 20px; background:url(../images/site/icon_rss_12.gif) no-repeat left 3px; color:#000; text-decoration:none; }
	div#blog_rss h3 a.feed:hover,
	div#blog_rss h3 a.feed:focus { text-decoration:underline; }
	div#blog_rss h3 a.whatis { color:#999; font-weight:normal; font-size:11px; font-style:italic; margin:0 0 0 5px; position:relative; top:-1px; }
	div#blog_rss h3 a.whatis:hover,
	div#blog_rss h3 a.whatis:focus { color:#333; }
	
	div#blog_search { border-top:1px dotted #ddd; padding:20px 0 0 0; }
	div#blog_search fieldset { padding:10px 70px 10px 10px; width:auto; position:relative; }
	div#blog_search label { display:none; }
	div#blog_search input[type="submit"] { position:absolute; right:10px; top:18px; }
	
/* 16.3 ENTRY ---------- */

	div#blog_entry {  }
	
/* 16.4 COMMENTS ---------- */

	/* 16.4.1 LISTING ---------- */

		div#comment_listing { margin:50px 0 0 0; }
	
		div#comment_listing h2 { margin:0 0 30px 0; }
		div#comment_listing h2 a { font-style:italic; font-size:11px; font-weight:normal; color:#333; text-decoration:none; border-bottom:1px dotted #999;  }
		div#comment_listing h2 a:hover,
		div#comment_listing h2 a:focus  { color:#000; border-bottom:1px solid #000; }
	
		div#comment_listing ol { list-style:none; margin:0; font-size:12px; line-height:17px; }
		div#comment_listing ol li { margin:0 0 30px 0; }

		div#comment_listing ol li h4 { float:left; background:#fff; padding:0 5px 0 0; margin:-3px 0 10px 0; font-size:14px; }
		div#comment_listing ol li h4 a { text-decoration:none; }
		div#comment_listing ol li p.date { clear:none; }
		div#comment_listing ol li p { clear:both;  } 
		
	/* 16.4.2 FORM ---------- */
	
		div#comment_form { margin:50px 0 0 0; }
		div#comment_form form { margin:0; }
		div#comment_form fieldset { padding-top:20px; }
		div#comment_form label { font-size:13px; }
		



/* 17.CONTACT
---------------------------------------------------------------------- */

.contact div#content_wrapper { padding-right:280px; overflow:hidden; }
.contact div#content_pri { width:92.5%; float:left; padding-right:4%; background:url(../images/site/vertical_divide.gif) repeat-y right 0; }
.contact div#content_sec { float:right; margin:0 -280px 0 0; }

form#contact_form { margin:0; }

div#contact_map { border:1px solid #ccc; padding:1px; }
div#contact_map iframe { display:block; }



/* 18.SUB PAGES
---------------------------------------------------------------------- */

/* 18.1 POLICIES ---------- */

/* 18.2 404 ---------- */

/* 18.3 USER MESSAGE ---------- */

    body.user_message { background:#ebe9e6; }
    
    div#user_message { background:#fff url(../images/site/body_bg.gif) repeat-y 0 0; width:500px; padding:15px 15px 15px 170px; margin:17% auto 0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; overflow:hidden; box-shadow:0px 0px 20px #ccc; -webkit-box-shadow:0px 0px 20px #ccc; -moz-box-shadow:0px 0px 20px #ccc; }
    
    div#user_message h1 { width:90px; height:123px; margin:0 -123px 0 0; float:left; position:relative; left:-137px; }
    div#user_message h1 a { display:block; width:90px; height:123px; text-indent:-9999px; background:url(../images/site/branding_logo.gif) no-repeat 0 0; }
    
    div#message { padding:15px; }
    div#message h2 { font-size:24px; margin:0 0 20px 0; }
    div#message h3 { font-size:16px; margin:0 0 20px 0; }
    div#message p { font-size:14px; margin:0 0 20px 0; }
    div#message p.calltoaction_button { margin:0; }
    div#message p.calltoaction_button a { font-size:13px; }