#main-nav {
    margin: 0px 0;
    padding: 0;
    width: 220px; /*width of menu*/
    float:left;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index: 0;
    
    list-style-image: none;
    list-style-type: none;
}
#main-nav li a.nav-top-item {
    font-size: 16px;
    color: #000;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: 212px;
    padding: 10px 0px 0px 8px;
    text-decoration: none;
    text-align: center;
    float:left;
    height:29px;
    background: #DDEEF6;
    background-image: url("../images/menu/menu_hoverless.png");
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDEEF6), to(#3BBCF0));
    background: -moz-linear-gradient(#DDEEF6, #3BBCF0);
    background: linear-gradient(#DDEEF6, #3BBCF0);
    /*-pie-background: linear-gradient(#DDEEF6, #3BBCF0);*/
    border-radius :10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    /*behavior: url(./core/css/PIE.htc);*/
}

#main-nav li a.current {

    color: #FFF;
    float:left;
    width: 212px;
    border-radius :10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;

    background: #2585B7;
    background-image: url("../images/menu/menu_hover.png");
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2585B7), to(#44B8EA));
    background: -moz-linear-gradient(#2585B7, #44B8EA);
    /*-pie-background: linear-gradient(#2585B7, #44B8EA);*/
    background: linear-gradient(#2585B7, #44B8EA);
    /*behavior: url(./core/css/PIE.htc);*/

}
#main-nav li a.nav-top-item:hover {
    color: #FFF;
    background: #2585B7;
    background-image: url("../images/menu/menu_hover.png");
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2585B7), to(#44B8EA));
    background: -moz-linear-gradient(#2585B7, #44B8EA);
    /*-pie-background: linear-gradient(#2585B7, #44B8EA);*/
    background: linear-gradient(#2585B7, #44B8EA);
    
    /*behavior: url(./core/css/PIE.htc);*/
}
#main-nav li ul.submenu { /*DIV that contains each sub menu*/
    display: none;
    background: white;
    padding: 0px;
    float:left;
    width: 218px;
    border: 1px solid #39F;
    border-radius :0px 0px 0px 0px;
    -moz-border-radius:0px 0px 0px 0px;
    -webkit-border-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    z-index: 99;    
}
.nav-top-item {
    height:39px;
}

ul.submenu, ul.submenu ul {
    margin:0;
    list-style:none;
    padding:0;
}
ul.submenu ul {
    display:none;
    position:absolute;
    left:100%;
    top:0;
    -moz-box-shadow:3.5px 3.5px 5px #000000;
    -webkit-box-shadow:3.5px 3.5px 5px #000000;
    box-shadow:3.5px 3.5px 5px #000000;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 1px;
    background-color:#ffffff;
    border: 1px solid #000;
    z-index: 99;
    /*behavior: url(./core/css/PIE.htc);*/
}
ul.submenu li:hover>* {
    display:block;
}
ul.submenu li:hover {
    position:relative;
}
ul.submenu ul ul {
    position:absolute;
    left:100%;
    top:0;

}
ul.submenu {
    display:block;
    font-size:0;
    float:left;
}
ul.submenu li {
    display:block;
    white-space:nowrap;
    font-size:0;
    text-align: left;
}
ul.submenu>li, ul.submenu li {
    margin:0;
    text-align: left;
}
ul.submenu a:active, ul.submenu a:focus {
    outline-style:none;
}
ul.submenu a, ul.submenu a.pressed {
    display:block;
    vertical-align:middle;
    text-align:left;
    text-decoration:none;
    color:#000000;
    text-shadow:#FFF 0 0 1px;
    cursor:pointer;
    font-size: 12px;
    font-family: 微軟正黑體,新細明體;
}
ul.submenu ul li {
    float:none;
    margin:4px 4px 4px 4px;
    text-align: left;
}
ul.submenu ul a {
    text-align:center;
    padding:4px;
    background-color:#ffffff;
    background-image:none;
    font-size: 12px;
    font-family: 微軟正黑體,新細明體;
    color:#000000;
    text-decoration:none;
    text-align: left;
}
ul.submenu li:hover>a {
    background-color:#0c97e2;

    font-size: 12px;
    font-family: 微軟正黑體,新細明體;
    color:#000000;
    text-decoration:none;
    text-shadow:#FFF 0 0 1px;
    background-image:url("../images/menu/mainbk.png");
    background-position:0 100px;
}
ul.submenu img {
    border:none;
    vertical-align:middle;
    margin-right:10px;
}
ul.submenu img.over {
    display:none;
}
ul.submenu li:hover > a img.def {
    display:none;
}
ul.submenu li:hover > a img.over {
    display:inline;
}
ul.submenu li a.pressed img.over {
    display:inline;
}
ul.submenu li a.pressed img.def {
    display:none;
}
ul.submenu span {
    display:block;
    overflow:visible;
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:0px;

}
ul.submenu ul span {
    background-image:url("../images/menu/arrowsub.png");
    padding-right:28px;

}
ul.submenu a {
    padding:10px;
    background: #DDEEF6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDEEF6), to(#EEFFF8));
    background: -moz-linear-gradient(#DDEEF6, #FFFFFF);
    background: linear-gradient(#DDEEF6, #FFFFFF);
    -pie-background: linear-gradient(#DDEEF6, #FFFFFF);
    color:#000000;
    text-decoration:none;
    text-shadow:#FFF 0 0 0px;
    border-radius :0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
ul.submenu li:hover>a, ul.submenu li>a.pressed {
    background-color:#0c97e2;
    background-image:url("../images/menu/mainbk.png");
    background-position:0 100px;

    color:#FFF;
    text-decoration:none;
    text-shadow:#000 0 0 0px;
}
ul.submenu ul li:hover>a, ul.submenu ul li>a.pressed {
    background-color:#0c97e2;
    background-image:none;
    font-size: 12px;
    font-family: 微軟正黑體,新細明體;
    color:#000000;
    text-decoration:none;

}
ul.submenu li.topfirst>a {
}
ul.submenu li.toplast>a {
}