making a theme widget aware

Hi can someone help me edit this side bar html to make it widget aware? I am new to this whole CSS HTML thing. I’m lost!

<!– begin sidebar –>
<div id=’menu-right’>

<h5 class=’coltitle’><?php _e(‘Recent Posts’); ?></h5>

<?php get_archives(‘postbypost’, ’10’); ?>

<li id=”search”>
<script type=”text/javascript”><!–
google_ad_client = “pub-“;
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = “250x250_as”;
google_ad_type = “text_image”;
google_ad_channel = “”;
google_color_border = “1d0006”;
google_color_bg = “1d0006”;
google_color_link = “CC0000”;
google_color_text = “CC0000”;
google_color_url = “CC0000”;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”&gt;
</script>

<h5><?php _e(‘Main Menu’); ?></h5>

<li id=”menu”>

<?php wp_list_pages(‘depth=1&title_li=’ ); ?>

<h5><?php _e(‘Main Categories’); ?></h5>

<li id=”categories”>

<?php wp_list_cats(); ?>

<h5><?php _e(‘Archives’); ?></h5>

<li id=”archives”>

<?php wp_get_archives(‘type=monthly’); ?>

<li id=”link”><h5><?php _e(‘Blogroll’); ?></h5>

<?php get_links(‘-1’, ‘
• ‘, ‘

‘, ‘
‘); ?>

<li id=”meta”><h5><?php _e(‘Meta’); ?></h5>

<?php wp_register(); ?>
• <?php wp_loginout(); ?>
• ” title=”<?php _e(‘Syndicate this site using RSS’); ?>”><?php _e(‘<abbr title=”Really Simple Syndication”>Entries RSS</abbr>’); ?>
• ” title=”<?php _e(‘The latest comments to all posts in RSS’); ?>”><?php _e(‘Comments <abbr title=”Really Simple Syndication”>RSS</abbr>’); ?>
• “><?php _e(‘Valid <abbr title=”eXtensible HyperText Markup Language”>XHTML</abbr>’); ?>
• <abbr title=”XHTML Friends Network”>XFN</abbr>
• “><abbr title=”WordPress”>wordpress</abbr>

<?php wp_meta(); ?>

</div>

<!– end sidebar –>