body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}/* demo page styles */

body {

    background:#eee;

    margin:5px;

    padding:5px;

}

.example {
    background-color:Orange;
    width:98%;
    height:auto;

    border:1px #000 solid;
    margin:5px;
    padding:5px;

    border-radius:3px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

}

/* main menu styles */

#nav,#nav ul {

    background-image:url(../images/tr75.png);

    list-style:none;

    margin:0;

    padding:0;

}

#nav {
    background-color:Maroon;
    height:36px;

    padding-left:5px;

    padding-top:5px;

    position:relative;

    z-index:2;
    

}

#nav ul {

    left:-9999px;

    position:absolute;

    top:37px;

    width:auto;
    

}

#nav ul ul {

    left:-9999px;

    position:absolute;

    top:0;

    width:auto;
    

}

#nav li {

    float:left;

    margin-right:5px;

    position:relative;
    

}

#nav li a {

    background:#c1c1bf;

    color:#000;

    display:block;

    float:left;

    font-size:16px;

    padding:8px 10px;

    text-decoration:none;
    
    background-color:Yellow;

}

#nav > li > a {

    -moz-border-radius:6px;

    -webkit-border-radius:6px;

    -o-border-radius:6px;

    border-radius:6px;

    overflow:hidden;
    
    

}

#nav li a.fly {

    background:#c1c1bf url(../images/arrow.gif) no-repeat right center;

    padding-right:15px;
    
    background-color:Aqua;

}

#nav ul li {

    margin:0;

}

#nav ul li a {

    width:120px;

}

#nav ul li a.fly {

    padding-right:10px;

}

/*hover styles*/

#nav li:hover > a {

    background-color:#858180;

    color:#fff;

}

/*focus styles*/

    #nav li a:focus {

    outline-width:0;

}

/*popups*/

#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {

    left:0;

}

#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
    left:140px;

}