@charset "utf-8";

/* SYO text at top */
h1#title {
	padding: 0.5em 0;
} /* to add spacing; can't do it on <a> element because margin collapsing butchers things */

h1#title a {
	display: block;
	white-space: nowrap;
	
	color: white;
	text-shadow: 0px 0px 4px black, 0px 0px 4px black; /* doubled to make it darker */
	
	margin: 0;
	padding: 0.6em 0.4em;
	
	border: solid #044;
	border-width: 2px 0;
	
	text-decoration: none;
	background: /* #899729 */ #0A1  url('../img/syologotrans3.png') no-repeat right center;
}

h1#title a:hover {
	text-decoration: underline;
}

#nav {
	margin: 0 0 3em;
	padding: 0;
	
	background: /* #899729 */ #0A1 ;
	color: black;
	
	border: solid #044;
	border-width: 2px 0;
	
	list-style: none;
	width: 55em;
	float: left;
	z-index: 30;
		
}



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

#nav a {
	text-decoration: none;
	display: block; 
	text-align: center;
	
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  	
	
	
}

#nav a:link {color: black;}


#nav ul#links > li a:visited {color: #fef;}
#nav ul#links li li a:visited {color: #505;}
#nav li:hover > a {color: black !important;}

/*main menu styling*/

#nav ul#links {display: block; margin: 0 auto;}

#nav ul#links li {
	display: block;
	float: left;
	vertical-align: baseline;
	
	margin: 0;
	padding: 0;
	
}

#nav ul#links > li > a {
	
	display: block;
	
	
	
	padding: 0.5em 0.8em;
	
	border: 1px solid rgb(32,35,10);
	border-width: 0;


	color: white;
	font-weight: 600;
}

#nav ul#links > li.here, #nav ul#links > li.here:hover { 
	background-color:  #DAD87F /* rgb(134,235,142) */; 
}

#nav ul#links > li.here > a {
	border-width: 3px 0;
		
	margin: -3px 0;
	
	color: black !important;
}


#nav ul#links > li:hover  {
	
	background-color: rgb(134,215,142); /* #DAE87F */ 
	color: black;
	
}




/*submenu styling*/

/*
#nav ul#links a a {background-color: #FF7F4C /* a tomatoey color *//*; border: 0;}
*/

#nav ul#links ul {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	
	background-color:/* #DAE87F */ rgb(134,215,142);

	
	border-bottom: 2px solid #044;
	
	font-weight: 400;
	color: black;
	width: 100%;
}

#nav ul#links li.here ul, #nav ul#links li.here:hover ul {
	background-color: #DAD87F /* rgb(134,235,142) */;
	display: block;

	
	z-index: 5;
	
}


#nav ul#links li:hover ul {
	display: block;
	z-index: 15;
	
}

#nav ul#links ul li {
	display: block; 
	float: left; 
}

#nav ul#links ul li a {
	display: block;
	
	
	padding: 0.4em 1em;
	margin: 0;
	
}


#nav ul#links ul li a:hover {
	background-color: /* #ECF3B7 */ rgb(204,238,207);
	
}


/* footer nav styling */

#footer ul.slinks {list-style-type: none; margin-bottom: 1em;}



#footer ul.slinks li {
	display: inline; 
	padding-right: 0.4em;
	border: 1px solid black; 
	border-width: 0;
}