How silly, I know better. However, that was not the only issue. The Prana Pro theme contains 10 css files and all of them must be imported to get the complete functionality built into the Prana Pro theme. I am surprised this was not mentioned in the WordPress help link mentioned above. It was only when I discovered this blog, http://themeshaper.com/2009/04/30/modular-css-wordpress-child-themes/ that it became clear. It seems obvious to me now having developed websites before, but since I am new to WP I kept thinking it had to do with WP or the theme.
/*
Theme Name: Prana Child
Theme URI: http://themes.designorbital.com/prana/
Description: Prana Child Theme
Author: Design Orbital
Author URI: http://designorbital.com
Template: prana
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: prana-child
*/
/* Load Prana Stylesheet */
@import url(../prana/style.css);
@import url(../prana/lib/admin/style.css);
@import url(../prana/lib/css/font-awesome.css);
@import url(../prana/lib/css/skeleton.css);
@import url(../prana/lib/css/media-queries.css);
@import url(../prana/lib/js/bootstrap/css/bootstrap.css);
@import url(../prana/lib/js/flexslider/flexslider-default.css);
@import url(../prana/lib/js/flexslider/flexslider.css);
@import url(../prana/lib/js/flexslider/flexsliderx.css);
@import url(../prana/lib/js/prettyphoto/css/prettyPhoto.css);
/* =Theme customization starts here
*/