Code

/* horizontal Indent CSS menu<br />------------------------------------------- */<br />/*Credits: www.dynamicdrive.com */<br />/*Modified and Promoted by bloganol.blogspot.com */<br /><br /><br /><style type="text/css"><br /><br />.indentmenu{<br />font: bold 13px Arial;<br />width: 100%; /*leave this value as is in most cases*/<br />}<br /><br />.indentmenu ul{<br />margin: 0;<br />padding: 0;<br />float: left;<br />width: 80%; /*width of menu*/<br />border: 1px solid #564c66; /*dark purple border*/<br />border-width: 1px 0;<br />background: black url(http://i306.photobucket.com/albums/nn241/deineshd/indentbg1.gif) center center repeat-x;<br />}<br /><br />.indentmenu ul li{<br />display: inline;<br />}<br /><br />.indentmenu ul li a{<br />float: left;<br />color: white; /*text color*/<br />padding: 5px 11px;<br />text-decoration: none;<br />border-right: 1px solid #564c66; /*dark purple divider between menu items*/<br />}<br /><br />.indentmenu ul li a:visited{<br />color: white;<br />}<br /><br />.indentmenu ul li a:hover, .indentmenu ul li .current{<br />color: white !important; /*text color of selected and active item*/<br />padding-top: 6px; /*shift text down 1px for selected and active item*/<br />padding-bottom: 4px; /*shift text down 1px for selected and active item*/<br />background: black url(http://i306.photobucket.com/albums/nn241/deineshd/indentbg2.gif) center center repeat-x;<br />}<br /><br /></style>