Ok Thank You Allan that worked. I found it and modified the background image to not show the gray section on the right as well.
The next thing I am hoping to do is embed a flash banner I have a sample one up right now at
http://www.thetanklive.com but as you can see it is cut off by the menu buttons where it picks up again above them (would like it below the menu). I did this by adding it to the template html.
Unfortunately if I put my flash banner even one div tag further it results in the flash movie kicking to the bottom of the content. You might also notice it is right on top of the text in the page where I would like the content to begin after this. I could try and embed it into each page but I would like it to appear on all pages and thus be part of the template.
Is there a proper way to do this, or a plugin? You might also notice that it is not quite centered in the content but slightly to the left (Maybe just 1 or 2 pixels) Thanks
Perhaps the CSS also needs to be altered slightly to accommodate this new item (would make sense).
Also here is the code in the template html with my movie embedded:
<!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>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
<base href="[(site_url)]"></base>
<link rel="stylesheet" href="assets/templates/modxhost/layout.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/modxhost/modxmenu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/modxhost/form.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/modxhost/modx.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/modxhost/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
<script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
<script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="minHeight"></div>
<div id="outer">
<div id="inner">
<div id="left">
<div id="left-inner">
<div id="content">
<div class="post">
<h2>[*longtitle*]</h2>
[*#content*] </div>
<!-- close .post (main column content) -->
</div>
<!-- close #content -->
</div>
<!-- end left-inner -->
</div>
<!-- end left -->
</div>
<!-- end inner -->
<div id="clearfooter"></div>
<div id="header">
<h1><a id="logo" href="[~[(site_start)]~]" title="[(site_name)]">[(site_name)]</a></h1>
<div id="search"><!--search_terms--><span id="search-txt">SEARCH</span><a name="search"></a>[!AjaxSearch? ajaxSearch=`1` &AS_landing=`8` &moreResultsPage=`8` &showMoreResults=`1` &addJscript=`0` &extract=`0` &AS_showResults=`0`!]</div>
<div id="ajaxmenu"> [[Wayfinder?startId=`0` &outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]] </div>
<!-- end topmenu --><center><span><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="776" height="276" align="middle">
<param name="movie" value="http://www.hpdistributors.com/top.swf" />
<param name="quality" value="high" />
<embed src="http://alpswebdemos.com/lighting/images/~top-new.swf" width="776" height="276" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object></span></center>
</div>
<!-- end header -->
</span>
<br style="clear:both;height:0;font-size: 1px" />
<div id="footer">
<p> <a href="http://modxcms.com" title="Ajax CMS and PHP Application Framework">Powered
by MODx</a> <a href="http://www.modxhost.com/" title="Template Designed by modXhost.com">Template © 2006
modXhost.com</a><br />
MySQL: [^qt^], [^q^] request(s), PHP: [^p^], total: [^t^], document retrieved
from [^s^]. </p>
</div>
<!-- end footer -->
</div>
<!-- end outer div -->
</div>
<!-- end wrapper -->
</body>
</html>
