#outer {
height:30px; 
border-top:3px solid #731a8b;
border-bottom:3px solid #731a8b;
margin:0 0px 0 -1px;
width:982px;
background:#f7f9fa;
}

#menu {list-style-type:none; padding:0; margin:0 0 0 0px;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {
float:left;  
margin:0; 
border-right:1px solid #dbe1e6;
height:30px;
padding:0px 32px 0px 32px;
}

#menu li:hover {
background:#731a8b;
}

#menu li.home { 
border-left:1px solid #731a8b;
background:#731a8b;
padding:0px 22px 0px 22px;
}

#menu li.home a{ 
color:#fff;
}

#menu li:hover a{ 
color:#fff;
}

#topmenu ul li.home:hover{
background:#731a8b;
}

#menu li.sub{
border-right:1px solid #731a8b;
}

#menu li.sub ul{
margin:4px 0 0 0;
}

#menu li.sub ul li{
background:#620e78;
border-bottom:1px solid #731a8b;
border-right:1px solid #731a8b;
width:46px;
padding:0px 37px 0px 27px;
}

#menu li.sub ul li:hover{
background:#691281;
}

#menu li.sub ul li a{
padding:0px;
margin:0;
}


/* for IE5.5 and IE6 only */

#menu li a {
display:block; 
color:#731a8b; 
height:30px; 
font-family:arial, sans-serif; 
font-size:14px; 
line-height:30px; 
text-decoration:none; 
text-align:center;
}

#menu li a table {
position:absolute; 
left:0; 
top:-1px; 
border-collapse:collapse; 
width:0; 
height:0;
}

#menu :hover {
position:relative;
}

#menu :hover > a {
color:#fff; 
}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
visibility:hidden; 
width:0; 
height:0; 
overflow:hidden;
}

#menu :hover ul {
visibility:visible; 
overflow:visible; 
position:absolute; 
height:auto; 

left:-1px;
top:26px; 
background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
visibility:visible; 
overflow:visible; 
height:auto; 
padding:9px 3px; 
left:100px; top:0;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
visibility:visible; 
overflow:visible; 
height:auto; 
padding:9px 3px; 
left:-106px; top:0;
}