1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <head>
  7.   <title>Untitled</title>
  8.  
  9.   <style type="text/css">
  10.   * {
  11.     paddign: 0;
  12.     margin: 0;
  13.   }  
  14.   body {
  15.     background: #FFFFFF;
  16.     /* Mozilla: */
  17.     background: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
  18.     /* Chrome, Safari:*/
  19.     background: -webkit-gradient(linear,
  20.                 left top, left bottom, from(#FFFFFF), to(#AAAAAA));
  21.     /* MSIE */
  22.     filter: progid:DXImageTransform.Microsoft.Gradient(
  23.                 StartColorStr='#FFFFFF', EndColorStr='#AAAAAA', GradientType=0);
  24.   }
  25.   .left_menu {
  26.       text-align: left;
  27.       font-family: Calibri;
  28.       background-image: url(images/left_menu.png);
  29.       background-repeat: no-repeat;
  30.       height: 402px;
  31.       width: 158px;
  32.       vertical-align: top;
  33.       padding-left: 12px;
  34.       padding-top: 56px;
  35.   }
  36.   .left_menu  a {
  37.       font-size: 12px;
  38.       margin-top: 16px;
  39.       display: block;
  40.       color: #376C4B;
  41.       text-decoration: none;
  42.   }
  43.   .left_menu a:hover {
  44.       color: #54519B;
  45.   }
  46.   .left_menu .active {
  47.       color: #4E4B98;
  48.       font-weight: bolder;
  49.   }
  50.   .left_menu .menu_name {
  51.       font-size: 12px;
  52.       display: block;
  53.       color: #376C4B;
  54.       text-decoration: none;
  55.       color: #376C4B;
  56.       font-weight: bolder;
  57.       margin-top: -40px;
  58.   }
  59.  
  60.   .top_menu {
  61.       background-image: url(images/header.png);
  62.       background-repeat: no-repeat;
  63.       height: 155px;
  64.       font-family: LilyUPC;
  65.       padding-left: 184px;
  66.       padding-top: 120px;
  67.   }
  68.   .top_menu  a {
  69.       font-size: 21px;
  70.       padding-left: 4px;
  71.       color: #376C4B;
  72.       text-decoration: none;
  73.   }
  74.   .top_menu a:hover {
  75.       color: #54519B;
  76.   }
  77.   .top_menu .active {
  78.       color: #4E4B98;
  79.       font-weight: bolder;
  80.   }
  81.  
  82.   .content {
  83.       font-family: Calibri;
  84.       font-size: 15px;
  85.       background-image: url(images/content.png);
  86.       background-repeat: no-repeat;
  87.       height: 402px;
  88.       padding-left: 20px;
  89.       padding-top: 64px;
  90.       vertical-align: top;
  91.   }
  92.   </style>
  93. </head>
  94.  
  95. <body>
  96. <div align="center">
  97. <table width="1001" border="0" cellpadding="0" cellspacing="0" style="border-style: hidden;">
  98.   <tr>
  99.     <td colspan="2" class="top_menu">
  100.         <a href="Menu Entry 1.html" class="active">Menu Entry 1&nbsp;&nbsp;|</a>
  101.         <a href="Menu Entry 2.html">Menu Entry 2&nbsp;&nbsp;|</a>
  102.         <a href="Menu Entry 3.html">Menu Entry 3&nbsp;&nbsp;|</a>
  103.         <a href="Menu Entry 4.html">Menu Entry 4&nbsp;&nbsp;|</a>
  104.         <a href="Menu Entry 5.html">Menu Entry 5&nbsp;&nbsp;|</a>
  105.     </td>
  106.   </tr>
  107.   <tr>
  108.     <td width="158"class="left_menu">
  109.         <span class="menu_name">Menu Header</span>
  110.         <a href="Menu Entry 1.html" style="margin-top: 38px;" class="active">Menu Entry 1</a>
  111.         <a href="Menu Entry 2.html">Menu Entry 2</a>
  112.         <a href="Menu Entry 3.html">Menu Entry 3</a>
  113.         <a href="Menu Entry 4.html">Menu Entry 4</a>
  114.         <a href="Menu Entry 5.html">Menu Entry 5</a>
  115.         <a href="Menu Entry 6.html">Menu Entry 6</a>
  116.         <a href="Menu Entry 7.html">Menu Entry 7</a>
  117.     </td>
  118.     <td class="content">
  119.         <table><tr><td width="358">
  120.             <p>Test text..</p>
  121.         </td>
  122.         <td style="padding-left: 44px; vertical-align: top;">&nbsp;</td></tr></table>
  123.     </td>
  124.   </tr>
  125. </table>
  126. </div>
  127.  
  128. </body>
  129.  
  130. </html>