/* CSS Document */

/***** NAV - Drop Down Menu *****/

#Nav {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	/* border-top: #000 solid 1px; */
	/* font-size: 19pt; */
	font-size: 19pt;
	padding-top: 0px;
	margin-bottom: 10px;
	}

#Nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display:block; 
	}
	
#Nav ul li {
	float:left;
	display:list-item;
	list-style: none; 
	padding-bottom: 5px;
	padding-right: 10px;
	color: #163e60; /* Dark Blue */
	/* background-color: #fff; */
	/* border-bottom: #991b1e solid 5px;  /* Dark Red */
	/* border-bottom: 5px solid #2ecc71; */
	}
#Nav ul > li {
	border-left: #36dbff solid 3px;
	padding-left: 10px;
	}
 
#Nav ul > li:first-child {
	border-left: #36dbff solid 0px;
	padding-left: 15px;
	}

#Nav ul li a {
	display:block;	
	padding-left: 10px;
	padding-right: 10px;
	color: #163e60; 
	text-decoration:none;
		font-family: Poppins, Arial, Helvetica, sans-serif;
	/* text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif; */
}



#Nav li a:hover { 
	/* border-bottom: #1e1d57 solid 5px; */
	/* background-color: #1e1d57; /* Dark Blue */
	color: #36dbff; /* Brighter Blue */
	}

/* Change this in order to change the Dropdown symbol */
/* #Nav li > a:after { content: ' »'; } 
#Nav li > a:only-child:after { content: ''; }  	*/
	
	
/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
#Nav ul ul {
	display: none;
	position: absolute; top: 28px;
	z-index: 99999;
}
	
/* Display Dropdowns on Hover */
#Nav ul li:hover > ul {
	background-color: #62140c;  /* Dark Red */
	background-color: #4f6d86; /* Event Background Blue */
	display:list-item;
}
	
/* First Tier Dropdown */
#Nav ul ul li {
	width:200px;
	font-size: 18px;
	float:none;
	position: relative;
	text-align: left;
	margin-top: 0px; /* IE Hack */
	margin-bottom: 0px;
	border-bottom: #000 solid 1px;
	background-color: #62140c;  /* Dark Red */
	background-color: #4f6d86; /* Event Background Blue */
	border-right: none;
	height: auto;
	padding-right: 0px;
	
}

#Nav ul ul li a {
	text-transform: none;
	/* color: #1e1d57 !important; /* Dark Blue */
	color: #fff !important;
	padding-top: 5px;
	background-color: #62140c;  /* Dark Red */ 
	background-color: #4f6d86; /* Event Background Blue */
	}
#Nav ul ul li:first-child {
	padding-left: 0px;
	}

#Nav ul ul li a:hover, #Nav ul ul li:hover {
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	background-color: #800000;  /* Dark Red */ 
	background-color: #aaa;
	}
#Nav ul ul > li {
	border-left: #36dbff solid 0px;
	padding-left: 0px;
	}

/* Second, Third and more Tiers	*/
#Nav  ul ul ul li {
	/* position: relative; */
	position: absolute;
	top:-30px; 
	left:200px; 
}

#Nav ul li.current_page_item {
	/* background: #1e1d57; */
	/* border-bottom: #1e1d57 solid 5px; */
}
#Nav ul li.current_page_item a {
	color: #36dbff; /* Brighter Event Background Blue */

}

@media screen and (max-width: 1100px) {
#Nav, #Nav ul ul li {
	font-size: 15pt;
	}
}
@media screen and (max-width: 1050px) {
#Nav, #Nav ul ul li {
	font-size: 14pt;
	}
}
@media screen and (max-width: 1000px) {
#Nav, #Nav ul ul li {
	font-size: 12pt;
	font-weight:bold;
	}
}
@media screen and (max-width: 950px) {
#Nav, #Nav ul ul li {
	font-size: 11pt;
	font-weight:bold;
	}
}
@media screen and (max-width: 900px) {
#Nav, #Nav ul ul li {
	font-size: 10pt;
	font-weight:bold;
	}
}