<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type="text/css">
* {
paddign: 0;
margin: 0;
}
body {
background: #FFFFFF;
/* Mozilla: */
background: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#FFFFFF), to(#AAAAAA));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#FFFFFF', EndColorStr='#AAAAAA', GradientType=0);
}
.left_menu {
text-align: left;
font-family: Calibri;
background-image: url(images/left_menu.png);
background-repeat: no-repeat;
height: 402px;
width: 158px;
vertical-align: top;
padding-left: 12px;
padding-top: 56px;
}
.left_menu a {
font-size: 12px;
margin-top: 16px;
display: block;
color: #376C4B;
text-decoration: none;
}
.left_menu a:hover {
color: #54519B;
}
.left_menu .active {
color: #4E4B98;
font-weight: bolder;
}
.left_menu .menu_name {
font-size: 12px;
display: block;
color: #376C4B;
text-decoration: none;
color: #376C4B;
font-weight: bolder;
margin-top: -40px;
}
.top_menu {
background-image: url(images/header.png);
background-repeat: no-repeat;
height: 155px;
font-family: LilyUPC;
padding-left: 184px;
padding-top: 120px;
}
.top_menu a {
font-size: 21px;
padding-left: 4px;
color: #376C4B;
text-decoration: none;
}
.top_menu a:hover {
color: #54519B;
}
.top_menu .active {
color: #4E4B98;
font-weight: bolder;
}
.content {
font-family: Calibri;
font-size: 15px;
background-image: url(images/content.png);
background-repeat: no-repeat;
height: 402px;
padding-left: 20px;
padding-top: 64px;
vertical-align: top;
}
</style>
</head>
<body>
<div align="center">
<table width="1001" border="0" cellpadding="0" cellspacing="0" style="border-style: hidden;">
<tr>
<td colspan="2" class="top_menu">
<a href="Menu Entry 1.html" class="active">Menu Entry 1 |</a>
<a href="Menu Entry 2.html">Menu Entry 2 |</a>
<a href="Menu Entry 3.html">Menu Entry 3 |</a>
<a href="Menu Entry 4.html">Menu Entry 4 |</a>
<a href="Menu Entry 5.html">Menu Entry 5 |</a>
</td>
</tr>
<tr>
<td width="158"class="left_menu">
<span class="menu_name">Menu Header</span>
<a href="Menu Entry 1.html" style="margin-top: 38px;" class="active">Menu Entry 1</a>
<a href="Menu Entry 2.html">Menu Entry 2</a>
<a href="Menu Entry 3.html">Menu Entry 3</a>
<a href="Menu Entry 4.html">Menu Entry 4</a>
<a href="Menu Entry 5.html">Menu Entry 5</a>
<a href="Menu Entry 6.html">Menu Entry 6</a>
<a href="Menu Entry 7.html">Menu Entry 7</a>
</td>
<td class="content">
<table><tr><td width="358">
<p>Test text..</p>
</td>
<td style="padding-left: 44px; vertical-align: top;"> </td></tr></table>
</td>
</tr>
</table>
</div>
</body>
</html>