.bar{
    display:block;
    width:32px;
    margin:7px 0px;
    height:2px;
    background-color: #fff;
    border-radius: 1px;   
}

.menu-button {
    background:#606060;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    padding:7px 8px;
    float:left;
    margin:1px;
    cursor:pointer;
}

.arrow {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	display:inline-block;
	border-top: 5px solid black;
	margin-bottom:3px;
}

.header1 > #menu-button-container {display:inline;}
.header1 > #menu-button-container > .siteMenu {
   position:absolute;
   top:22px;
   left:0px;
   z-index:99;
   display:none;
}
.header1 > #menu-button-container > .siteMenu > UL {
   list-style:none;
   margin: 0px;
   padding:20px 0px 0px;
   width:130px;
}
.header1 > #menu-button-container > .siteMenu > UL > LI {
   font:normal 15px arial;
   color:black;
   height:48px;
   display:block;
   background-color:#E5E4E2;
   border:solid black 1px;
   margin-top:-1px;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > A {
   display:inline-block;
   padding:12px;
   width:calc(100% - 24px);
   color:black;
   text-decoration:none;
}
.header1 > #menu-button-container > .siteMenu > UL > LI.has-sub {
   background-image:url(/resources/images/arrow.gif);
   background-repeat:no-repeat;
   background-position:right center;
}
.header1 > #menu-button-container > .siteMenu > UL > LI.has-sub:hover {
	width:135px;
}

.header1 > #menu-button-container > .siteMenu > UL > LI:hover {
	background-color:#D1D0CE;
}
.header1 > #menu-button-container > .siteMenu > UL > LI:hover > A {
	color:maroon
}

.header1 > #menu-button-container > .siteMenu > UL > LI > A > .arrow {
	display:none;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > A > IMG {
	display:inline-block;
}

.header1 > #menu-button-container > .siteMenu > UL > LI > UL {
   display:none;
   list-style:none;
   margin:0px;
   padding:0px 0px 0px 10px;
   position:relative;
   width:190px;
   left:125px;
   top:-42px;
   font-weight:normal;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI {
   height:48px;
   display:block;
   background-color:#E5E4E2;
   border-color:black;
   border-style:solid;
   border-width:1px 1px 0px 1px;
   font:normal 13px arial;
   color:black;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI.f {
   background-image:url(/resources/images/f.gif);
   background-repeat:no-repeat;
   background-size:48px 48px;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI.f > A {
   padding-left:52px;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI:last-child {
	border-bottom:solid black 1px; 
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI > A {
   display:inline-block;
   color:black;
   text-decoration:none;
   padding:12px;
   width:calc(100% - 24px);
}

.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI:hover {
	background-color:#D1D0CE;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI > A.menuLabel {
	text-decoration:underline;
}
.header1 > #menu-button-container > .siteMenu > UL > LI > UL > LI > A.menuLabel:hover {
	background-color:lightgray;
}

.header1 > #menu-button-container:hover > .siteMenu {display:inline-block;}

.header1 > #menu-button-container > .siteMenu > UL > LI:hover > UL {
   display:inline-block;
}

.header2 > NAV > UL {
	margin:0px;
	padding:0px;
	list-style:none;
}
.header2 > NAV > UL > LI {
	display:inline-block;
	height:48px;
	border-top: solid rgba(0,0,0,0.3) 1px;
	border-left:solid rgba(0,0,0,0.3) 1px;
	border-right: solid rgba(0,0,0,0.8) 1px;
	border-bottom:solid rgba(0,0,0,0.8) 1px;
   background:-webkit-linear-gradient(#E0E0E0,#A0A0A0);
   background:linear-gradient(#E0E0E0,#A0A0A0);
}
.header2 > NAV > UL > LI > A {
	display:inline-block;
	font:Normal 13px Helvetica;
	color:black;
	padding:16px 7px;
	text-decoration:none;
	margin:0px;
	cursor:pointer;
}
.header2 > NAV > UL > LI > A > IMG {
	display:inline-block;
	width:12px;
	height:12px;
	border:0px;
}
.header2 > NAV > UL > LI:hover {
   background:-webkit-linear-gradient(#A0A0A0,#E0E0E0);
   background:linear-gradient(#A0A0A0,#E0E0E0);
	border-top: solid rgba(0,0,0,0.8) 1px;
	border-left:solid rgba(0,0,0,0.8) 1px;
	border-right: solid rgba(0,0,0,0.3) 1px;
	border-bottom:solid rgba(0,0,0,0.3) 1px;
}
.header2 > NAV > UL > LI:hover > A {
	color:maroon;
}
.header2 > NAV > UL > LI > UL {
	margin:0px;
	padding:7px 0px 0px;
	list-style:none;
	display:none;
	visibility:hidden;
	position:absolute;
	top:102px;
	z-index:99;
	width:175px;
}

.header2 > NAV > UL > LI:hover > UL {
	display:block;
	visibility:visible;
}

.header2 > NAV > UL > LI > UL > LI {
   display:inline-block;
	width:175px;
	z-index:99;
	min-height:48px;
	background-color:#E5E4E2;
	border-top:solid black 1px; 
	border-left:solid black 1px; 
	border-right:solid black 1px; 
}
.header2 > NAV > UL > LI > UL > LI.f {
   background-image:url('/resources/images/f.gif');
   background-size:48px 48px;
   background-repeat:no-repeat;
}
.header2 > NAV > UL > LI > UL > LI.f > A {
   padding-left:52px;
}
.header2 > NAV > UL > LI > UL > LI:last-child {
	border-bottom:solid black 1px; 
}

.header2 > NAV > UL > LI > UL > LI > A {
	font:normal 12px Arial;
   display:inline-block;
	width:calc(100% - 18px);
	padding:17px;
	color:black;
	text-decoration:none;
}

.header2 > NAV > UL > LI > UL > LI:hover {
	background-color:#D1D0CE;
	font-weight:bold;
}

@media screen and (min-width: 200px) {
   .header1 .menu-button {display:block;}
}

@media screen and (min-width: 480px) {
   .header1 .menu-button {display:none;}
   .header2 {display:block;}
} /* end 480px */

@media print {
.header1 > #menu-button-container {display:none;}
.header2 {display:none;}
}

/*A.menuLabel {}
A.menuLabel:hover {
   color:black;
   font-weight:normal;
   background-color:lightgray;
   cursor:auto;
}*/