/* Main Styles */	
	
#wrapper{
	width:640px;/*jal 520 Horizontal Position */
	margin:0 auto;
    font-family: "Times New Roman", Times, serif;
}

#nav {
	position:relative;/*jal */
	width:640px;/*jal 620 */
	margin:0 auto;
}

ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;
}

ul#navigation li {/* main nav properties*/
	display:inline;
    font-size: 94%;/* This affects all the sizes including the submenu */
	margin:0;
	padding:0;
	float:left;
	position:relative;

}

ul#navigation li a {
    /* 1st value is vertical position; 2nd value is horiz distance between major nav elements */
    /* top/bottom, lef/right */
    /* top, right, bottom, left */
    padding: 0px 47px 0px 30px;/* jal - 0px 25px 0px 30px */
    
    
    color: white;
    font-family: "Times New Roman", Times, serif;
    font-size: 100%;
	text-decoration:none;
	display:inline-block;
    background-color: transparent;/* main nav items */
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
    background-color: rgba(69, 66, 55, 1.0);/**/
    color: white;
}

/* */
ul#navigation li:hover > a {
    color: rgba(255, 154, 14, 0.8);

}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;	
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
    background-color: rgba(69, 66, 55, 1.0);/**/
	box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.055);
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 36px;/*jal 43 position of the dropdown*/
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {/*sub menu properties*/
	background:none;
	padding:7px 15px;
	color:rgba(147, 139, 124, 1.0);
    font-family: "Times New Roman", Times, serif;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}

/****************** Resized Parameters ********************/
/*** VERY IMPORTANT!  the width check NEEDS TO MATCH the width check in resizeFunction() xxx***/
/* MatchFlag: Match the value in MenuStyle.css, @media screen and (max-width: xxx */
@media screen and (max-width: 600px) {/* MatchFlag: 800 */
    
    .menuButton {
        position: absolute;
        float: left;
        max-width: 100%;
        display: flex;
    }
    #menuButton {
        display: flex;
    }
    
    #closeMenuButton {
        display: flex;/*xxx orig: none */
    }
    .closeMenuButton {
        position: absolute;
        float: left;
        max-width: 100%;
        display: flex;/*xxx orig: none */
    }
    
    /*************** Resized Navigation ****************/
    #nav {
        position: relative;
        min-height: 40px;
        visibility: hidden;
    }
    
    /* Non Pulldown items */
    #nav ul {
        width: 120px;
        /*        padding: 5px 0px 5px 0px;  /* top right bottom left */
        padding: 5px 5px;/* top & bottom, left & right */
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        display: block;
        margin: 0 0 5px;
        z-index:    500;
        /*        background-color: orangered;/**/
        background-color: rgba(69, 66, 55, 0.9);/* 1st Pulldown menu xxx 69, 66, 55, 0.7*/
    }
    
    ul#navigation li {
        display: block;
        margin: 0;
        font-size: 92%;/* xxx added */
    }
    
    ul#navigation li a {/*xxx Added Text color in 1st pulldown */
        color: rgba(255, 255, 255, 1.0);
        /* Base/Starting Position of the Pulldown */
        /* top, right, bottom, left */
        padding: 0px 10px 0px 20px;/* Orig: 0px 25px 0px 30px */
    }
    
    ul#navigation ul, ul#navigation ul li ul {/* 2nd, 3rd & 4th pulldown Menu xxx Added */
        background-color: rgba(69, 66, 55, 1.0);/* Orig: 69, 66, 55, 1.0 */
        width:140px;/* Orig: 180 */
        /* Space between sub menus */
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        
        margin-top: 0px
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: -40px;/* position of 2nd sub menu */
    }
    
    ul#navigation ul li a {/*sub menu properties*/
        color: rgba(255, 255, 255, 1.0);/*xxx */
    }
    
}

/****************** Resized Parameters for iPhone 6 ********************/
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    
}