/*
	navladder.css for Light Maitreya Way
	Posted: 2019-Jan-06
	Last Updated: 2019-Mar-05
	Connections: index.html

*/
  

#navmenu {
	text-align: left ;
}

#navmenu ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}


#navmenu li {
	margin: 2px 2px 2px 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Georgia, "Times New Roman", Times, serif ;
	font-size: 18px ;
}

	/* Nav Classes */

	#navmenu li.bottomindent {
	    margin-bottom: 16px;
	}

	#navmenu li.trimtop {
	    margin-top: 0 ;
	    padding-top: 0 ;
	}

	
#navmenu li a {
	color: #ffffff ;
	background-color: #5C6A9E ;
	border: solid ;
	border-color: #28324B ;
	border-width: 1px 0 2px 0 ;
	padding: 6px 6px 6px 12px ;
	letter-spacing: 0.02em;
	text-decoration: none ;
	display: block ;
}
#navmenu li a:hover {
	color: #ffffff ;
	background-color: #4E5A88 ;
}
#navmenu li a:active {
	color: #ffffff ;
	background-color: #E1C483 ;
}

#navmenu li a.csoon {
	color: #B4B4B4 ;
}

#navmenu li a.goldtxt {
	color: #FFD700 ;
}

#navmenu li.category {
		background: #649AC1;
		font-size: 20px ;
		font-weight: 800 ;
		padding: 8px 5px 5px 15px ;
		letter-spacing: 0.02em;
		border: solid ;
		border-color: fff ;
		border-width: 3px 1px 0 1px ;
		border-top-left-radius: 12px 12px;
}



#navmenu li.current {
	color: #ffffff ;
	border: solid #E1C483;
	border-width: 7px 0 7px 5px ;
	display: block ;
}

#navmenu li.current a {
	background-color: #445181 ;
	font-size: 1.10em ;
}
	
@media only screen and (max-width: 768px) {
	#navmenu li.category {
		 border-top-left-radius: 0 0 ;
		 }
}

/* For elements with IDs (like div#navmenu), cannot assign classes like below:
CSS: .bottomindent { margin-bottom: 25px ; } // HTML: <div class="bottomindent">

Instead you can assign to the rear as follows:
CSS: #navmenu li.bottomindent { margin-bottom: 25px; } // HTML: <div class="bottomindent">