@charset="utf-8";
/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/

/***
Note that the above design is cleaner, there are a lot of hacks below
in order to get varying sub-menu widths (not in the original)
***/

/* zeroing padding/margin for all elements */
#silc_header, #silc_header * { margin:0;padding:0;}

#silc_header {margin-left: -151px;}
#ku_contentleft{margin-top: 140px !important;}
/* "Master" UL (the whole Menu) */
#silc_header {
	position:relative;
	background:#e31736 no-repeat 100% 50%;
	width:760px; /*was 50em	max-width:100%;*/
	float:left;
	/*margin-bottom:3.5em;*/
	border-bottom:1px solid #fff;
}

/* sub-menu ULs */
#silc_header li ul {
	width:152px /*!important; leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:1px 10px 10px 10px;
	background:url(/~etwrc/images/clear.gif);/* trick to keep'em open */
}

/* All LIs */
#silc_header li {
	position:relative;
	width:152px;
	max-width:40%;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
	background-color: #e31636;
}

/* sub-menu LIs */
#silc_header li ul li {
	width:170px /*FF*/;
	padding:0;
	border:none;
	max-width:200%;
	border:1px solid #333;
	border-top:none;
}

/* All anchors */
#silc_header li a {
	cursor:default;
	color:#fff !important;
	border-left:1px solid #fff;
	text-decoration:none !important;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:2em;
	line-height:2em;
}

/* sub-menu Anchors */
#silc_header li ul li a {
	width:170px; /*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#fff;
	background-position:0 50% !important;
}

/* set specific widths for longer list items */
#silc_header li#programs ul li {width: 290px;}
#silc_header li#programs ul li a {width: 278px;}

#silc_header li#getinvolved ul li {width: 225px;}
#silc_header li#getinvolved ul li a {width: 213px;}
#silc_header li#services ul li {width: 180px;}
#silc_header li#services ul li a {width: 168px;}

#silc_header li#resources ul li, 
#silc_header li#aboutus ul li {width: 150px;}
#silc_header li#resources ul li a,
#silc_header li#aboutus ul li a {width: 138px;}

/* :hover and stuff */
#silc_header li a:hover,
#silc_header li a:focus,
#silc_header li a:active {color: yellow !important; background-color: #e31736;}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#silc_header ul a:hover,
#silc_header ul a:focus,
#silc_header ul a:active {color:#444 !important; background-color: yellow;}

/* display and z-index for the sub-menus */
#silc_header li:hover ul,
#silc_header li.msieFix ul {display:block; z-index:10; top:2em !important;}

/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#silc_header li#getinvolved {z-index:5;}
#silc_header li#programs {z-index:4;}
#silc_header li#services {z-index:3;}
#silc_header li#resources {z-index:2;}
#silc_header li#aboutus {z-index:1;}

/* last nested UL. keeping it in
#silc_header li#aboutus ul {left:-1.3em !important;} 
#silc_header li#getinvolved ul li a:focus,
#silc_header li#getinvolved ul li a:active,
#silc_header li#programs ul li a:focus,
#silc_header li#programs ul li a:active,
#silc_header li#services ul li a:focus,
#silc_header li#services ul li a:active,
#silc_header li#resources ul li a:focus,
#silc_header li#resources ul li a:active,
#silc_header li#aboutus ul li a:focus,
#silc_header li#aboutus ul li a:active {position:absolute !important;top:1028px !important;}*/