@charset "UTF-8";
/* CSS Document */

#navigation { display: block;
		    float: left;
		    position: relative;
		    width: 210px;
		    height: 62em;
		    background: # f4f2e5;
		    margin-left: 25px;
		    z-index: 20;
		    }
		    
	#navigation ul#catalog { display: block;
						width: 200px;
						padding-bottom: 55px;
						margin-top: 20px;
						margin-left: 6px;
						
						}
		    
  	 #navigation ul#catalog li { display: block;
   					   float: left;
					   padding: 12px 11px 5px 6px;
					   background-image: url(../images/bg-nameplate.gif);
					   background-repeat: no-repeat;
					   background-position: 5px 0px;
					 }
	 #navigation ul#catalog li a {
							display: block;
							text-align: center;
					 	     margin: 0 7px 8px 12px;
							padding: 2px;
					 	     font-family: monospace, "Courier New", Courier;
					  	     font-size: 1.3em;
					  	     color: #F1F1FD;
							background-color: #660506;							
					   }
		#navigation ul#catalog li a:hover, #navigation ul#catalog li a:active { 
									 color: #f6b8b3;
									 background-image: url(../images/bg-grate.gif);
									 background-repeat: repeat-x;
									 }	
									 
		/*Main Navigation starts*/	
		h4.subHead {	font-family: Garamond, Georgia, serif;
			 					   color: #534d49;
								   font-variant: small-caps;
								   font-size: 2.6em;
								   text-align: center;
								   background-color: #f4f2e5;
								 
								   }					 		   
		
	#navigation ul#leftNav { display: block;
					   width: 210px;
					   /*for css shadow effect*/
					   position: relative;
				   top: -2px;
				   left: -2px;
				   
					   }
		#navigation ul#leftNav li { background-color: #f4f2e5;}
			#navigation ul#leftNav li a.line {border-top: thin dotted #919683;}				
			#navigation ul#leftNav li a { font-family: Garamond, Georgia, serif;
			 					   color: #534d49;
								   font-size: 1.7em;
								   font-variant: small-caps;
								   display: block; 
								   padding: 5px 0px 5px 9px;
								   }
			#navigation ul#leftNav li a:hover, #navigation ul#leftNav li a:active { 
										 background-color: #919683;
										 color: #f4f2e5;
										 background-image: none;}
				body#home ul#leftNav li.home,
				body#cal ul#leftNav li.cal,
				body#about ul#leftNav li.about,
				body#kids ul#leftNav li.kids,
				body#teens ul#leftNav li.teens,
				body#books ul#leftNav li.books,
				body#services ul#leftNav li.services,
				body#programs ul#leftNav li.programs,
				body#policy ul#leftNav li.policy,
				body#volunteer ul#leftNav li.volunteer,
				body#resource ul#leftNav li.resource,
				body#links ul#leftNav li.links,
				body#community ul#leftNav li.community,
				body#contact ul#leftNav li.contact
								{ list-style-image: url(../images/asterisk.png);
								  list-style-position: outside;
	    							    }
		/*flyout submenu for main navigation recources*/
		
		/*#navigation ul#leftNav ul.flyout li a { font-family: Garamond, Georgia, serif;
			 					   color: #534d49;
								   font-size: 1.7em;
								   font-variant: small-caps;
								   padding: 5px 0px 5px 9px;
								   }   */ 

			#navigation ul#leftNav li ul {display: none;}
			#navigation ul#leftNav li:hover ul.flyout  { display: block;}
			#navigation ul#leftNav ul.flyout { position: absolute;
										margin-left: 200px;
										margin-top: -30px;
										width: 265px;
										}
										
										
			
			/*Ask Us Linked image at bottom of main nav*/	
			
			#navigation img#ask	{padding: 12px 0 0 18px;}