/* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */

#sse1
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    height: 30px;
    padding: 12px;
    border-radius: 3px;
    border-top-right-radius: 888px;
    border-style:solid;
    border-width: 5px;
    border-color: #Ff8033;
    letter-spacing: 2px;
    font-size:10px;
    font-family: open sans condensed;
    box-shadow: 0px 2px 6px white; 
    webkit-box-shadow: 0px 2px 6px white;

    border-color: #ff8033;  
    background-color: #002b55;  background-image: -moz-linear-gradient(  top,  rgba(255, 255, 255, 0.25),  rgba(255, 255, 255, 0.05)  );  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgba(255, 255, 255, 0.25)),  color-stop(1, rgba(255, 255, 255, 0.05))  );
}
#sses1
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses1 ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
}
#sses1 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
    background-color:#F27326;
    top:0px;
    height:5px;
    z-index: 1;
    position: absolute;
    overflow:hidden;
/*    border-top-right-radius:3px;
    border-top-left-radius:3px;*/
}
#sses1 li a
{
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #fff;
    font: bold 16px Open Sans Condensed;
    text-align: center;
    text-decoration: none;
    display: block;
    float:left;
    position: relative;
    z-index: 2;
}

#sses1 li a:hover, a:active {color:#F27326;}