Menus and Navigation >>> Indent Menu.


		<style>

		<!-- 
		

		.BorderOn  { 
		width:90px;

		             
		margin-left:10px;

		             
		border:1px 
		solid #456789 }

		.BorderOff { 
		width:90px;

		             
		margin-left:0px;

		             
		border:1px 
		solid #444444 }

		A.mBlue:link      {color:#00CCFF;
		text-decoration:none;}A.mBlue:visited 
		{color:#00CCFF;
		text-decoration:none;}

		A.mBlue:active    {color:#00CCFF;
		text-decoration:none;}

		A.mBlue:hover     {color:#FF0000;
		text-decoration:underline;}

		A.mGreen:link     {color:#00FF80;
		text-decoration:none;}

		A.mGreen:visited  {color:#00FF80;
		text-decoration:none;}

		A.mGreen:active   {color:#00FF80;
		text-decoration:none;}

		A.mGreen:hover    {color:#FF0000;
		text-decoration:underline;}

		A.mYellow:link    {color:#FFFF00;
		text-decoration:none;}

		A.mYellow:visited {color:#FFFF00;
		text-decoration:none;}

		A.mYellow:active  {color:#FFFF00;
		text-decoration:none;}

		A.mYellow:hover   {color:#FF0000;
		text-decoration:underline;}

		//-->

		</style>

		<script
		language="javascript"
		type="text/javascript">      
		

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

		<!-- Begin

		offMessage 
		=
		"Add this menu to your site!"

		function 
		boxOn(which,message)
		{

		if
		(document.all||document.getElementById)
		{

		which.className
		=
		'BorderOn';

		if
		(document.getElementById)
		{

		document.getElementById("Message").innerHTML
		=
		message

		}

		else
		{

		Message.innerHTML
		=
		message;

		      
		}

		   
		}

		}

		function 
		boxOff(which)
		{

		if
		(document.all||document.getElementById)
		{

		which.className
		=
		'BorderOff';

		if
		(document.getElementById)
		{

		document.getElementById("Message").innerHTML
		= 
		offMessage

		}

		else
		{

		Message.innerHTML
		= 
		offMessage;

		      
		}

		   
		}

		}

		//  End -->

		</script>

		<center>

		<!-- Outer Container Table //-->

		<table
		cellpadding="0"
		cellspacing="0"
		width="100">

		<tr>

		<td 
		align="center">

		<!-- Header Table // -->

		<table
		cellpadding="3"
		cellspacing="0"
		bgcolor="#000000"
		class="BorderOff">

		<tr>

		<td>

		<font
		color="#FEDCBA"
		size="2"
		face="Arial">Heading</font>

		</td>

		</tr>

		</table>

		<!-- End Header Table //-->

		<!-- Menu Items Tables

		   - To add more, just follow the pattern

		   - Note class= in each <a href> to attach link style colors

		//-->

		<!-- Menu Item One Table //-->

		<table
		cellpadding="3"
		cellspacing="0"
		class="BorderOff"
		onMouseover="boxOn(this,'Visit 
		my page')" 
		onMouseout="boxOff(this)">

		<tr>

		<td>

		<font
		color="#00FF80"
		size="2"
		face="Arial"><a
		class="mBlue"
		href="http://yaldex.com/JSFactory_Pro.htm"
		target="_blank">Item 
		One</a></font>

		</td>

		</tr>

		</table>

		<!-- Menu Item Two Table //-->

		<table
		cellpadding="3"
		cellspacing="0"
		class="BorderOff"
		onMouseover="boxOn(this,'Description 
		2')" 
		onMouseout="boxOff(this)">

		<tr>

		<td>

		<font
		color="#00FF80"
		size="2"
		face="Arial"><a
		class="mBlue"
		href="http://yaldex.com/JSFactory_Pro.htm"
		target="_blank">Item 
		Two</a></font>

		</td>

		</tr>

		</table>

		<!-- Menu Item Three Table //-->

		<table
		cellpadding="3"
		cellspacing="0"
		class="BorderOff"
		onMouseover="boxOn(this,'Description 
		3')" 
		onMouseout="boxOff(this)">

		<tr>

		<td>

		<font
		color="#00FF80"
		size="2"
		face="Arial"><a
		class="mGreen"
		href="http://yaldex.com/JSFactory_Pro.htm"
		target="_blank">Item 
		Three</a></font>

		</td>

		</tr>

		</table>

		<!-- Menu Item Four Table //-->

		<table
		cellpadding="3"
		cellspacing="0"
		class="BorderOff"
		onMouseover="boxOn(this,'Description 
		4')" 
		onMouseout="boxOff(this)">

		<tr>

		<td>

		<font
		color="#00FF80"
		size="2"
		face="Arial"><a
		class="mYellow"
		href="http://yaldex.com/JSFactory_Pro.htm"
		target="_blank">Item 
		Four</a></font>

		</td>

		</tr>

		</table>

		<!-- End Menu Items Tables //-->

		<!-- Message Table //-->

		<table
		cellpadding="1"
		cellspacing="0"
		bgcolor="#444444"
		width="90">

		<tr>

		<td>

		<!-- Set the width= of this table to 
		the overall width

		     in the style table minus 2x the border width; set

		     the height= long (large) enough to accommodate your

		     longest message //-->

		<table
		cellpadding="3"
		cellspacing="0"
		bgcolor="#000000"
		width="88"
		height="100">

		<tr>

		<td 
		align="left"
		valign="top">

		<font
		id="Message"
		color="#CBA987"
		size="2"
		face="Arial">Move 
		your mouse over the menu items.</font>

		</td>

		</tr>

		</table>

		</td>

		</tr>

		</table>

		<!-- End Message Table //-->

		</td>

		</tr>

		</table>

		<!-- End Outer Container Table //-->

		<!-- END OF MENU //-->

		</center>