Using The Layout
First a file check.

index.html: this holds the table + iframe info!
main.html: the page you're reading now.
menu.html: the page that holds all the links.
more.html: this holds info in the box to the far left.
about.html: about page silly. ^^
how.html: the instructions for layout editing
link.html: an extra page, kind of a template page.

Using The Layout: Beginning to Edit!
Ok, so first you'll want to open up index.html and decide whether or not you want to keep the "more" box. Another point of intrest will be this:

Site Title Here

That edits the "Site Title Here" towards the top there. Yup. Thats HTML text so you can change the color, size and font face of it. Remember to keep it small and short otherwise it'll look ugly. ^^

Ok, that being done you can close index.html and move onto the other pages. We'll start with menu.html since I have alot to say about it. ^^

Using The Layout: Menu.html & Targeting
As defaut I've set all the links in menu.html to target main.html. So if you want to link an outside source (another site) then please place TARGET="BLANK" or TARGET="_BLANK"> in the link. So instead of a simple:

<a href="http://linkhere.com/">Link</a>You would put: <a href="http://linkhere.com/" TARGET="_BLANK">Link</a> Got it? :D Also the name for this box is MAINBOX, while the menu is MENUBOX and in case you want to target the "more" frame you would use the name "MOREBOX". In essence its:
TARGET="MAINBOX" for main.
TARGET="MENUBOX" for the menu and
TARGET="MOREBOX" for the more box on the far left.

Using The Layout: CSS & What it Controls
Ok there are three sets of CSS. o-o One is in an external style sheet named style.css That controls the colors, font faces and whatnot for the MAINBOX.

The other sets of styles are between the

<HEAD></HEAD>tags. The reason for this is because I felt there would be more pages in the MAINBOX than the others. So rather than copying the style into every single page you would just have it call the CSS file to do its dirty work. And whatnot. Also the frames all had different backgrounds, the CSS also controls that. :D Got it? ^^

Thats it. o_o Just erase my jibberish. Oh yeah. In case you should erase everything and then spazz because you don't know what you need to make a new page here's the code:
<HTML>  <HEAD><LINK REL="stylesheet" TYPE="text/css" HREF="style.css"></HEAD><BODY><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47423994-1', 'fortunecity.ws'); ga('send', 'pageview'); </script> <center> <br> <div> <script language="javascript" type="text/javascript" src="https://ads.geocities.ws/ads/show_ad.php?width=728&height=90"></script> </div> </center> <span style=" filter: DropShadow(Color=#000000, OffX=1, OffY=1); height: 4px;">  </span </BODY>  <center> <div> <br> <script language="javascript" type="text/javascript" src="https://ads.geocities.ws/ads/show_ad.php?width=300&height=250&cache=0"></script> <script language="javascript" type="text/javascript" src="https://ads.geocities.ws/ads/show_ad.php?width=300&height=250"></script> </div> <br> <br> </center> </HTML>
Copy paste that into a new sheet and rock on man. You've got yourselve a new page