/* NAVIGATION BUTTONS */
/* CSS navigation from Webcredible: www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml \*/
/* Should move the Main Nav to main style sheet as part to go with masthead; possibly combine the 2 subnavs into one or put all the menus into the main stylesheet too */
.main-bar {
	color: #FFFFFF
	background-image;
	height: 30px;
	background-repeat: repeat-x;
	clear: both;
	vertical-align: middle;
}
.sub-bar {
	background-repeat: repeat-x;
	clear: both;
	vertical-align: top;
	height: 36px;
	background-color: #eec1ff;
/*	background-image: url(nav-pics/subbg3.png); -- to use an image instead of a colour */

}
#nav-menu
{
	width:100%;
	vertical-align: top;
	text-align: center;
} 
#nav-menu ul
{
	list-style: url((URL));
	padding: 0;
	left: 90px;
	position: relative;
	vertical-align: top;
	float: left;
	background-position: top;
}

#nav-menu li
{
	vertical-align: top;
	margin-top: -1px;
	margin-right: 0.1em;
	margin-left: 0.1em;
	width: 110px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#nav-menu li a
{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;

}

#nav-menu li a:hover
{
	display: block;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
/* Rollover Buttons for Main-bar */
a#NewBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/NEW-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#NewBtn:hover {
	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#PartyBtn {
	display: block;
	width: 110px;
	height: 31px; 
	background-image: url(nav-pics/PARTY-btn.gif);
	background-repeat: repeat-x;
 	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#PartyBtn:hover {
	background-position: 0 -35px;
	background-repeat: repeat-x;
}

a#ShopBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/SHOP-btn.gif);
	background-repeat: repeat-x;
 	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#ShopBtn:hover {
	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#JoinBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/JOIN-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#JoinBtn:hover {
	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#FreeBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/FREE-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#FreeBtn:hover {
	background-position: 0 -35px;
	background-repeat: repeat-x;
}

a .alt {
	display: none;
	list-style-image: none;
	list-style-type: none;
}


}

/* Sub-menu setup for Party pages) */
.sub-bar {
/*	color: #FFFFFF	*/
	height: 36px;
	background-repeat: repeat-x;
	clear: both;
	vertical-align: top;
	background-color: #eec1ff;
/*	background-image: url(nav-pics/subbg3.png); */
}

#sub-menu
{
	width:100%;
	vertical-align: top;
	text-align: center;
} 
#sub-menu ul
{
	list-style: url((URL));
	padding: 0;
	left: 90px; 
	position: relative;
	vertical-align: top;
	float: left;
	background-position: top;
}

#sub-menu li
{
	vertical-align: top;
	margin-top: -1px;
	margin-right: 0.1em;
	margin-left: 0.1em;
	width: 90px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#sub-menu li a
{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;

}

#sub-menu li a:hover
{
	display: block;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
/* Rollover Buttons for Sub-bar */
a#BookBtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/Booking-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -12px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#BookBtn:hover {
	background-position: 0 -57px;
	background-repeat: repeat-x;
}
a#HintsBtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/Hints-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -12px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#HintsBtn:hover {
	background-position: 0 -57px;
	background-repeat: repeat-x;
}

a#QABtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/QA-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -12px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#QABtn:hover {
	background-position: 0 -57px;
	background-repeat: repeat-x;
}
a#HannaBtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/Hanna-btn.gif);
	background-repeat: repeat-x; 
	background-position: 0 -12px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#HannaBtn:hover {
	background-position: 0 -57px;
	background-repeat: repeat-x;
}
a#ThemesBtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/Themes-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -13px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#ThemesBtn:hover {
	background-position: 0 -57px;
	background-repeat: repeat-x;
}

a .alt { display: none; }


}