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

/* menu.css     */

#navigation{width:1000px;
			height:52px;
			position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.8em;
			color:#003366;
			z-index:400;
			display:block;
			}

#navigation .home{width:127px; height:52px; background-image:url(../images/navigation/home.jpg);}
#navigation .basics{width:174px; height:52px; background-image:url(../images/navigation/basics.jpg);}
#navigation .plan{width:149px; height:52px; background-image:url(../images/navigation/plan.jpg);}
#navigation .registrations{width:203px; height:52px; background-image:url(../images/navigation/registrations.jpg);}
#navigation .photos{width:117px; height:52px; background-image:url(../images/navigation/photos.jpg);}
#navigation .gossip{width:117px; height:52px; background-image:url(../images/navigation/gossip.jpg);}
#navigation .shop{width:113px; height:52px; background-image:url(../images/navigation/shop.jpg);}

/* Floating for the drop menu's to sit where they are supposed to*/
#home_ul{left:10px; top:0px;}
#basics_ul{left:143px; top:1px;}
#plan_ul{left:300px; top:1px;}
#photos_ul{left:650px;}
#gossip_ul{left:770px;}


#navigation .top_ul > li{display:block; float:left;}
#navigation a{display:block; float:left; background-position:top; text-decoration:none;color:#493824;}
#navigation a:hover{background-position:bottom;}

#navigation li:hover a{background-position:bottom;}
#navigation .low_ul{display:none; }
#navigation li:hover .low_ul{display:block;}

#navigation ul.low_ul{position:absolute; 
					margin-top:45px; 
					background-color:#dbd3bc; /*C3B497; */
					list-style-type:none; 
					z-index:300; 
					width:140px;
					padding:0;}


#navigation ul.low_ul li{display:list-item; float:left; width:116px; border:#8d7454 solid 2px; border-top:0px; border-bottom:0px; padding:2px 10px; margin-bottom:0px;}
#navigation ul.low_ul li a:hover{text-decoration:none;color:#B67C11;} 
#navigation ul.low_ul li.last-child{border:0px; padding:0px; height:0px; margin-top:0px; line-height:0px; display:block; }
#navigation ul.low_ul li.last-child img{line-height:0; height:10px; vertical-align:top; width:140px}