body {
    font-size:18px;
    /*color: red;*/
}

#logoImage{
    /*add space/padding from the top to the logo*/
    top: 10px;
    /*logo position*/
    left:0;
    right:0;
    margin:auto;

    /*logo size*/
    height:auto;
    max-height:35px;
    width:auto;
    /*max-width:160px;*/
}

#menuTray{
    /*height of horizontal menu tray*/
    height: 45px;
}

.site-wrap {
    top: 45px;
}

.navigation{
    position: absolute;
    width:75%;
    min-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    padding-left:5px;
}

#nav-icon{
    display:inline;
}

label[for="nav-trigger"] {
    /* critical positioning styles */
    position: fixed;
    left: 5px; 
    /*positions the hamburger icon*/
    top: 10px;
    z-index: 201;
}

.nav-trigger:checked ~ .navigation {
    /*sets the vertical location of the menu bar*/
    top:-40px;
}

/*hides the navigation on mobile devices... due to ios elastic scroll/drag down ability*/
.nav-trigger:not(:checked) ~ .navigation {
    /*-webkit-transition-delay: .5s;
    transition-delay: .5s;*/
    top:0px;
}

.nav-item {
    text-align: left;
    /*horizontal spacing between navigation items*/
    padding-bottom:10px;
    padding-right:7%;
    font-size:smaller;
}

.nav-item a{
    /*defines vertical list*/
    display: block;
    /*text size of horizontal menu*/
    font-size: 1.5em;
    /*prevents word wrap for horizontal menu*/
    /*white-space:nowrap;*/
}

.nav-item a:hover {
    color: #F7A34A;
}

/* Sub Menus */
.subMenu {
    position:relative;
    display: inline-block;
    font-size:small;
    /*indent the submenu under their headings*/
    padding-left:20px;
    /*bulleted style: none, numbers, letters, greek, etc...*/
    list-style: circle;
    color:white;
}

.subMenu-item{
    /*horizontal spacing between navigation items*/
    padding-top:8px;
}

.subMenu-hr{
    /*remove the horizontal line*/
    display:none;
}