/* Flexnav Base Styles */
.flexnav {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
width: 100%;
max-height: 0; 
position:relative;
z-index:99999999; 
}
#flexnavAction.flexnav { z-index:88888888; }

.flexnav.opacity {
opacity: 0; }

.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }

.flexnav.one-page {
position: fixed;
top: 50px;
right: 5%;
max-width: 200px; }



.flexnav li {
font-size: 100%;
position: relative;
overflow: hidden; 
background: #34404b url('../images/bg04-trans10.png');  color:#FFF;/* #0096d6 */
border-bottom:#FFF solid 1px;

 }
#flexnavMain .item-with-ul a { margin-right:0; }
#flexnavAction .item-with-ul a p { padding-right:0; }

#flexnavMain > li:hover { 
	/*background-color: #0096d6; background:#0096d6 url('../images/bg04-trans10.png'); */
	background: #34404b url('../images/bg04-trans10.png');  color:#FFF;
	
	}
#flexnavMain .item-with-ul:hover > a { color:#fff; border-left-color:#34404b; border-right-color:#34404b; }
#flexnavMain > li:hover > a { color:#fff; border-left-color:#34404b; border-right-color:#34404b; }

.flexnav li ul li:hover { background-color:#f2f2f2; }
.flexnav li ul li:hover a { color:#34404b; }


.flexnav li a {
position: relative;
display: table-cell;
z-index: 2;
overflow: hidden;
color:#fff;
padding: .96em;
font-size:1em;
}

.flexnav li a { z-index:1; }

.flexnav li ul {
width: 100%; }

.flexnav li ul li {

position: relative;
overflow: hidden;
background-color:#7b90a5; background:#7b90a5 url('../images/bg04-trans10.png');  /* 0072a1 */
border-bottom:#FFF solid 1px;
 }
.flexnav li ul li:last-child { border-bottom:none; }

.flexnav#flexnavMain li ul { 
	left:0;
	top:0; 
	background:inherit; width:100%; border:none; border-bottom:white solid 6px;
}
 
.flexnav li ul.flexnav-show li {
overflow: visible; }
.flexnav li ul li a {
display: table-cell;
background: none; 
color:#fff;

}

.flexnav ul li ul li a {
color:pink;
background: #bfbfbc; }
.flexnav ul li ul li ul li a {
background: #cbcbc9; }

.flexnav .touch-button {
position: absolute;
z-index: 999;
/*top: 2px;
right:20px;
width: 42px;
height: 42px;
*/
top: 4px;
right: 17px;
width: 46px;
height: 38px;
display: inline-block;
background: #acaca1;
background: rgba(255, 255, 255, 0.2);
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align: center; }

.flexnav#flexnavAction .touch-button { 
	top: 67px;
	right: 2px;
	width: 46px;
	height: 46px;
	 }

.flexnav .touch-button:hover {
cursor: pointer; }

.flexnav .touch-button .navicon {
position: relative;
top: 0.75em;

color: #fff; 
}
.flexnav .icon-button .navicon {
position: relative;
top: 1.2em;
color: #222; 
}


.menu-button {
position: absolute;
display: inline-block;
top: 110px;
right:20px;
width: 75px;
padding: 1em;
font-weight:bold;

/*
border-bottom: 1px solid rgba(255, 0, 0, 0.2);
*/ }


.menu-button.one-page {
position: fixed;
top: 0;
right: 5%;
padding-right: 45px; }

.menu-button .touch-button {

position: absolute;
z-index: 999;
top: 2px;
right: 2px;
width: 44px;
height: 44px;
display: inline-block;
text-align: center; }

.menu-button .touch-button { 
width:65px;
background: #acaca1;
background: rgba(255, 255, 255, 0.2);
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.menu-button .touch-button .navicon { position:relative;
font-size: 30px;  color:#FFF; top:0.40em; 
 }


/*/////STYLES THE DROPDOWN BOXES FOR THE 3 CALLOUT NAVS ////*/
ul#flexnavAction.flexnav {
overflow: visible; }
ul#flexnavAction.flexnav.opacity {
opacity: 1; }

ul#flexnavAction li {
display: table;
overflow: visible; 
float: left;
display: table;
overflow: visible;
padding:0 0;
height:100%;
 }
ul#flexnavAction > li a {

