@charset "utf-8";
/* CSS Document */
/*----NAV--------------------------------*/
#Navigation{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    /* Clear floats */
    float:left;
    width:100%;
    /* Bring the nav above everything else--uncomment if needed./*/
    position:relative;
    z-index:5;
   
}
#Navigation li{
    float:left;
    margin-right:1px;
    position:relative;
	list-style:none;
	margin-left:0;
	margin-bottom:1px;
	
}
#Navigation a{
	display: block;
	color: #000;
	background-image: url(/wdmonth/_images/EEEEEE-75percent.png);
	background-repeat: repeat;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#Navigation a:hover{
	color: #000;
	background-image:url(/wdmonth/_images/0143F1-75percent.png);
	background-repeat:repeat;
    text-decoration:none;
	border-color:#000;
}

/*--- DROPDOWN ---*/
#Navigation ul{
    background:#0143F1; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(1,67,241,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	border:none;
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#Navigation ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
	
	
}
#Navigation ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#Navigation li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
	margin-left:5px;
	z-index:6;
}
#Navigation li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
 	background-image: url(/wdmonth/_images/0143F1-90percent.png);
	background-repeat: repeat;
	border-color:#000;}