/* 	=============================================================================
   	HTML5 display definitions
   	========================================================================== */

		article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
		audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
		audio:not([controls]) { display: none; }
		[hidden] { display: none; }


/* 	=============================================================================
   	Base
   	========================================================================== */

		/*
		 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
		 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
		 */
		
		html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
		
		html, button, input, select, textarea { font-family: sans-serif; color: #222; }
		
		body { margin: 0; font-size: 1em; line-height: 1.4; background:url(http://cocnmp.com/blogger/ocobof/img/microsite_background.gif) no-repeat top center; }
   
		.hidden-text {
			text-indent: -9999em;
			overflow: hidden; /* Prevents focus outline from extending off the left side of page */
			display: block;
		}
		
		.mobileOnly {
			display: none;
		}
		
		/*
		 * Remove text-shadow in selection highlight: h5bp.com/i
		 * These selection declarations have to be separate
		 * Also: hot pink! (or customize the background color to match your design)
		 */
		
		::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
		::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* 	=============================================================================
   	Links
   	========================================================================== */

		a { color: #38323C; }
		a:visited { color: #38323C; }
		a:hover { color: #06e; }
		a:focus { outline: thin dotted; }
		
		/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
		a:hover, a:active { outline: 0; }


/* 	=============================================================================
   	Typography
   	========================================================================== */

		abbr[title] { border-bottom: 1px dotted; }
		
		b, strong { font-weight: bold; }
		
		blockquote { margin: 1em 40px; }
		
		dfn { font-style: italic; }
		
		hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
		
		ins { background: #ff9; color: #000; text-decoration: none; }
		
		mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
		
		/* Redeclare monospace font family: h5bp.com/j */
		pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
		
		/* Improve readability of pre-formatted text in all browsers */
		pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
		
		q { quotes: none; }
		q:before, q:after { content: ""; content: none; }
		
		small { font-size: 85%; }
		
		/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
		sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
		sup { top: -0.5em; }
		sub { bottom: -0.25em; }


/* 	=============================================================================
   	Lists
   	========================================================================== */

		ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
		dd { margin: 0 0 0 40px; }
		nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* 	=============================================================================
   	Embedded content
   	========================================================================== */

		/*
		 * 1. Improve image quality when scaled in IE7: h5bp.com/d
		 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
		 */
		
		img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
		
		/*
		 * Correct overflow not hidden in IE9
		 */
		
		svg:not(:root) { overflow: hidden; }


/* 	=============================================================================
   	Figures
   	========================================================================== */

		figure { margin: 0; }


/* 	=============================================================================
   	Forms
   	========================================================================== */

		form { margin: 0; }
		fieldset { border: 0; margin: 0; padding: 0; }
		
		/* Indicate that 'label' will shift focus to the associated form element */
		label { cursor: pointer; }
		
		/*
		 * 1. Correct color not inheriting in IE6/7/8/9
		 * 2. Correct alignment displayed oddly in IE6/7
		 */
		
		legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
		
		/*
		 * 1. Correct font-size not inheriting in all browsers
		 * 2. Remove margins in FF3/4 S5 Chrome
		 * 3. Define consistent vertical alignment display in all browsers
		 */
		
		button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
		
		/*
		 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
		 */
		
		button, input { line-height: normal; }
		
		/*
		 * 1. Display hand cursor for clickable form elements
		 * 2. Allow styling of clickable form elements in iOS
		 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
		 */
		
		button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
		
		/*
		 * Re-set default cursor for disabled elements
		 */
		
		button[disabled], input[disabled] { cursor: default; }
		
		/*
		 * Consistent box sizing and appearance
		 */
		
		input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
		input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
		input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
		
		/*
		 * Remove inner padding and border in FF3/4: h5bp.com/l
		 */
		
		button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
		
		/*
		 * 1. Remove default vertical scrollbar in IE6/7/8/9
		 * 2. Allow only vertical resizing
		 */
		
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		
		/* Colors for form validity */
		input:valid, textarea:valid {  }
		input:invalid, textarea:invalid { background-color: #f0dddd; }
		

/* 	=============================================================================
   	Tables
   	========================================================================== */

		table { border-collapse: collapse; border-spacing: 0; }
		td { vertical-align: top; }


/* 	=============================================================================
   	Chrome Frame Prompt
   	========================================================================== */

		.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* 	=============================================================================
   	Global Styling
   	========================================================================== */
		strong { font-weight:bold }
		em { font-style:italic }
		a img { border:none } /* Gets rid of IE's blue borders */
		
/* 	=============================================================================
   	Containers
   	========================================================================== */
		#site-holder { 					/*Holder for the visible site width */
			width:990px; 
			margin:0 auto; 
			padding:0 auto; 
			position:relative;
		}
		#HTML1 {						/* Homepage banner graphic */
			width: 990px;
			height: 280px;
			background: #116380 url(http://cocnmp.com/blogger/ocobof/img/banner_homepage.gif);		/* Temp colour for OCOBOF site */
			z-index: -1;
			margin-top: -49px;			/* Placement directly under the brandbar */
		}
		#HTML2 {						/* Content page banner graphic */
			width: 990px;
			height: 76px;
			background: #116380 url(http://cocnmp.com/blogger/ocobof/img/banner-content.png);		/* Temp colour for OCOBOF site */
			z-index: -1;
			margin-top: -49px;			/* Placement directly under the brandbar */
			background-position:0 -25px; 
		}
		#HTML1 .title, #HTML2 .title {
			text-indent: -9999px;
		}

/* 	=============================================================================
   	Onward Brandbar
   	========================================================================== */
		#brandbar-holder {				/*used to contain and align all banner elements*/
			width:990px;
			height:104px;
			margin:12px auto 0 auto;
			z-index: 100;
		}
		#brandbar-left{
			width: 771px;
			height:55px;
			background:#bebebe url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png);
			position:absolute;
			top:0;
			left:0;
		}
		#brandbar-angle{
			width: 32px;
			height:104px;
			background:url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png) -151px -57px;
			position:absolute;
			top:0;
			left:771px;
		}
		#brandbar-right{
			width: 5px;
			height:104px;
			background:#bebebe url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png) -367px -57px;
			position:absolute;
			top:0;
			right:0;
		}
		#onward-statement{
			color:#FFF;
			font-size:12px;
			line-height:49px;
			padding-left:20px;	
		}
		/* Logo and social link styles */
		#brandbar-logo-and-social{
			width: 182px;
			height:104px;
			background:url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png) -184px -57px;
			position:absolute;
			top:0;
			left:803px;
		}
		#brandbar-logo img
		{
			width: 149px;
			height: 53px;
			position: relative;
			top: 10px;
			left: 6px;
			width: 148px;
			height: 53px;
			display: block;
			border-width: 0;
			background-image: url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png);
			background-position: 0px -55px;
		}
		
		#brandbar-logo span
		{
			line-height: 1pt;
			font-size: 0;
			height: 0;
		}
		
		#brandbar-social
		{
			width: 172px; /* 164 from logo-and-social + 8 from social:left */
			position: relative;
			width: 172px;
			top: 27px;
			left: 6px;
		}
		
		#brandbar-social span
		{
			color: #ffffff;
			float: left;
			margin: 4px 4px 0 0;
			font-size: 11px;
		}
		
		a.brandbar-facebook,
		a.brandbar-twitter,
		a.brandbar-youtube,
		a.brandbar-blogger,
		a.brandbar-facebook-content,
		a.brandbar-twitter-content,
		a.brandbar-youtube-content,
		a.brandbar-blogger-content
		{
			float: left;
			width: 21px;
			height: 21px;
			display: block;
			margin: 0 0 0 3px;
			background-image: url(http://cocnmp.com/blogger/ocobof/img/brandbar_sprite.png);
		}
		
		a.brandbar-facebook { 				background-position: 0px -112px; }	
		a.brandbar-facebook:hover { 		background-position: 0px -135px; }
		a.brandbar-twitter { 				background-position: -21px -112px; }
		a.brandbar-twitter:hover{ 			background-position: -21px -135px; }
		a.brandbar-youtube { 				background-position: -42px -112px; }	
		a.brandbar-youtube:hover {			background-position: -42px -135px; }	
		a.brandbar-blogger { 				background-position: -63px -112px; }
		a.brandbar-blogger:hover{			background-position: -63px -135px; }
		a.brandbar-facebook-content { 		background-position: 0px -135px; }
		a.brandbar-facebook-content:hover { background-position: 0px -112px; }	
		a.brandbar-twitter-content {		background-position: -21px -135px; }
		a.brandbar-twitter-content:hover{ 	background-position: -21px -112px; }
		a.brandbar-youtube-content{ 		background-position: -42px -135px; }
		a.brandbar-youtube-content:hover{ 	background-position: -42px -112px; }
		a.brandbar-blogger-content{ 		background-position: -63px -135px; }
		a.brandbar-blogger-content:hover { 	background-position: -63px -112px; }
		
		#mainmenu-holder {
			background: url(http://cocnmp.com/blogger/ocobof/img/mm_bkgd.png) repeat-x bottom left;
			width:990px;
			height:	60px;
			position:absolute;
			top:53px;
		}
		#mainimage-holder {
			background:url(http://cocnmp.com/blogger/ocobof/img/main_image.jpg) no-repeat top left;
			width:990px;
			height:	112px;
			position:absolute;
			top:0px;
			overflow:hidden
		}

/* 	=============================================================================
   	Main menu (desktop)
   	========================================================================== */
		#menu{
			width: 990px;
			height: 65px;
			background:#38323c url(http://cocnmp.com/blogger/ocobof/img/menu_accent.png) no-repeat right top;
			overflow:visible;
			z-index:300;	
		}
		#menu ul{
			margin:0;
			padding:0;
			list-style:none;
		}
		#menu li{
			float:left;
		}
		#menu li a{
			color:#FFF;
		}
		
		/* 
			LEVEL ONE
		*/
		ul.dropdown                         { position: relative; z-index:10; }
		ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background:#38323c; }
		ul.dropdown li.home-icon			{ background:url(http://cocnmp.com/blogger/ocobof/img/home_icon.png) no-repeat center center; text-indent:-9999px; padding: 0 0 0 30px;}
		ul.dropdown li.home-icon:hover		{ background:#252228 url(http://cocnmp.com/blogger/ocobof/img/home_icon.png) no-repeat center center; text-indent:-9999px; padding: 0 0 0 30px;}
		ul.dropdown li.home-icon a span 	{ display:block; height:100%; width:100%; }
		ul.dropdown a:hover		            { color: #252228; }
		ul.dropdown a:active                { color: #ffa500; }
		ul.dropdown li a { 
			display: block; 
			padding: 0px 20px; 
			border-right: 1px solid #333; 
			color: #222; 
			line-height:65px; 
			text-decoration:none; 
			font-family: 'Josefin Sans', sans-serif;
			display: block;
			font-size: 20px;
			font-weight: 400;
		}
		ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
		ul.dropdown li.hover               { background: #9c999e; color: black; position: relative; }
		ul.dropdown li.hover a              { color: #252228; }
		
		
		/* 
			LEVEL TWO
		*/
		ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 200;}
		ul.dropdown ul li 					{ font-weight: normal; background:#38323c; color: #000; border-bottom: 1px solid #ccc; float: none; width:310px; }
											  
											/* IE 6 & 7 Needs Inline Block */
		ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; line-height:35px; font-size:12px; padding:0px 5px 0px 10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } 
		
		/* 
			LEVEL THREE
		*/
		ul.dropdown ul ul 					{ left: 100%; top: 0; }
		ul.dropdown li:hover > ul 			{ visibility: visible; }

/* 	=============================================================================
   	Blog content area
   	========================================================================== */		
		.Blog {
			background: #f7f7f7;
			font-size: 12px;
			padding: 20px;
			z-index:0;
		}
		h2.entry-title, h3.entry-title, .entry-title a {
			font-family: 'Josefin Sans', sans-serif;
			font-size: 40px;
			text-decoration: none;
			color: #333;
			font-weight: 400;
		}
		.date, .older-posts, .blog-pager, .blog-feeds{
			display:none;
		}
		/*post specific markup*/
		.left-column { float:left; width:50%; }
		.right-column { float:right; width:50%; }
		.pad-left { padding-left:20px; }
		.pad-right { padding-right:20px; }
		.text-center { text-align:center; }
		.clear-both { clear:both; }
		.no-overflow { max-width:100%; width:auto; height:auto; }
		.stacked-list { float:left; max-width:25%; }
		.shift-right { margin-left:46px; margin-top:-26px; }
		.left-third, .middle-third, .right-third { float:left; width:30%; margin:5px; }
		.notation { font-size:0.6em; }
		
		.post-body.entry-content div ul.item-list { list-style:none; padding-left: 20px; }
		.post-body.entry-content div ul.num-list { list-style:none; padding-left:0px; }
		.post-body.entry-content div ul { padding-left:4em; }
		.post-body.entry-content ul li { margin-bottom:10px; }
		ul.sub-list { list-style-type:disc; }
		.item-def { color:#d67c45; font-weight:900; }
		
		.post-body.entry-content div h2 { color:#d67c45; }
		.post-body.entry-content div h2 a { color:#d67c45; }
		.post-body.entry-content div h2 a:hover { color:#d4570a; }
		
		.post-body.entry-content div h3 { color:#649298; }
		.post-body.entry-content div h3 a { color:#649298; }
		.post-body.entry-content div h3 a:hover { color:#088899; }
		.post-body.entry-content div h4 { color:#649298; font-weight:400; }
		
		.post-title.entry-title, .post-body.entry-content { padding:20px; width:auto; }
		.post-title.entry-title { color:#ffffff; }
		.post-title.entry-title a { color:#ffffff; text-decoration:underline; }
		.post-title.entry-title a:hover { color:#999; }
		
		.widget.Blog { padding:0px; }
		/*each post might belong to a different category and have different heading background*/
		a[name="461536911959582529"] + h3 { background:#716e83; } /* Corporate Highlights For 2012-2012 */
		a[name="5359905317155793921"] + h3 { background:#004978; } /* Our Approach */
		a[name="92230733779904051"] + h3 { background:#716e83; } /* City Revenues And Expenditures */
		a[name="6590178091473512838"] + h3 { background:#716e83; } /* Your Property Tax Dollars */
		a[name="1309919675140377644"] + h3 { background:#004978; } /* Converse */
		a[name="6275807170471780305"] + h3 { background:#716e83; } /* Planning for a sustainable future */
		a[name="1824895968476943818"] + h3 { background:#716e83; } /* Councils's Fiscal Plan for Calgary */
		a[name="864680126737884634"] + h3 { background:#716e83; } /* Achieving Council's Fiscal Plan */
		.post.hentry a[name="2234006141131167137"] + h3 { background:#eddd8e; color:#000; } /* Community Services & Protective Services (CS&PS) */
		.post.hentry a[name="1870214872883897518"] + h3 { background:#cfc98c; color:#000; } /* Corporate Services (CS) */
		.post.hentry a[name="1551359760124632308"] + h3 { background:#adc097; color:#000; } /* planning, development & aSSeSSment */
		.post.hentry a[name="3036903316781311396"] + h3 { background:#bb9c8b; color:#000; } /* Transportation */
		.post.hentry a[name="2951596014044796260"] + h3 { background:#a4a080; color:#000; } /* Utilities & Environmental Protection (UEP) */
		a[name="3461925256037384317"] + h3 { background:#837973; } /* Calgary Police Service (CPS) */
		.post.hentry a[name="3534955289461876991"] + h3 { background:#82b19f; color:#000; } /* Corporate Administration */
		a[name="5053896884043518846"] + h3 { background:#69826b; } /* Civic Partners */
		a[name="2554704639650729861"] + h3 { background:#686256; } /* Corporate Plan and budgets */
		a[name="4399706099577795189"] + h3 { background:#004978; } /* Adjustments 2013 & 2014 */
		a[name="2056311347593914524"] + h3 { background:#004978; } /* Adjustments 2013 & 2014 Background*/
		
		/*each post might belong to a different category and have different heading background*/
		#post-body-461536911959582529 .bpbc-post-header { border-left: solid 7px #716e83; } /* Corporate Highlights For 2012-2012 */
		#post-body-461536911959582529 .bpbc-post-header h3 a {color:#716e83;} /* Corporate Highlights For 2012-2012 */
		
		#post-body-2095089049955828533 .bpbc-post-header { border-left: solid 7px #004978; } /* Our Approach */
		#post-body-2095089049955828533 .bpbc-post-header h3 a { color:#004978; } /* Our Approach */
		
		#post-body-7155671902813302077 .bpbc-post-header { border-left: solid 7px #716e83; } /* City Revenues And Expenditures */
		#post-body-7155671902813302077 .bpbc-post-header h3 a {color:#716e83;} /* City Revenues And Expenditures */
		
		#post-body-6590178091473512838 .bpbc-post-header { border-left: solid 7px #716e83; } /* Your Property Tax Dollars */
		#post-body-6590178091473512838 .bpbc-post-header h3 a {color:#716e83;} /* Your Property Tax Dollars */
		
		#post-body-8525452344704641743 .bpbc-post-header { border-left: solid 7px #716e83; } /* Let's Talk - Converse */
		#post-body-8525452344704641743 .bpbc-post-header h3 a { background:#004978; color:#fff; } /* Let's Talk - Converse */
		
		#post-body-6275807170471780305 .bpbc-post-header { border-left: solid 7px #716e83; } /* Planning for a sustainable future */
		#post-body-6275807170471780305 .bpbc-post-header h3 a {color:#716e83;} /* Planning for a sustainable future */
		
		#post-body-1793221278400456360 .bpbc-post-header { border-left: solid 7px #716e83; } /* Councils's Fiscal Plan for Calgary */
		#post-body-1793221278400456360 .bpbc-post-header h3 a {color:#716e83;} /* Councils's Fiscal Plan for Calgary */
		
		#post-body-864680126737884634 .bpbc-post-header { border-left: solid 7px #716e83; } /* Achieving Council's Fiscal Plan */
		#post-body-864680126737884634 .bpbc-post-header h3 a {color:#716e83;} /* Achieving Council's Fiscal Plan */
		
		.post.hentry #post-body-2234006141131167137 .bpbc-post-header { border-left: solid 7px #eddd8e; color:#eddd8e; } /* Community Services & Protective Services (CS&PS) */
		.post.hentry #post-body-2234006141131167137 .bpbc-post-header h3 a { color:#666; } /* Community Services & Protective Services (CS&PS) */
		
		.post.hentry #post-body-1870214872883897518 .bpbc-post-header { border-left: solid 7px #cfc98c; color:#cfc98c; } /* Corporate Services (CS) */
		.post.hentry #post-body-1870214872883897518 .bpbc-post-header h3 a {color:#666; } /* Corporate Services (CS) */

		.post.hentry #post-body-1551359760124632308 .bpbc-post-header { border-left: solid 7px #adc097; color:#adc097; } /* Planning, Development & Assessment (PDA) */
		.post.hentry #post-body-1551359760124632308 .bpbc-post-header h3 a { color:#666; } /* Planning, Development & Assessment (PDA) */
		
		.post.hentry #post-body-3036903316781311396 .bpbc-post-header { border-left: solid 7px #bb9c8b; color:#bb9c8b; } /* Transportation */
		.post.hentry #post-body-3036903316781311396 .bpbc-post-header h3 a{ color:#666; } /* Transportation */
		
		.post.hentry #post-body-2951596014044796260 .bpbc-post-header { border-left: solid 7px #a4a080; color:#a4a080; } /* Utilities & Environmental Protection (UEP) */
		.post.hentry #post-body-2951596014044796260 .bpbc-post-header h3 a { color:#666; } /* Utilities & Environmental Protection (UEP) */
		
		#post-body-3461925256037384317 .bpbc-post-header { border-left: solid 7px #837973; } /* Calgary Police Service (CPS) */
		#post-body-3461925256037384317 .bpbc-post-header h3 a { color:#666; } /* Calgary Police Service (CPS) */
		
		.post.hentry #post-body-3534955289461876991 .bpbc-post-header { border-left: solid 7px #82b19f; color:#82b19f; } /* Corporate Administration */
		.post.hentry #post-body-3534955289461876991 .bpbc-post-header h3 a{ color:#666; } /* Corporate Administration */
		
		#post-body-5053896884043518846 .bpbc-post-header { border-left: solid 7px #69826b; } /* Civic Partners */
		#post-body-5053896884043518846 .bpbc-post-header h3 a {color:#666; } /* Civic Partners */
		
		#post-body-2636961641062471888 .bpbc-post-header { border-left: solid 7px #686256; } /* Corporate Plan and budgets */
		#post-body-2636961641062471888 .bpbc-post-header h3 a { color:#666; } /* Corporate Plan and budgets */
		
		#post-body-4399706099577795189 .bpbc-post-header { border-left: solid 7px #004978; } /* Adjustments 2013 & 2014 */
		#post-body-4399706099577795189 .bpbc-post-header h3 a { color:#666; } /* Adjustments 2013 & 2014 */
		
		#post-body-2056311347593914524 .bpbc-post-header { border-left: solid 7px #004978; } /* Adjustments 2013 & 2014 Background */
		#post-body-2056311347593914524 .bpbc-post-header h3 a { color:#666; } /* Adjustments 2013 & 2014 Background*/


		/*TEMPORARY TEST PAGES START*/
		#post-body-6771267079156539238 .bpbc-post-header { border-left: solid 7px #004978; }
		#post-body-6771267079156539238 .bpbc-post-header h3 a { color:#004978; } /* Our Approach */
			
		#post-body-4097677736749019707 .bpbc-post-header { border-left: solid 7px #716e83; } /* Let's Talk - Converse */
		#post-body-4097677736749019707 .bpbc-post-header h3 a { background:#004978; color:#fff; } /* Let's Talk - Converse */	
		/*TEMPORARY TEST PAGES END*/
		em strong{ font-size:1.2em; }
		
		
		table#bpbc-data, #bpbc-data tr, #bpbc-data td, #bpbc-data th { border:1px solid #aeaeae; font-size:1.1em; }
		table#bpbc-data { width:100%; }
		table#bpbc-data tr td:first-child { padding:0px 10px; }
		table#bpbc-data th:first-child { text-align:left; }
		table#bpbc-data tr td+td { text-align:center; vertical-align:middle; }
		table#bpbc-data th { background:#649298; color:#ffffff; padding:0px 10px; }
		table#bpbc-data.padded-table tr td { padding:10px 10px; }
        table#bpbc-data.padded-table tr:last-child { background:#A2A2A2; font-weight:700; }

		.img-chart { max-width:100%; }
		
		.post-title.entry-title { display:none; } /* hide blog post header */
        .post-body.entry-content { padding:0; } /* remove default post padding */
		.post-body.entry-content > div { padding:20px; }
		.post-body.entry-content > div.bpbc-post-header { position:relative; }
        .post-body.entry-content > div.bpbc-post-header h3 { width:auto; height:auto; font-family: 'Josefin Sans', sans-serif; font-size: 40px; text-decoration: none; color: #333; font-weight: 400; }
		
		.post-body.entry-content > div.bpbc-post-header { margin-bottom:15px; } /* default post header */
		.post-body.entry-content > div.bpbc-post-header h3 { color:#000; }
		
		.bpbc-post-header { position:relative; margin-bottom:15px; }
		
		/* Sub heading class for let's talk on home page*/
		 div.column-header { position:relative; }
         div.column-header { width:auto; height:auto; font-family: 'Josefin Sans', sans-serif; font-size: 35px; text-decoration: none; color: #333; }
		 div.column-header { margin-bottom:7px; } 
		 div.column-header a { color:#004978; text-decoration: underline; }
		 div.column-header a:hover { color:#333; text-decoration: none; }

		.mobile-only { display:none; }
		/* 	=============================================================================
   		Survey Button
   		========================================================================== */
		/*.lets-talk { margin:0; padding:0; min-width:150px; height:30px; width:auto; position:absolute; right:0px; bottom:-30px; text-align:center; background: url(http://cocnmp.com/blogger/ocobof/css/images/talk_btn.png) no-repeat 0 0;  }
		.lets-talk a {  margin:0; padding:0; min-width:100%; line-height:30px; display:block; text-transform:uppercase; color:#92c0e7; text-decoration: none; font-family: Arial narrow, Helvetica, sans-serif; font-weight: bold; z-index: 9; font-size: 14px; }
		.lets-talk a span { }
		.lets-talk a div.padder { width:10px; display:block; background:blue; }
		.hover-green { display:none; margin:0; padding:0; float:left; width:33.3333333%; height: 4px; background-color: #bed059; }
		.hover-blue { display:none; margin:0; padding:0; float:left; width:33.3333333%; height: 4px; background-color: #92c0e7; }
		.hover-orange { display:none; margin:0; padding:0;  float:left; width:33.3333333%; height: 4px; background-color: #f0a000 }
		
		.lets-talk:hover span.hover-green, .lets-talk:hover span.hover-blue, .lets-talk:hover span.hover-orange { display:block; }
		.lets-talk:hover .btn-face { color:#fff; }
		.btn-face { margin-left:auto; margin-right:auto; min-width:150px; }*/
		
		.btn a {display: block;  height: 30px; width: 155px; position:absolute; bottom:-30px; right:25px; text-decoration:none; }/* Width is changeable depending on text inside. Have to be same value as in ".btn a:hover .hover" */
		.btn a span {position: absolute;}
		.btn a .btn-left {background: #116380 no-repeat 0 0; display:block; width: 130px; height: 30px; position: absolute; color: #fff;  text-transform:uppercase; text-decoration: none; font-family: Arial narrow, Helvetica, sans-serif; font-weight: bold; z-index: 9; font-size: 14px; line-height: 30px; padding-left: 20px;}
		.btn a .btn-right {background: url(http://cocnmp.com/blogger/ocobof/css/images/btn.png) no-repeat 0 0; display:block; width: 30px; height: 30px; position: absolute; margin-left: 150px;} /* Backbound position and margin-left is changeable depending on text inside */
		.btn a:hover .hover {display: block; margin-top: 26px; height: 4px; width: 155px; z-index: 10;} /* Width is changeable depending on text inside Have to be same value as in ".btn a" */
		.btn a:hover .btn-right {background: url(http://cocnmp.com/blogger/ocobof/css/images/btn.png) no-repeat -31px 0;}
		.btn a:active .btn-right {background: url(http://cocnmp.com/blogger/ocobof/css/images/btn.png) no-repeat -62px 0;}
		.btn a:hover .btn-left {color: #92c0e7;}
		.btn a:active .btn-left {color: #fff;}
		.btn a:hover { cursor:pointer; }
		
		/* 	=============================================================================
   		Footer
   		========================================================================== */	
	
        #footer-holder {                /*create footer holder*/
            position:relative;
            margin: 50px 0 20px 0;
            width:990px;
        }
        ul#footer-nav {                 /* Navigation links below the search box (privacy policy, sitemap, etc) */
            font-size:11px; 
            border-top:1px solid #000; 
            border-bottom:1px solid #000; 
            margin:0; 
            padding: 8px 0 8px 0; 
            position:relative;
        }
        ul#footer-nav li:first-child {  /*remove divider for first link*/ 
            margin-left:0px; 
            padding-left:0px; 
            border:0;
        }
        ul#footer-nav li {              /*set spacing and dividers for each link*/
            color:#000; 
            padding-left:8px; 
            margin-right:7px; 
            list-style:none; 
            display:inline; 
            border-left:1px solid #000;
        }
        ul#footer-nav li a {            /*link styling*/
            color:#000; 
            text-decoration:none;
        }
        ul#footer-nav li a:hover {      /*link hover*/
            text-decoration:underline;
        }
        #footer-legal {                 /* The legal line for copyright notices and such */
            font-size:11px; 
            color:#000; 
            margin-top:8px; 
            width:990px; 
            
        }
		/* 	=============================================================================
   		Disqus Comments
   		========================================================================== */	
		#comments { padding:20px; }
		#comments a { color:#649298; }
		#comments a:hover { color:#088899; }
		.post-footer { padding:20px; }
		.post-footer a { color:#649298; }
		.post-footer a:hover { color:#088899; }