display:table-cell;
vertical-align:middle;
line-height: 1.28571em;
font-weight: normal;
outline: none;
text-align:left;
text-decoration:none;
color:#fff; 

 }
.flexnav li > ul li {
width: 100%; }

#callOutNav-item1   { background:#36bf01 url('../images/bg04-trans10.png'); color:#FFF;  }
#callOutNav-item2  { background:#003f7d url('../images/bg04-trans10.png'); color:#FFF;  }
#callOutNav-item3  { background:#f8971d url('../images/bg04-trans10.png'); color:#FFF;  }

/*#flexnavAction { font-size:.9em; }*/
ul#flexnavAction > li > a { font-size:1.3em; /*height:85px;*/  color:#FFF; display:block;  padding:10px; text-decoration:none; text-shadow: 1px 1px 0px #333; }

ul#flexnavAction li#callOutNav-item3 ul li a { text-align:right; }

ul#flexnavAction > li > a p { font-size:1em; font-size:1.6vw; line-height:1.3em; padding:0 0 0 0; margin:0 0; border-top:#FFF dotted 1px; margin-top:3px; padding-top:5px; text-shadow:none; }

ul#flexnavAction li ul { 
	list-style:none; margin:0 0 0 0; padding:0 0;  display:none; position:absolute; left:-6px; top:auto;
	background:inherit; width:150%; border:white solid 6px;  	
	 }
ul#flexnavAction li:last-child ul { left:-53%; }
	 
/*/////STYLES THE DROPDOWN BOXES FOR THE 3 CALLOUT NAV SUBNAV ////*/
ul#flexnavAction li#callOutNav-item1 ul { background-color:#36bf01; }
ul#flexnavAction li#callOutNav-item2 ul { background-color:#003f7d; }
ul#flexnavAction li#callOutNav-item3 ul { background-color:#f8971d; }

ul#flexnavAction li#callOutNav-item1 ul li { background-color:#289100; background:#289100 url('../images/bg04-trans10.png'); color:#FFF; }
ul#flexnavAction li#callOutNav-item2 ul li { background-color:#016eda; background:#016eda url('../images/bg04-trans10.png'); color:#FFF; }
ul#flexnavAction li#callOutNav-item3 ul li { background-color:#bc6901; background:#bc6901 url('../images/bg04-trans10.png'); color:#FFF; }

ul#flexnavAction li#callOutNav-item1 ul li:hover,
ul#flexnavAction li#callOutNav-item2 ul li:hover,
ul#flexnavAction li#callOutNav-item3 ul li:hover { background-color:#f2f2f2; }

ul#flexnavAction ul li:hover a { color:#34404b; }

.column { padding-bottom:10%; width:0; background-color:none; display:block; float:left; }
ul#flexnavAction .column { padding-bottom:55%;/*32.3156%;*/  }



@media (max-width: 800px) {
.confInfo-box { width:85%; }
.confLogo { width:8%;  }
.confInfo { width:10%; }
.confInfo-box:before{
    padding-top: 115px;
}
#mainNav-container nav { position:relative; top:125px; }
#mainNav-container { height:0; }

}




@media (max-width: 481px) {
.menu-button {
position: absolute;
display: inline-block;
top: 52px;
right:10px;
width: 75px;
padding: 1em;
font-weight:bold;
background: none;
color: #fff;
cursor: pointer;

 }
ul#flexnavAction > li { padding-top:15px; }
ul#flexnavAction > li > a { height:35px; }
ul#flexnavAction li p { display:none; }

#mainNav-container nav { position:relative; top:55px; }
#mainNav-container { height:0; }
#logo-container { background: #34404b url('../images/bg04-trans10.png'); height:55px; color:#FFF; }
#confLogo { width:40%;  display:block; float:left; padding:5px; text-align:center; }
#confLogo img { max-height:40px; display:block; clear:both;  }
.date { font-size:1.1em; padding:20px 5px 5px 0;  }
	
.confLocation { display:none; }
.confInfo-box { width:85%; }
.confLogo { width:8%;  }
.confInfo { width:10%; }
.confInfo-box:before{
    padding-top: 50px;
}

.flexnav#flexnavAction .touch-button { 
	top: 52px;
	left: 2px;
	width: 92%;
	height: 26px;
	padding-right:4px;
	 }
