page and side bar widths

Hi,
I am trying to change the layout of my page so that the main text is wider and the sidebar thinner. I have looked at the css and can’t locate the correct items to alter. Any help would be really appreciated.

Here is the website:
https://www.alineplanning.org

now, the page css and under that the sidebar css. Thanks!
<?php
/*
Template Name: About
*/
?>

<?php get_header(); ?>

<div class=”container single”>

<?php cm_left_column() ?>

<div class=”page span-14″>

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>

<h2><?php the_title(); ?></h2>

<div <?php if (function_exists(‘post_class’)) { post_class(); } else { echo ‘class=”post”‘; } ?>>
<?php the_content(); ?>
<?php wp_link_pages(‘before=<div class=”page-links”> Pages: &after=</div>’); ?>
</div>

<?php endwhile; else : ?>

<h2>Not Found</h2>
<p>Sorry, but there were no posts found.</p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?>

<?php endif; ?>
</div>

<?php cm_sidebar(); ?>

</div><?php //closes container ?>

<?php get_footer(); ?>

And the sidebar css –

<div class=”span-10 last”>
<div class=”span-10 last”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘Sidebar Top’) ) :
endif; ?>
</div>

<div class=”span-5″>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘Sidebar Left’) ) :
endif; ?>
</div>

<div class=”span-5 last”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘Sidebar Right’) ) :
endif; ?>
</div>

<div class=”span-10 last”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘Sidebar Bottom’) ) :
endif; ?>
</div>
</div>

Thanks again!