#navlogo {
 float:left;
 margin: 0px 15px 0px 10px;	
}
#menu {
	color: #111111;
	background: #66AAAA;
	margin: 0px 5px 0px 5px;
	height: 50px;
	width: 770px;
	
	/*border: 2px solid; */
	border-radius: 4px;
	box-shadow: 2px 2px 2px #448888;
  
}

#menu.map_menu {
	color: #111111;
	background: #66AAAA;
	margin: 0px 5px 0px 5px;
	height: 50px;
	/*width: 98%;*/
	width: auto;
	
	/*border: 2px solid; */
	border-radius: 4px;
	box-shadow: 2px 2px 2px #448888;
  
}

#menu ul:hover {
  /* max-height: 200px;
  transition: max-height 1s; */
}

#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:focus {
  text-decoration: none;
  color: #333399;
  

}
#menu ul {
    margin:10px;
    padding:0 0 0 30px;
	max-height:20px;
}
#menu ul li {
    font: 20px ariel normal;
    list-style-type:none;
    position:relative;
    display:block;
    float:left;
    padding: 4px 25px 4px 25px;
	margin:10px 0 0 0 ;
	
    
}
#menu ul li.topli {
	text-shadow: 0px 0px 0px #66AAAA;
	box-shadow: 0px 0px 0px #66AAAA;
    border-radius: 4px;
    background: #66AAAA;
	transition: background 1s , box-shadow 1s, text-shadow 1s;  
 
 
}

#menu ul li.topli:hover {
     background:#77BBBB;
	 text-shadow: 0px 0px 1px #111133;
	 box-shadow: 4px 2px 3px #669999;
    
    transition: background 100ms, box-shadow 100ms, text-shadow 100ms;
}
#menu ul li a {
  
}

}
#menu ul li a:hover  {
    /* background:#DDDDFF; */
	
}

#menu ul ul {
    background: #88CCCC;
    font-size: 0px;
    visibility:hidden;
    position:absolute;
    left:0;
    top:100%;
    margin-top:9px;
	margin-left:0;
	padding:0 0 0 0px;
	
    max-height:0px;
    border-right: 4px solid;
	border-left: 2px solid;
	border-bottom: 4px solid;
	/* border-top: 1px solid; */
	/* border: 2px solid; */
    border-radius: 4px;
	
	box-shadow:10px 10px 5px #333333;
	opacity: .1;
	
    
    /*transition: font-size 500ms, max-height 600ms, margin-top 400ms, border 500ms, border-radius 500ms, box-shadow 500ms; */
	transition: 500ms ease-out 800ms ;
	
}
#menu ul li:hover>ul {
    
    visibility: visible;
    opacity:1;
    max-height:200px;
    
	
    transition: max-height 500ms ease-out 0s, opacity 500ms ease-out 200ms; 
    
   
}
#menu ul li:hover>ul li{
  
  font-size: 16px;
  margin-top:0px;
  transition:  font-size 200ms ease-out 0s, margin-top 400ms ease-out 0s;
}
#menu ul ul li:hover {
   /* background:#DDDDFF;
   transition: background 100ms; */
   
}
#menu ul ul li:hover>a {
   /* background: linear-gradient(to right, red , blue); */
   text-shadow: 0px 0px 1px #000099;
   transition: text-shadow 100ms;
}
#menu ul ul li a {
   text-shadow: 0px 0px 0px #111133;
   transition: text-shadow 1s;
}
#menu ul ul li {
    font-size: 0px;
	/* background:#FFFFFF; */
    margin-top:-15px;
	margin-left: 5px;
	padding: 5px 5px 5px 5px;
	
    /* width: 150px; */
    
    display:block;
    white-space:nowrap;
    
	transition: 400ms ease-out 700ms;
    
}

#menu ul.memberMenu {
	/* margin-left: 50px; */
}

body {
  
}

a > img{
    border: 0;
}


/*   -----------  Main Page -------------- */



#mapdiv {
  
}

#mapframe {
   	z-index: 5;
}

iframe#iframe1 {
	width: 100%;
	height: 960px;
	z-index: 5;
}

/* ------------  Map Page ------------------ */
#map {
	float: left;
	margin: 0px 5px 0px 0px;
	width: 100%;
	height: 870px;
	z-index: -1;
	/* **** Baby Blue Style ***** */
	/*box-shadow: 0px 0px 6px #66AAAA;*/
	
	/* ********* Form Style - Yellow ******* */
	background: #ffc;
	border-radius: 4px;
	border: 3px solid #444444;
	box-shadow: 0px 0px 6px #444444;
	
	
}

#mapArea {
  
}

#helpinfo {
	
}

#mapHeader {
	float:left;
	
}

#mapTools {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 764px;
	height: 75px;
	/*box-shadow: 0px 0px 6px #66AAAA;*/
	/*border-radius: 4px;
	border: 3px solid #448888;
	box-shadow: 2px 2px 2px #448888;*/
	
	
	/* ********* Form Style - Yellow ******* */
	background: #ffc;
   	border-radius: 4px;
	border: 3px solid #444444;
	box-shadow: 0px 0px 6px #444444;
	
	
}

#catTogPanel {
    visibility:hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	height: 75px;
	/* width: 700px;*/
		
	/* ********* Baby Blue Style ******* */
	/*border-radius: 4px;
	border: 3px solid #448888;
	box-shadow: 2px 2px 2px #448888;*/
	
	
	/* ********* Form Style - Yellow ******* */
	background: #ffc;
   	border-radius: 4px;
	border: 3px solid #444444;
	box-shadow: 0px 0px 6px #444444;
	
}
#catPanelToggle {
	float: left;
	margin: 0 0 0 0;
	/*box-shadow: 0px 0px 6px #66AAAA;*/
}


#details_area {
	background: #FFFFFF;
	margin: 5px 5px 5px 5px;
	/* ********* Form Style - Yellow ******* */
	/* background: #ffc; */
   	border-radius: 4px;
	border: 3px solid #444444;
	box-shadow: 0px 0px 6px #444444;
}

#details_area table {
	
	margin: 15px 10px 5px 10px;
}

#details_area #mediaLinks img {
  float:left;
  margin: 5px 5px 0 5px;
  	
}

#details_area table th {
	text-align: left;
}

#details_area table th #title {
	margin: 5px 0 5px 5px;
	font: 18px Georgia, "Times New Roman", Times, serif ;
	
}

#details_area #detailsHeader {
	/* ********* Form Style - Yellow ******* */
	background: #ffc;
		 
   	border-radius: 4px;
	border: 3px solid #444444;
	box-shadow: 0px 0px 6px #444444;
}

#details_area #detailsDescription {
	/* ********* Form Style - Yellow ******* */
	background: #FAFAFA; 
	margin: 10px 20px 10px 20px;
	border-radius: 4px;
	border: 3px solid #444444;
	/*box-shadow: 0px 0px 6px #444444;*/
}

#details_area #detailsDescription iframe,
#details_area #detailsDescription img {
	max-width: 500px;

}




#locationDrop {
	/*float:left;*/
	/*bottom:0;*/
	/*width:700px;*/
	/*visibility:hidden;*/
	/*height: 15px;*/
	margin: 0px 50px -30px 80px;
	z-index: 99;
	overflow:visible;
}

#locationDrop select {
	/*float:left; */
	/*margin: 0 5px 0 10px;	*/
   	/*width:500px;*/
	z-index: 105;
	overflow:visible;	
	
}
