

/*Define Toggle Menu*/
div.iframemenu { /*Button container*/
display:block;
float:none;
position: relative;
z-index:5;
width :145px; 
padding:0 0/*Define Toggle Menu*/;
margin : 0 0 2px 0; 
} 

div.iframemenu p {
padding : 0 0;
margin: 0 0
}

#myiframe {
float:left;
clear:none;
width: 320px;
height: 700px; 
margin: 0 0;
display:block;
position:absolute;
z-index: 7;
border-radius: 12px;
 box-shadow: 1px 2px 4px #000;

}


#toggleButton {
width:195px;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
font-size: 18px;
padding: 5px 0;
background: #0066cc;
}

div.iframemenu {display:none} /*Hide Toggle Button*/


/* Define appearance and position of lmenu*/
.lmenu a {
float:left;
display: block;
position:relative;
 z-index:5;
color: #ffffff;
background: #0066cc;
font-weight: bold;
text-decoration: none;
margin: 1% 1%;
padding:10px 10px;
text-shadow :1px 1px 2px #000;
box-shadow: 1px 1px 2px #000000}

.lmenu {display:none} /*Hide until needed activate before longest links overflow viewing width*/

nav.navigate7 {
width: 25%; /*Width determined by longest link*/
min-width: 250px;
position:relative;
z-index: 7;
box-shadow: 2px 2px 4px #000;
padding: 1% 1%;
background: #0066cc;
margin: 0 0 0 2%;
float: right
}



/*Define link text - remove underline*/
nav.navigate7 a {
font-family: Roboto , arial, serif;
font-size: 20px;
text-shadow: none ;
text-decoration: none
}


/*Remove list style */
ul.vnavbar7,
ul.vnavbar7 li ul,
ul.vnavbar7 li ul li ul {
list-style: none;
}

/*position list items - 1rst tier*/
ul.vnavbar7 li {
position: relative;
}

/* Define Button Appearance and Hover change*/

ul.vnavbar7  a {
display:block;
padding:5px 15px;
margin: 0 0;
color: #fff; /*Link Color*/
background: #0066cc; /* Background color*/
box-shadow: 1px 2px 4px #000;
border: solid 1px #000
}

ul.vnavbar7  a:hover {
background: #656565; /*hover background change*/
box-shadow: 1px 1px 2px #000 inset;
}


/* Hide 2nd and 3rd tier nested lists*/
ul.vnavbar7 li ul,
ul.vnavbar7 li:hover ul li ul {
display:none
}


/*display 2nd and 3rd tier list*/
ul.vnavbar7 li:hover ul, /*2nd tier*/
ul.vnavbar7 li ul li:hover ul { /*3rd tier*/
display: block;
position: absolute;
white-space: nowrap;
top: 0;
right: 100%; /* display  to left */
min-width:190px; /*set minimum width*/
z-index: 5
}

/*Footer Navigation*/

p.footernav {
text-indent: 0px
}


p.footernav a {
text-decoration: none;
font-size : 50px;
text-shadow: 1px 1px 2px #000

}

.ftr-left {
float: left
}

.ftr-right {
float:right
}




@media (max-width: 785px) { /* Adjust to keep links in viewing area*/
nav.navigate7 { display:none;}  /*Hide Main-menu*/
div.lmenu {display:none}  /*Hide or Display lmenu*/
div.iframemenu {display:block} /*Hide or Display Toggle Button*/

}

