/* MENU */

#nav {
 float: left;
 margin: 0; padding: 0;
 border: 1px solid white;
 border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
 padding: 10px 10px 10px 10px;
 text-decoration: none;
 /* color: #337AB7; */
 color:navy;
 font-weight:600;
 background: #F8F8F8; /* for menu bg*/
 border-right: 1px solid #BFB6B6;
 border-left: 1px solid #E7DBDB;
 border-bottom: 1px solid #E7DBDB;
 border-top: 1px solid #E7DBDB;

 /*#BFB6B6 #E7DBDB #E3D9D9 #DAD1D1*/
}

#nav li a:hover {
 background: #337AB7;
color:white;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 250px;
 display: block;
 height:35px;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}


#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 0px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}