body {
	margin: 0px;
	padding: 0px;
	background:  url("../images/sbg.gif") repeat-y; /*the sidebar background image*/
}
#header {
	background:  url(../images/hbg.jpg) repeat-x; /*the header background image*/
}
#header #logo {
	margin: 0px 0px 0px 60px; /*logo is placed 60 px from left */
	padding: 0px;
}
#menubar { 
	margin: 0px 2% 0px 0px;
	padding: 72px 0px 0px;
	position: absolute;
	top: 3px;
	left: 250px;
	width: 60%; /*menubar width in %, increase it if you need to */
}

#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menubar ul li {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background:  url("../images/btn_l.gif") no-repeat left top; /*left side tab image */
	float: left;
}
#menubar ul li a {
	margin: 0px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: none;
	background:  url("../images/btn_r.gif") no-repeat right top; /*right side tab image */
	padding: 5px 12px 3px 2px;
	display: block;
	float: left;
	text-indent: 0px;
}
#menubar ul li a:hover {
	color: #000000;
}
#sidebar {
	float: left;
	margin: 0px;
	padding: 30px 0px 0px 60px;
	width: 140px;
	position: static; /*because it is absolutely positioned in NS4 sheet */
}
* html #sidebar h2   /* this selector recognized by IE only - modified box model hack*/
{
  width: 140px;   /* total width (only for IE5.x/Win) */
  w\idth: 128px;  /* content width (for other IE) */
}
#sidebar h2 {
	margin: 0px;
	padding: 4px 0px 4px 10px;
	width: 128px;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: 3px;
	background: #B5CDE5;
	border: 1px solid #6699CC;
}
#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sidebar li {
	margin: 0px;
	padding: 0px;
}
* html #sidebar li a   /* this selector recognized by IE only - modified box model hack*/
{
  width: 140px;   /* total width (only for IE5.x/Win) */
  w\idth: 128px;  /* content width (for other IE) */
}

#sidebar li a {
	display: block;
	margin: 0px;
	padding: 4px 0px 4px 10px;
	width: 128px;
	font: 69% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background: #E7F0F7;
	border-top: 1px #6699CC;
	border-right: 1px solid #6699CC;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
}
#sidebar li a:hover {
	background: #F8FAFC;
}
#content {
	padding: 30px 15% 2% 50px;
	margin: 0px 0px 0px 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
}
#content p {
	text-align: justify;
}
#footer {
	padding: 5px 0% 5px 5%;
	margin: 0px 0px 0px 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	background: #E9E9E9;
	border-top: 1px solid #6699CC;
}
#footer p {
	margin: 0px;
	padding: 0px;
	font-style: italic;
	letter-spacing: 5px;
	color: #6699CC;
}
#menubar .current { /*current state of tab */
	background: url("../images/btn_l_cur.jpg") no-repeat left top;
}
#menubar .current a {
	background: url("../images/btn_r_cur.jpg") no-repeat right top;
	color: #000000;
}
#menubar .current a:hover {
	color: #000000;
}