/*- Menu 4--------------------------- */

#menu4 {
	width: 20%;
	float: left;
	vertical-align: top;
	border-style: solid solid none solid;
	border-size: 1px;
	border-width: 1px;
	background-color: #000000;
        }

#menu4  ul {
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(50,50,50);
	font-weight: bold;
}

#menu4 li a {
	margin: 0em 0em 0em 0em;
	color: rgb(50,50,50);
        
        }

#menu4 li a{
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(235,235,235);
	border-top: solid 0.1em rgb(200,200,200);
	text-decoration: none;
	font-weight: normal;
	height: 1.3em;
	background:  url(menu4.gif);
	color: #FFFFFF;
        }

#menu4 li a:hover, #menu4 li #current {
	border-left: solid 0.5em rgb(175,175,175);
	background:  url(menu4.gif) 0 -32px;
	color: #FF0000;
        
        }
#left-column .selected {
display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(175,175,175);
</style>
        </head>

        <body>
                <h2>Tab Menu 4</h2>
                <div id="menu4">
                        <ul>
                                 CSS Tabs 
<li><a href="index.html">Home</a></li>
<li><a href="advertising.html">Bulk sms</a></li>
<li><a href="printing.html">Printing</a></li>
<li><a href="culture.html">Culture</a></li>
<li><a id="current" href="horoscope.html">Horoscope</a></li>
<li><a href="otherservices.html">Other Services</a></li>

                        </ul>
                </div>
</body>
</html>
