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


/* remember to define focus styles! */
:focus {
	outline: 0;
}

#menu ol, ul {
	list-style: none;
	text-decoration: none;
}
		
/* NAVIGATION - CSS SPRITES*/

#menu {
	float:left;
	width:412px;
	height:22px;
	margin: -25px 0 8px 25px;
	position: relative;
	z-index:5;
	}	
		
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	


#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	text-decoration: none;
	list-style-type: none;
	}
	
#drops ul.drop {
/* 	padding:10px; */
	width:inherit;
	clear:both;
	float:left;
	margin:22px 0 0 10px;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {
	color:#002d56;
	text-decoration:none;
	clear:both;
	float:left;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 2px 0 2px;
	}
	
#drops ul.drop a:hover {
	color:#d5e14d;
	clear:both;
	float:left;
	display: block;
	background-color: #002d56;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 2px 0 2px;
	font-family: inherit;
	}
	
#drops a {
	display:block;
	float:left;
	clear:both;
	width:160px;
}

#drops a.bullet {
	background: transparent url("../images/interface/bullet_toggle_plus.png") no-repeat scroll left 4px;
	padding-left: 30px;
}


#drops li {
	float: left;
}

#drops li.last {
	margin-bottom: 6px;
}

#drops li.first {
	margin-top: 4px;
}

#drops li ul {
	position: absolute;
	left: -999em;
	background: url("../images/interface/menu_background.png") bottom left no-repeat;
}

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

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#menu a.aboutUs, #menu a.services, #menu a.events, #menu a.tipstools, #menu a.contactUs {
	float:left;
	height:22px;
	text-indent:-999999px;
	background-image: url(../images/interface/navigation_sprite_trial.gif);
	background-repeat: no-repeat;
	}
	
#menu a.aboutUs {	
	background-position:0px 0;
	width:80px;
	}

#menu a.services {	
	background-position:-80px 0;
	width:75px;
	}

#menu a.events {	
	background-position:-155px 0;
	width:63px;
	}	

#menu a.tipstools {	
	background-position:-218px 0;
	width:101px;
	}	
	
#menu a.contactUs {	
	background-position:-319px 0;
	width:93px;
	}	
	

	
#menu a.aboutUs:hover {	
	background-position:0px -21px;
	}

#menu a.services:hover {	
	background-position:-80px -21px;
	}

#menu a.events:hover {	
	background-position:-155px -21px;
	}

#menu a.tipstools:hover{	
	background-position:-218px -21px;
	}	
	
#menu a.contactUs:hover{	
	background-position:-319px -21px;
	}	
	
	
#menu a#active1 {	
	background-position:0px -21px;
	}

#menu a#active2 {	
	background-position:-80px -21px;
	}

#menu a#active3 {	
	background-position:-155px -21px;
	}

#menu a#active4 {	
	background-position:-218px -21px;
	}	
	
#menu a#active5 {	
	background-position:-319px -21px;
	}	
	
	

/*END NAVIGATION*/