
li.top_level ul {
    list-style-type:none;
}

div.menu {
    height:45px;
    margin:0;
    padding:0 0px 20px;
    display:block;
    -moz-user-select:none;
    font-family: Arial, sans-serif;
    font-size:20px;
    line-height: 110%;
    float:left;
    /* width:700px; */
}
div.menu > ul {
    text-align:center;
    height:30px;
    margin: 0 0 25px 0px;
    padding: 15px 50px;
    background-image: url(menubar-tall.png);
    background-repeat: repeat-x;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px;
}
div.menu > ul ul {
    text-align:left;
}
div.menu a {
    color:#000;
    text-decoration:none;

}
div.separator {

    height:5px;
    margin:0;
    padding:0;
    clear:both;
}
div.menu > ul > li {
    margin: 0;
    padding:0;
    display:inline;
    font-size:20px;
}

div.menu > ul > li:hover {
    margin: 0;
    padding:0;
    verticle-align:middle;

}

div.menu > ul > li > a {
    color: #2c4545;
    margin: 0;
    padding: 17px 20px 17px;
    vertical-align: middle;
}
div.menu > ul > li > a:hover {
    color: rgb(205, 230, 255);
    background-color: #466b6b;
    margin: 0;
    padding: 17px 20px 17px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    verticle-align:middle:
}

li.top_level div li {
    font-size:16px;
    margin:13px 0;
    /*   background-image: url(menu_middle.png); */
    background-image: url(menu_right_arrowaa.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 14px;
}

/* keep menu items from wrapping */
li.top_level div li a {
    white-space: nowrap;
    padding: 3px 11px;
}

/*
li.top_level div li.first {
    background-image: url(menu_first.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 14px;
}

li.top_level div li.last {
    background-image: url(menu_last.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 14px;
}
*/

li.collapsibleListClosed a {
    color: #000;
}
li.top_level div li.collapsibleListClosed {
    background-image: url(menu_righttriangleaa.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 14px;
    margin:24px 0;
}

li.top_level div li.collapsibleListOpen {
    background-image: url(menu_downrighttriangleaa.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 14px;
    margin:24px 0;
}

li.top_level div li.active a {
    background-color: #808080;
    color: #000;
    border: 1px solid #000;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
}

li.top_level div li.active a:hover {
    cursor:auto;
    background-color: #808080;
    color: #000;
    border: 1px solid #000;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
}

li a.menu_container {
    position:static;
    background-color: rgba(167, 201, 166, 0.44);
    color:#000;
    padding:3px 10px;
    margin:3px 3px;
    border: 1px solid #000;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

li.top_level div li a:hover {
    cursor: pointer;
    background-color:teal;
    color:white;
    padding: 3px 10px;
    border: 1px solid teal;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
}

button.menu_close_button {
    margin:40px;
    padding:5px 10px;
    color:#000;
    background-color: #f5f5f5;
    border:1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.86);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.86);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.86);
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=17, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 17, Direction = 135, Color = '#000000');
}

li.top_level:hover {
    margin:0;
    padding:0;
    cursor: pointer;
}

li.top_level > a:hover {
    color:teal;
}

li.top_level div {
    position:absolute;
    z-index: 1000;
    left:200px;
    top:330px;
    background-color:#f0f8ff;
    padding:20px;
    padding-right:70px;
    width:auto;
    border:2px solid black;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 12px 28px rgba(0, 0, 0, 0.86);
    -moz-box-shadow: 10px 12px 28px rgba(0, 0, 0, 0.86);
    -webkit-box-shadow: 10px 12px 28px rgba(0, 0, 0, 0.86);
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=17, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 17, Direction = 135, Color = '#000000');
}
