        #img1
        {
         background-image: url('img/1s.gif');
        }
        #img1 a:hover
        {
           background-image: url('img/1.gif');
        }
        .style1 
        {
            width: 100%;
        }
        .style2
        {
            width: 68%;
            border: 1px solid #000080;
        }
        .style3
        {
            width: 100%;
            height: 325px;
        }
        .cybsys
        {
            font-family: Arial;
            font-size: 12px;
            color: Navy;
        }
        li
        {

            font-family: Arial;
            font-size: 12px;
            color: #2200ff;
        }
        p
        {
            font-family: Arial;
            font-size: 12px;
            color: Navy;
        }
        .hospitaladdress
        {
            font-family: Arial;
            font-size: 12px;
            color: Maroon;
        }
        .hospital
        {
            background-color: #C3BCBC;
        }
        h4
        {
            font-family: Arial;
            color: Maroon;
            font-weight: bolder;
        }
        h5
        {
            font-family: Arial;
            color: Navy;
            font-size: 12px;
        }
        h6
        {
            font-family: Arial;
            color: #0D0023;
            font-size: 12px;
        }
		.bg
		{
		background:#Ffffff;
		}
		.bg1
		{
		background:#FEF2C5;
		}
a
{
color: #EC0BA9;
}
a:hover
{
color: #2C0781;
font-family: Lucida sans;
}
.foot
{

            font-family: Arial;
            font-size: 10px;
            color: maroon;
}
    /*nav bar css */
    .menu 
   {
margin:0px 0 0px 0px;
   }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
height:182px;
position:relative;
border:1px solid #fff;
}

.menu li {
background-image: url('bg1.gif');
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12px; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
color: Yellow;
height:25px;
line-height:25px;
text-indent:5px;
border-bottom:1px solid #fff;
background-image: url('bg1.gif');
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
/* style the link hover */
* html .menu a:hover {color: Maroon; background:#9B9FFB;}

.menu :hover > a {
color: Black; 
background: #9B9FFB;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:150px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height: 40px;
width: 250px;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
height:235px;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
height:235px;
}
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
<![endif]-->