/* css_menu.css */
/**************** menu coding *****************/
#topmenu {
float: left;
width:1000px;
margin:0px;
padding:0px;
position:absolute;
z-index:10;
left:0px;
top:0px;
}

.nohand {
cursor:default;
}

#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
position:absolute;
width:1000px;
}

#topmenu a, #topmenu h2 {
font: 15px arial, helvetica, sans-serif;
display: block;
text-decoration:none;
text-align:center;
vertical-align:middle;
margin: 0px;
padding:0px;
}

#topmenu h2 {
}

#topmenu a {
font-weight:bold;
width:130px;
color:#ffffff;
}

#topmenu ul li.topLI1 A,
#topmenu ul li.topLI2 A,
#topmenu ul li.topLI3 A,
#topmenu ul li.topLI5 A{
padding-top:100px;
padding-bottom:50px;
}
#topmenu ul li.topLI4 A{
padding-top:90px;
padding-bottom:50px;
}

#topmenu ul li.topLI1,
#topmenu ul li.topLI2,
#topmenu ul li.topLI3,
#topmenu ul li.topLI4,
#topmenu ul li.topLI5
{
float:left;
position:absolute;
width:234px;
height:234px;
padding:0px 0px 0px 54px;
}

#topmenu ul li{
  background-image:url(images/ball.png);
  background-repeat:no-repeat;
}

#topmenu ul li:hover, #topmenu .selectedMenu{
  background-image:url(images/ball_glow.png);
  background-repeat:no-repeat;
}
#topmenu ul li.topLI1{
top:183px;
left:0px;
}

#topmenu ul li.topLI2{
top:252px;
left:183px;
}

#topmenu ul li.topLI3{
top:286px;
left:388px;
}

#topmenu ul li.topLI4{
top:252px;
right:128px;
}

#topmenu ul li.topLI5{
top:183px;
right:26px;
width:150px;
}


#topmenu a:hover {
}

#topmenu li {
position: relative;
}

#topmenu ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 100%;
}
  #topmenu UL UL li {
    padding:0px;
  }
  
  #topmenu UL UL li A{
    background-color:#CDCDCD;
  }
  
  #topmenu UL UL li A:hover{
    background-color:#A9E3F9;
    color:#000;
    background-image:none;
  }

#topmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#topmenu ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}


div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;
}








/* css_menu.css */
/**************** menu coding *****************/
#leftmenu {
float: left;
width:180px;
margin:30px 0px 0px 0px;
}

.nohand {
cursor:default;
}

#leftmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#leftmenu a, #leftmenu h2 {
font: 14px arial, helvetica, sans-serif;
display: block;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
margin: 0;
padding:0px;
}

#leftmenu h2 {
}

#leftmenu a {
width:160px;
padding:5px 10px;
color:#fff;
}

#leftmenu ul li a {
}

#leftmenu .selectedMenu, #leftmenu a:hover {
color: #9c5898;
}

#leftmenu li {
position: relative;
}

#leftmenu ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 100%;
}
  #leftmenu UL UL li {
    padding:0px;
  }
  
  #leftmenu UL UL li A{
    background-color:#CDCDCD;
  }
  
  #leftmenu UL UL li A:hover{
    background-color:#A9E3F9;
    color:#000;
    background-image:none;
  }

#leftmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#leftmenu ul ul,
div#leftmenu ul li:hover ul ul,
div#leftmenu ul ul li:hover ul ul
{display: none;}


div#leftmenu ul li:hover ul,
div#leftmenu ul ul li:hover ul,
div#leftmenu ul ul ul li:hover ul
{display: block;
}