/* menus - general 

a:link {
	text-decoration: none;
	color: rgb(81,81,81) ;
}
a:visited {
	color: rgb(81,81,81) ;
}
a:hover  {
	color: rgb(197, 53, 27);
}
a:active {
	color: black; 	
}
*/

/*  menu stylings - mainmenu */
ul#mainmenu {
    /* see structures.css for positioning of mainmenu */
	margin: 0 ;
	padding: 0 ;
	list-style: none; 
	margin-left: 198px;
	line-height:32px;
}

ul#mainmenu li {
	position: relative;
	display:inline;
	font-size: 0.75em;
	font-weight:bold;	
	/* 	padding-bottom: 13px; 	 must be set deep enough to allow mouse to 'connect' to rollover menu */
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.3px; 
	padding-left: 6px ;
	padding-right: 8px;
	border-right: 1px solid white;
}

ul#mainmenu li#first, #mainmenu li#mainSelectedFirst {
	padding-left: 0 ;
}

ul#mainmenu li#last, #mainmenu li#mainSelectedLast {
	border: 0;
}

/*ul#mainmenu li.active a, #mainmenu li#mainSelectedFirst a, #mainmenu li#mainSelectedLast a {
	font-weight: bold; 	
	color: white;
}*/


#mainmenu li a {
	text-decoration: none;
	font-weight: normal;
	color: rgb(191,226,248);
}

#mainmenu li a:link {
	color: rgb(191,226,248);
}

#mainmenu li a:visited {
	color: rgb(191,226,248);
}
#mainmenu li a:hover  {
	color: white

}

#mainmenu li a:active {
	color: black; 	
}

/* IMPROVES GRAB IN IE */
/*
ul#mainmenu li a {
	padding:2px;	
	padding-left:0;
}
*


/* ### SIDE MENU  ### */

ul#sidemenu {
	margin: 0 ;	
	list-style: none; 
	padding: 0 ;
	padding-top:34px;
	margin-left: 30px;
}

ul#sidemenu li {
	display: block; 	
	margin: 0 ;	
	padding: 0 ;
	/* text-align: right; */
	text-decoration:none;
	margin-bottom:15px;
	text-transform: uppercase;
	width:100%; /* FIX IE 6; without this, subsequent li items will appear inline for some reason */
	line-height:0.9em;
}

ul#sidemenu li a {
	font-size: 0.75em;
	font-weight:bold;	
	text-decoration:none;
	color: rgb(86,139,201); /* 60% of (0,97,176); */
	font-weight:bold;	
}

ul#sidemenu li#selected a {
	color: rgb(0,97,176);
	text-decoration:none;
}

ul#sidemenu li a:hover {
	font-weight: bold;
	color: rgb(27,47,132);
}



@media only screen and (max-width: 800px) {
	ul#mainmenu {
		margin-left: 20px;
	}
}