/*Define navigation system*/



/*Define Toggle Menu*/
div.iframemenu { /*Button container*/
display:block;
float:none;
position: relative;
z-index:5;
width :145px; 
padding:0 0;
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: #cd4000;
}

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: #808080;
font-weight: 400;
text-decoration: none;
margin: 1% 1%;
padding:10px 10px;
text-shadow :1px 1px 1px #000;
box-shadow: 1px 2px 4px #000}

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

/* Footer Navigation*/

p.footernav {
text-indent: 0px
}

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

.ftr-left {
float: left
}

.ftr-right {
float:right
}

/*Definediv.main navbar*/
nav {
width:90%;
	background:#f9f9f9;
	padding:0 0;
	float:left;
	margin:1% 5%;
	box-shadow: none}

ul.hnavbar2{
	list-style:none;
	margin-bottom:0;
	float:left;
	position:relative;
	z-index:5}
ul.hnavbar2 li{
	float:left;
	margin-right:15px;
	margin-bottom:0;
	position:relative;
	}
ul.hnavbar2 a{ /*define first tier link*/
	display:block;
	padding: 5px 5px;
	color:#cd4000;
	border:none;
	text-decoration:none}
ul.hnavbar2 a:hover{
    color:#000;/*For Subtle color change 1rst tier hover use #696969*/
	border:none}
ul.hnavbar2 ul{
	list-style:none;
	position:absolute;
	}
ul.hnavbar2 ul li{
	float:none;
	width:100%} /* Fills empty space - prevents transparency*/
ul.hnavbar2 ul a{
	white-space:nowrap}
ul.hnavbar2 li:hover ul{
	left:0;
	border: solid 1px #cd4000;
	/*box-shadow: 1px 1px 1px #696969 box shadow instead of border*/
	}
ul.hnavbar2 li:hover a{
	background-color:#ffffff;/*Needed to prevent transparency*/
	box-shadow: none}
ul.hnavbar2 li:hover ul a {
    padding :5px 25px 5px 5px; /*Increase white space in drop down*/
	text-decoration:none}
ul.hnavbar2 li:hover ul li a:hover{
	color: #000; /*2nd tier link color*/
	background:#fff;
	text-decoration:none; /*Set underline instead of color change*/
	padding :5px 25px 5px 5px;
	box-shadow:none}



/* Hide nested lists*/
ul.hnavbar2 li ul,
ul.hnavbar2 li:hover ul li ul {
position: absolute;
display:none
}

/*display 2nd tier list*/

ul.hnavbar2 li:hover ul {
position: absolute;
display: block;
left: 0;
/*min-width: 195px;*/
white-space:nowrap;
z-index:5
}

/*Display 3rd tier list*/
ul.hnavbar2 li ul li:hover ul {
display: block;
position: absolute;
top: 0;
left: 100%; /* display to right */
min-width: 195px; /* width is based on the containing block */
z-index: 5
}

/*Footer Navigation*/

p.footernav {
text-indent: 0px
}


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

}

.ftr-left {
float: left
}

.ftr-right {
float:right
}




@media (max-width: 800px) { /* Adjust to prevent first tier wrap*/

nav { display:none;}  /*hide hnavbar*/
.lmenu {display:none} /*Hide or Display lmenu*/
div.iframemenu {display:block} /*Hide or Display Toggle Menu*/
}