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

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	
}

#nav li {
	float: left;
	
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* declarations to style the regular state */


#nav-about  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_02.png);
	height: 37px;
	width: 97px;}
	
#nav-fun  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_03.png);
	height: 37px;
	width: 115px;}
	
#nav-dates  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_04.png);
	height: 37px;
	width: 214px;}

#nav-parents  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_05.png);
	height: 37px;
	width: 113px;}
	
#nav-friends  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_06.png);
	height: 37px;
	width: 139px;}
	
#nav-contact  {text-indent:-9009px;
	background-image:url(../images/navbar/navbar_07.png);
	height: 37px;
	width: 122px;}

/* declarations to style the current state */

#about #nav-about  {
	background-image:url(../images/navbar/navbar_current_02.png);
	height: 37px;
	width: 97px;}
	
#camp_fun #nav-fun  {
	background-image:url(../images/navbar/navbar_current_03.png);
	height: 37px;
	width: 115px;}
	
#camp_dates #nav-dates  {
	background-image:url(../images/navbar/navbar_current_04.png);
	height: 37px;
	width: 214px;}

#parents #nav-parents  {
	background-image:url(../images/navbar/navbar_current_05.png);
	height: 37px;
	width: 113px;}
	
#our_friends #nav-friends  {
	background-image:url(../images/navbar/navbar_current_06.png);
	height: 37px;
	width: 139px;}
	
#contact #nav-contact  {
	background-image:url(../images/navbar/navbar_current_07.png);
	height: 37px;
	width: 122px;}
 
 
/* declarations to style the hover state */

#nav-about:hover {
	background-image:url(../images/navbar/navbar_roll_02.png);
	height: 37px;
	width: 97px;}
	
#nav-fun:hover {
	background-image:url(../images/navbar/navbar_roll_03.png);
	height: 37px;
	width: 115px;}
	
#nav-dates:hover {
	background-image:url(../images/navbar/navbar_roll_04.png);
	height: 37px;
	width: 214px;}

#nav-parents:hover {
	background-image:url(../images/navbar/navbar_roll_05.png);
	height: 37px;
	width: 113px;}
	
#nav-friends:hover {
	background-image:url(../images/navbar/navbar_roll_06.png);
	height: 37px;
	width: 139px;}
	
#nav-contact:hover {
	background-image:url(../images/navbar/navbar_roll_07.png);
	height: 37px;
	width: 122px;}