@charset "utf-8";
/*UNIVERSAL TAX */



ul.menu{
	padding:0;
	margin:0 auto;
	overflow:hidden;
	list-style:none;
}
ul.menu li{
	padding:0;
	float:left;
	display:in-line;

}

/* HOME */
ul.menu li a#home_btn{
	float:left;
	height:69px;
	width:81px;
	background-image:url(images/btn_home.png);
	background-position:top left;
}
ul.menu li a#home_btn span{
display:none;
}
ul.menu li a#home_btn:hover{
	background-position:left -69px;
}
ul.menu li a#home_btn.active{
	background-position:left -69px;
}


/* BIO BTN */

ul.menu li a#bio_btn{
	float:left;
	height:69px;
	width:89px;
	background-image:url(images/btn_bio.png);
	background-position:top left;
}
ul.menu li a#bio_btn span{
display:none;
}
ul.menu li a#bio_btn:hover{
	background-position:left -69px;
}
ul.menu li a#bio_btn.active{
	background-position:left -69px;
}

/* STATS */

ul.menu li a#stats_btn{
	float:left;
	height:69px;
	width:96px;
	background-image:url(images/btn_stats.png);
	background-position:top left;
}
ul.menu li a#stats_btn span{
display:none;
}
ul.menu li a#stats_btn:hover {
	background-position:left -69px;
}
ul.menu li a#stats_btn.active{
	background-position:left -69px;
}

/* GALLERIES BTN */

ul.menu li a#galleries_btn{
	float:left;
	height:69px;
	width:119px;
	background-image:url(images/btn_galleries.png);
	background-position:top left;
}
ul.menu li a#galleries_btn span{
display:none;
}
ul.menu li a#galleries_btn:hover{
	background-position:left -69px;
}
ul.menu li a#galleries_btn.active{
	background-position:left -69px;
}
/* ASK VCB BTN */

	ul.menu li a#ask_btn{
	float:left;
	height:69px;
	width:125px;
	background-image:url(images/btn_ask.png);
	background-position:top left;
}
ul.menu li a#ask_btn span{
display:none;
}
ul.menu li a#ask_btn:hover{
	background-position:left -69px;
}
ul.menu li a#ask_btn.active{
	background-position:left -69px;
}

/* NEWS BTN */

	ul.menu li a#news_btn{
	float:left;
	height:69px;
	width:97px;
	background-image:url(images/btn_news.png);
	background-position:top left;
}
ul.menu li a#news_btn span{
display:none;
}
ul.menu li a#news_btn:hover{
	background-position:left -69px;
}
ul.menu li a#news_btn.active{
	background-position:left -69px;
}

/* INSPIRATION BTN */

	ul.menu li a#inspiration_btn{
	float:left;
	height:69px;
	width:150px;
	background-image:url(images/btn_inspire.png);
	background-position:top left;
}
ul.menu li a#inspiration_btn span{
display:none;
}
ul.menu li a#inspiration_btn:hover{
	background-position:left -69px;
}
ul.menu li a#inspiration_btn.active{
	background-position:left -69px;
}

/* FOUNDATION BTN */

	ul.menu li a#foundation_btn{
	float:left;
	height:69px;
	width:132px;
	background-image:url(images/btn_foundation.png);
	background-position:top left;
}
ul.menu li a#foundation_btn span{
display:none;
}
ul.menu li a#foundation_btn:hover{
	background-position:left -69px;
}
ul.menu li a#foundation_btn.active{
	background-position:left -69px;
}



/*
<ul class="menu">
 
  <li>
 <a id="home_btn" href="index.php">
 <span>Home</span> </a> </li>
    
 <li>
 <a id="bio_btn" href="http://veronicacampbellbrown.com/wp/her-story/">
 <span>Bio</span> </a> </li>
 
 <li>
 <a id="stats_btn" href="http://veronicacampbellbrown.com/wp/stats/">
 <span>Stats</span> </a> </li>
 
 <li>
 <a id="galleries_btn" href="http://veronicacampbellbrown.com/gallery.html">
 <span>Galleries</span> </a> </li>
 
 <li>
 <a id="ask_btn" href="http://www.veronicacampbellbrown.com/askVCB.html">
 <span>Ask VCB</span> </a> </li>
 
  <li>
 <a id="news_btn" href="http://veronicacampbellbrown.com/wp/news/">
 <span>News</span> </a> </li>
 
  <li>
 <a id="inspiration_btn" href="http://veronicacampbellbrown.com/inspiration/">
 <span>Inspiration</span> </a> </li>
 
 <li>
 <a id="foundation_btn" href="http://www.vcbfoundation.com/">
 <span>Foundation</span> </a> </li>
 
 </ul>
 
*/