Rounded corners

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="assets/templates/Andreas01/style/andreas01.css" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="assets/templates/Andreas01/style/print.css" media="print" />
<title>[(site_name)] | [*pagetitle*]</title>

<script type="text/JavaScript" src="assets/js/rounded_corners_lite.inc.js"></script>
<style>

<script type="text/JavaScript">

  window.onload = function()
  {
      /*
      The new 'validTags' setting is optional and allows
      you to specify other HTML elements that curvyCorners
      can attempt to round.

      The value is comma separated list of html elements
      in lowercase.

      validTags: ["div", "form"]

      The above example would enable curvyCorners on FORM elements.
      */
      settings = {
          tl: { radius: 20 },
          tr: { radius: 20 },
          bl: { radius: 20 },
          br: { radius: 20 },
          antiAlias: true,
          autoPad: true,
          validTags: ["div"]
      }

      /*
      Usage:

      newCornersObj = new curvyCorners(settingsObj, classNameStr);
      newCornersObj = new curvyCorners(settingsObj, divObj1[, divObj2[, divObj3[, . . . [, divObjN]]]]);
      */
      var myBoxObject = new curvyCorners(settings, "round_corners");
      myBoxObject.applyCornersToAll();
  }
  
</script>


</head>
<body>
<div id="wrap" class="round_corners">
  <div id="header">
    <h1>[(site_name)]</h1>
    <p><strong>"I can see you fly. You are an angel with wings, high above the ground!"</strong><br />(traditional haiku poem)</p>
  </div> <!-- end header -->
  <img id="frontphoto" src="assets/templates/Andreas01/images/front.jpg" width="760" height="175" alt="" />
  <div id="avmenu"> <!-- left sidebar -->
  <div class="sideblock" id="sideMenu">
  <h2>Navigation</h2>
  [[DropMenuS?subdiv=`true`]]
  </div>    
  </div> <!-- end avmenu -->
  <div id="extras"> <!-- right sidebar -->
   <h3>More info:</h3>
    <p>This is the third column, which can be used in many different ways. For example, it can be used for comments, site news, external links, ads or for more navigation links. It is all up to you!</p>
    <h3>Version:</h3>
    <p>andreas01 v1.2</p>
  </div> <!-- end extras -->
  <div id="content">
    [*content*]
  </div> <!-- end content -->
  <div id="footer">
    {{footertext}}</div> <!-- end footer -->
</div> <!-- end wrap -->
</body>
</html>