I have abandoned my website plan of yesterday, which put all the content into
layers which swapped in and out (because I don't think it wll work with search
engines, etc) and am now trying to instead put the navigation stuff into
include files which I will use on my content pages.

I have everything in divs on my page.
Question 1: should I put the content into the positioning div in the include
file, or should the div be in the content file?
Question 2: I have a main stylesheet which contains (#) id names for my divs,
so I can move them around all at once, for example, #topnav, #sidenav,
#maincontentbox. When I try to use the div id from the main stylesheet, it just
puts it on the very edge of the page and it isn't positioned properly. I have
tried this using both the insert layer and draw layer tools.

Either way, when I try to select the id from the main stylesheet, it sticks it
up into the top corner and doesn't use the positioning from the main #sidenav
rule, although it does seem to get the width and background colour ok. I know I
can create another rule within the document, but I'd rather have it associated
with the main one.
At the same time I have another div on my page that is using the id from the
main css file, and is picking up the positioning. I don't get it. What's the
difference here?

Joni



<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>PanOcean Energy | About PanOcean</title>
<link href="../poStyles_new.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--

-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>


<!--#include file="about_top_inc.html" -->
<div id="sidenav">
<!--#include file="about_sidenav_inc.html" -->
</div>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="maincontentbox"> <span class="crumbs"><a href="../index.aspx"
class="crumbs">Home</a> </span><span class="linkarrows">&gt;&gt;</span><span
class="crumbs"> <a href="about_panocean.aspx">About PanOcean</a> </span><span
class="linkarrows">&gt;&gt;</span><span class="crumbs"> Profile</span>
<h1>PanOcean &hellip; at a glance</h1>
<p>Pan-Ocean Energy Corporation Ltd. (&quot;PanOcean&quot;, or the
&quot;Company&quot;;) is a well-financed, publicly-traded, international oil
and gas company engaged in the exploration, development, production and
marketing of hydrocarbons. With the spinout of its natural gas assets in
Tanzania in August 2004, PanOcean is now a light oil E&amp;P company focused
exclusively on Gabon, West Africa. PanOcean is headquartered in Jersey, Channel
Islands, and its operations are based in Port Gentil, Gabon. </p>
<p>PanOcean is in business to create wealth for its shareholders. To do
this, the Company is focused on discovering new reserves, increasing production
and adding to cash flow. In the longer term, PanOcean will continue to target
oil opportunities in the 25 million barrel (&quot;mmbbl&quot;) to 75 mmbbl
range in Gabon. In the shorter term, PanOcean will focus on turning its
approximately 60 mmbbl reserve base into significant sustained production.
PanOcean is fully committed to achieving these objectives and has made
significant financial and operations commitments to its operations in Gabon.
The Company currently has approximately 192 full-time personnel, of which over
170 are based in Gabon.</p>
<p>PanOcean's Class A Common Shares and Class B Subordinate Voting Shares
are listed for trading on Toronto Stock Exchange (TSX) under the symbols
POC.MV.A and POC.SV.B respectively.</p>
<p class="crumbs">&nbsp;</p>
</div>
</body>
</html>