/* common styling */

/* set up the overall width of the menu div, the background image and the margins */
.sidemenu {
font-family: verdana, arial, sans-serif; 
width:280px;
height:288px;
background:#fff url(../home-main-right.png);
position:relative;
}
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
.sidemenu ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
left:24px;
top:0px;
width:133px;
height:200px;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.sidemenu ul li {
float:left; 
position:relative;
width:133px;
}
/* style the links to be 150px wide by 50px high. place the text off screen. */
.sidemenu ul li a, .sidemenu ul li a:visited {
display:block; 
text-indent:-1000px; 
width:133px; 
height:48px;
text-decoration:none;
}

/* set up the background list/link images relative to this css file */
li:hover.map1 {background:transparent url(../solutions-nav-data.png);}
li:hover.map2 {background:transparent url(../solutions-nav-voice.png);}
li:hover.map3 {background:transparent url(../solutions-nav-secure.png);}
li:hover.map4 {background:transparent url(../solutions-nav-continuity.png);}
li:hover.map5 {background:transparent url(../solutions-nav-itservices.png);}
ul.sub1 {background:transparent url(../solutions-nav-data-sub.png);}
ul.sub2 {background:transparent url(../solutions-nav-voice-sub.png);}
ul.sub3 {background:transparent url(../solutions-nav-secure-sub.png);}
ul.sub4 {background:transparent url(../solutions-nav-cont-sub.png);}
ul.sub5 {background:transparent url(../solutions-nav-it-sub.png);}

/* make the dropdown ul invisible */
.sidemenu ul li ul {
visibility:hidden;
}

/* specific to non IE browsers */

/* make the sub menu ul visible and position it to the right of the main menu list item */
.sidemenu ul li:hover ul {
visibility:visible;; 
position:absolute; 
top:0; 
left:134px; 
width:175px;
height:56px;
}

/* style the size of the submenu links */
.sidemenu ul li:hover ul li a {
display:block;
width:160px;
height:20px;
}