.flexnav#flexnavAction .touch-button .navicon {
top: .2em; 
}
ul#flexnavAction .item-with-ul > a { text-align:center; padding:5px 5px;  font-size:1em; }

}
@media (max-width: 300px) {
	.date { display:none; }
	ul#flexnavAction .item-with-ul > a { font-size:0.8em; }
}

@media all and (min-width: 800px) {
.column { padding-bottom:32.3156%; }
ul#flexnavAction .column { padding-bottom:100%;/*32.3156%;*/  }
.confLogo { width:50%;  }
.confInfo { width:30%; }
.confInfo-box:before{
    padding-top: 32.3156%;
}

body.one-page {
padding-top: 70px; }
.flexnav {
overflow: visible; }
.flexnav.opacity {
opacity: 1; }
.flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }

.flexnav li {
position: relative;
list-style: none;
float: left;
display: table;
overflow: visible; 
background-color:#f2f2f2;
border:none;
padding:0 0;
}

.flexnav li a {
height:auto;
display:table-cell;
vertical-align:middle;
line-height: 1.28571em;
font-weight: normal;
outline: none;
padding:0 10px; 
text-align:center;
text-decoration:none;
color:#34404b;
 }
.flexnav#flexnavMain > li a { height:50px; }
.flexnav#flexnavAction > li > a { font-size:1.4em; font-size:1.8vw;  }
.flexnav#flexnavMain li ul li a, .flexnav#flexnavAction li ul li a { height:50px; }
ul#flexnavAction > li > a p { font-size:.75em; font-size:1.1vw; line-height:1.3em; }

 #flexnavMain .item-with-ul > a { padding-right:0; }
.flexnav#flexnavMain > li > a { border-left:#fff solid 1px; border-right:#fff solid 1px;}
.flexnav#flexnavMain > li:first-child > a { border-left:none; }
.flexnav#flexnavMain > li:last-child > a { border-right:none; }

.flexnav > li:first-child a { border-left:none; }

.flexnav li > ul {
position: absolute;
top: auto;
left: 0; 
}

.flexnav#flexnavMain li ul { 
	left:-6px; 
	top:50px;
	background:inherit; width:150%; border:white solid 6px; 
}
.flexnav#flexnavMain li:last-child ul { left:-53%; }



#flexnavAction .item-with-ul a p { padding-right:0;  }

.flexnav li ul li a { border-bottom: none; text-align:left; }
.flexnav li:last-child ul li a { border-bottom: none; text-align:right;  }


.flexnav li > ul li {
width: 100%; }
.flexnav li ul li > ul {
margin-left: 100%;
top: 0; }

.flexnav li ul.open {
display: block;
opacity: 1;
visibility: visible;
z-index: 1; }
.flexnav li ul.open li {
overflow: visible;
max-height: 100px; }
.flexnav li ul.open ul.open {
margin-left: 100%;
top: 0; }

.flexnav .touch-button {
top: 2px;
right:2px;
width: 46px;
height: 46px;
display: none;
text-align: center; }



.menu-button {
display: none; } 

}
@media all and (min-width: 1080px) {

}
@media only screen and (min-width: 1232px) {
	.flexnav#flexnavAction > li > a { font-size:1.5em; }
	.flexnav#flexnavAction > li > a p { font-size:.75em; }
}
.oldie body.one-page {
padding-top: 70px; }
.oldie .flexnav {
overflow: visible; }
.oldie .flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }
.oldie .flexnav li {
position: relative;
list-style: none;
float: left;
display: block;
background-color: #a6a6a2;
width: 20%;
min-height: 50px;
overflow: visible; }
.oldie .flexnav li:hover > ul {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li:hover > ul li {
width: 100%;
float: none; }
.oldie .flexnav li a {
border-left: 1px solid #acaca1;
border-bottom: none;
overflow: visible; }
.oldie .flexnav li > ul {
background: #acaca1;
position: absolute;
top: auto;
left: 0;
display: none;
z-index: 1;
overflow: visible; }
.oldie .flexnav li ul li ul {
top: 0; }
.oldie .flexnav li ul li a {
border-bottom: none; }
.oldie .flexnav li ul.open {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li ul.open li {
width: 100%; }
.oldie .flexnav li ul.open ul.open {
margin-left: 100%;
top: 0;
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav ul li:hover ul {
margin-left: 100%;
top: 0; }
.oldie .menu-button {
display: none; }
.oldie.ie7 .flexnav li {
width: 19.9%; }


a.HIDDEN { display: none; }