<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="keywords" content="scrapbooking, scrap, page kits, fonts, articles, monochromatic, typewriter, cursive, handwriting, shaker boxes ">
<meta name="description" content="Scribbles - Your Friendly Scrapping Community">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Scribblesonline.com</title>
<style>
<!--

.menuskin{
position:absolute;
width:170px;
background-color:C0C0C0;
border:2px solid B8AABF;
font:normal 12px Arial;
line-height:18px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color:666666;
padding-left:10px;
padding-right:10px;
}

#mouseoverstyle{
background-color:highlight;
}

#mouseoverstyle a{
color:white;
}
-->
</style>

<script language="JavaScript1.2">

//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT Use no ' (apostrophes) in syntax

linkset[0]='<div class="menuitems"><a href="http://scribblesonline.com/fonts/type.htm">Typewriter</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://scribblesonline.com/fonts/cursive.htm">Cursive Handwriting</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://scribblesonline.com/fonts/print.htm">Printed Handwriting</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://scribblesonline.com/fonts/grunge.htm">Grungy, Rough & Distressed</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://scribblesonline.com/fonts/journal.htm">Journaling</a></div>'


linkset[1]+='<div class="menuitems"><a href="http://scribblesonline.com/pad/maddykit.htm">Family Kit</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://scribblesonline.com/pad/mollykit.htm">Baby Boy Kit</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://scribblesonline.com/pad/sarakit.htm">Winter Kit</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://scribblesonline.com/pad/lizkit.htm">Easter Kit</a></div>'

linkset[2]='<div class="menuitems"><a href="http://scribblesonline.com/article/artcolorblock.htm">Colorbocking</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artshaker.htm">Shaker Boxes</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artmono.htm">Monochromatic Layouts</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artpaint.htm">Acrylic Paint</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artwalnut.htm">Walnut Ink</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artjournal.htm">Journaling</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artslide.htm">Slide Mounts</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artephemera.htm">Ephemera</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artptp.htm">Patterned Paper</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artsimple.htm">Simple, Easy Layouts</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artaltered.htm">Altered Art</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artclay.htm">Clay Tiles</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artphoto.htm">Photo Organization</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/arttrans.htm">Transparencies</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artopalite.htm">Opalite Inks</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/arttime.htm">Time Management</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/todd/5-16-04.htm">Help for the Hubbies</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artidea.htm">Organizing an Idea Binder</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artfoam.htm">Foam Stamps</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artmica.htm">Mystery of Mica</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artcolor.htm">Adding Color Ink</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://scribblesonline.com/article/artnophoto.htm">No Photo Layouts</a></div>'


linkset[3]='<div class="menuitems"><a href="http://scribblesonline.com/pad/library.htm">Library Resources</a></div>'



////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

</script>

<script language="javascript">
/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

</script>
<base target="_top">
<style fprolloverstyle>A:hover {color: #F7B661; font-weight: bold}
</style>
</head>
<body bgcolor="#CCCCCC" background="http://www.scribblesonline.com/brick.gif" link="#2D6599" alink="#F7B661" vlink="#FF8080">
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)">
</div>

<div align="center">
  <center>
  <table border="3" cellpadding="2" width="1080" bordercolor="#5C5C5C" bordercolorlight="#5C5C5C" bordercolordark="#000000">
    <tr>
      <th width="1075" valign="top" align="center" nowrap>

<p align="center"><!--#exec cgi="/header/header.cgi" --></p>
      </center>
      <p align="center">

<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"><img src="http://www.scribblesonline.com/pad/fonts.jpg" width="140" height="30">
</a><a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">
</a><a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()"><img src="http://www.scribblesonline.com/pad/articles.jpg" width="140" height="30">
 </a><a onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()" href="http://www.scribblesonline.com/vbulletin/forumdisplay.php?s=&amp;forumid=20"><img src="http://www.scribblesonline.com/pad/library.jpg" width="140" height="31"></a><a href="http://www.scribblesonline.com/pad/transparency.htm"><img border="0" src="pad/trans.jpg" width="140" height="31"></a>
<a href="http://www.scribblesonline.com/pad/ptp.htm"><img border="0" src="http://www.scribblesonline.com/pad/ptp.jpg" width="140" height="31"></a>
<a href="http://www.scribblesonline.com/pad/templates.htm"><img border="0" src="http://www.scribblesonline.com/pad/templates.jpg" width="140" height="31"></a>
<a href="http://www.scribblesonline.com/pad/bmstores.htm"><img border="0" src="pad/bmstores.jpg" width="140" height="31"></a>
 	  

      </p>

      </th>
    </tr>
  </table>
</div>

<p align="center" style="word-spacing: 0; margin-top: 0; margin-bottom: 0">&nbsp;
</p>

<p align="center">&nbsp;</p>

<p align="left" style="word-spacing: 0; margin-top: 0; margin-bottom: 0"><font color="#666666" size="2">Copyright
© 2003 Scribblesonline.com All Rights Reserved</font>
</p>

<table border="0" width="76%">
  <tr>
    <td width="100%" style="border-top-style: ridge"><font size="2" color="#666666"><a href="http://www.scribblesonline.com">Home</a>&nbsp;&nbsp;&nbsp;
      <a href="http://www.scribblesonline.com/contact.htm">Contact</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="http://www.scribblesonline.com/faq.htm">FAQ</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="http://www.scribblesonline.com/sitemap.htm">SiteMap</a>&nbsp;&nbsp;&nbsp;
      <a href="http://www.scribblesonline.com/credit.htm">Site Credits</a>&nbsp;&nbsp;&nbsp;
      <a href="http://www.scribblesonline.com/info.htm">Advertising/Sponsor Info</a></font></td>
  </tr>
</table>
&nbsp;<p>

<a href="http://www.scrapbookingtop50.com/cgi-bin/topsite.cgi?user=lakauai"><img src="http://www.scrapbookingtop50.com/cgi-bin/counter.cgi?user=lakauai" alt="Scrapbookingtop50 Counter" border=0></a>&nbsp;
<!-- Start Scrapjazz.com Link Code -->
<a href="http://www.scrapjazz.com/cgi-bin/links/rateit.cgi?id=581&cid="><img src="http://www.sjcontent.com/vote88x31.gif" width="88" height="31" alt="Vote for this site at Scrapjazz.com" border="0"></a>
<!-- Start Scrapjazz.com Link Code -->

</p>

<p align="center">&nbsp;</p>
</BODY>
</html>